:root{--navy:#041526;--navy2:#092844;--red:#ef233c;--red2:#ff6876;--paper:#f3f7fb;--ink:#06213a;--muted:#57718a;--line:#0b2a441f;--shadow:0 35px 90px #02152632}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#f3f7fbf0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:47px;height:47px;border-radius:15px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px #ef233c3d}.brand b{font-size:13px;letter-spacing:.17em}.brand small{display:block;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:4px}.light small{color:#8ea5b9}nav{display:flex;gap:30px;font-size:13px;font-weight:850}.hero{min-height:calc(100vh - 84px);background:var(--navy);color:#fff;display:grid;grid-template-columns:1.03fr .97fr;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff17 50%,transparent 50.2%);pointer-events:none}.hero-copy{padding:11vh 3vw 9vh 7vw;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:900;color:var(--red2)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.05em;line-height:.98}h1{font-size:clamp(64px,7.6vw,124px);margin:25px 0 30px}h1 em,.statement h2 em{color:var(--red2);font-weight:400}.hero-copy>p{max-width:650px;color:#afc2d2;font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:38px}.primary{background:var(--red);padding:17px 27px;border-radius:99px;font-weight:900;box-shadow:0 18px 45px #ef233c47}.secondary{font-weight:850;border-bottom:1px solid #ffffff40;padding-bottom:6px}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:75px;color:#91aabd}.hero-meta b{color:#fff;font:500 35px Georgia}.hero-meta span{font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em}.hero-meta i{width:1px;height:45px;background:#ffffff28;margin:0 15px}.stage{position:relative;perspective:1300px;transform-style:preserve-3d;background:radial-gradient(circle at 51% 47%,#17527f,#041526 66%)}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04152680,transparent 25%);pointer-events:none}.orbit{position:absolute;border:1px solid #ff52634d;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotateX(68deg);animation:orbit 12s linear infinite}.o1{width:560px;height:560px}.o2{width:730px;height:730px;border-color:#6ba5d738;animation-direction:reverse;animation-duration:18s}.glow{position:absolute;width:370px;height:370px;border-radius:50%;background:#ef233c1c;filter:blur(45px);left:27%;top:25%;animation:breathe 4s ease-in-out infinite}.book{position:absolute;width:190px;height:310px;border-radius:5px 19px 19px 5px;padding:26px;box-shadow:-25px 35px 55px #0009;transform-style:preserve-3d;z-index:3;animation:float 5s ease-in-out infinite}.book:before{content:"";position:absolute;right:0;top:0;width:15px;height:100%;background:#ffffff24;border-radius:0 19px 19px 0}.book small{font-size:8px;letter-spacing:.16em;font-weight:900}.book strong{position:absolute;left:25px;bottom:28px;font:500 25px Georgia;max-width:140px}.book i{position:absolute;inset:12px;border:1px solid #ffffff35;border-radius:50%}.book-red{left:7%;top:22%;background:linear-gradient(145deg,#f12540,#790819);transform:rotateY(22deg) rotateZ(-8deg)}.book-blue{right:5%;top:22%;background:linear-gradient(145deg,#1c5886,#041526);transform:rotateY(-24deg) rotateZ(8deg);animation-delay:-1.3s}.book-light{right:17%;bottom:7%;background:linear-gradient(145deg,#eef4f8,#a8bdcd);color:var(--navy);transform:rotateY(-12deg) rotateZ(4deg) scale(.88);animation-delay:-2.4s}.book-light i{border-color:#06213a35}.clay{position:absolute;left:36%;top:13%;width:310px;height:510px;border-radius:160px 160px 45px 45px;z-index:5;filter:drop-shadow(0 42px 36px #0008);animation:floatMain 5.5s ease-in-out infinite}.clay:before{content:"";position:absolute;inset:-13px;border:1px solid #ffffff45;border-radius:inherit;z-index:-1}.clay img{width:100%;height:100%;object-fit:cover;border-radius:inherit;clip-path:ellipse(48% 49% at 50% 50%)}.float-tag{position:absolute;padding:15px 19px;background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(12px);border-radius:14px;z-index:7;box-shadow:0 20px 50px #0005;animation:float 4s ease-in-out infinite}.float-tag small{display:block;color:var(--red2);font-weight:900;margin-bottom:4px}.float-tag b{font-size:11px;letter-spacing:.12em}.tag-one{left:7%;bottom:13%}.tag-two{right:4%;top:10%;animation-delay:-1.8s}.floor{position:absolute;width:75%;height:180px;border-radius:50%;background:radial-gradient(ellipse,#ffffff1c,transparent 67%);left:15%;bottom:2%;transform:rotateX(72deg)}.ticker{height:58px;background:var(--red);color:#fff;overflow:hidden;display:flex;align-items:center}.ticker>div{display:flex;align-items:center;gap:27px;white-space:nowrap;animation:ticker 24s linear infinite;font-size:11px;font-weight:900;letter-spacing:.16em}.ticker i{width:6px;height:6px;border-radius:50%;background:var(--navy)}.statement{padding:130px 7vw 75px;display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:end}.dark{color:var(--red)}.statement h2{font-size:clamp(54px,6.8vw,105px);margin:24px 0}.statement>p{color:var(--muted);font-size:18px;line-height:1.8;margin-bottom:20px}.portals{padding:0 7vw 130px;display:grid;gap:34px}.portal{position:relative;min-height:610px;border-radius:36px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:var(--shadow);transition:transform .5s}.portal:hover{transform:translateY(-9px)}.portal-number{position:absolute;right:35px;top:25px;font:500 50px Georgia;color:#ffffff2e;z-index:4}.portal>section{padding:75px;align-self:center;position:relative;z-index:3}.portal small{font-size:10px;letter-spacing:.2em;font-weight:900;color:var(--red2)}.portal h2{font-size:clamp(48px,5.5vw,82px);margin:22px 0}.portal p{font-size:18px;line-height:1.75;max-width:570px}.portal b{display:inline-flex;gap:20px;align-items:center;margin-top:20px}.portal b span{font-size:25px}.books-portal{background:var(--navy);color:#fff}.books-portal p{color:#a9bdcd}.clay-portal{background:#fff}.clay-portal p{color:var(--muted)}.clay-portal small{color:var(--red)}.book-sculpture{position:relative;background:radial-gradient(circle,#275a83,#041526 68%);display:flex;justify-content:center;align-items:center;gap:15px;perspective:1000px;overflow:hidden}.book-sculpture:before,.book-sculpture:after{content:"";position:absolute;border:1px solid #ef526054;border-radius:50%;width:420px;height:420px;transform:rotateX(68deg)}.book-sculpture:after{width:570px;height:570px;border-color:#80acd03d}.book-sculpture i{width:145px;height:350px;border-radius:6px 18px 18px 6px;box-shadow:-20px 30px 45px #0008;z-index:2;animation:float 5s ease-in-out infinite}.book-sculpture i:nth-child(1){background:#ef233c;transform:rotateY(18deg) rotateZ(-6deg)}.book-sculpture i:nth-child(2){background:#edf3f7;transform:translateZ(80px);animation-delay:-1.3s}.book-sculpture i:nth-child(3){background:#155078;transform:rotateY(-18deg) rotateZ(6deg);animation-delay:-2.6s}.clay-window{position:relative;background:linear-gradient(135deg,#e7eef5,#c9d8e4);overflow:hidden;min-height:610px}.clay-window:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--red);right:-160px;top:-180px}.clay-window:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid var(--navy);left:-200px;bottom:-180px}.clay-window img{position:absolute;width:260px;height:430px;object-fit:cover;border-radius:160px;box-shadow:0 30px 65px #06213a45;z-index:2}.clay-window img:first-child{left:20%;top:10%;transform:rotate(-5deg)}.clay-window img:nth-child(2){right:8%;bottom:-8%;height:360px;transform:rotate(7deg)}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:0 7vw 130px}.principles article{padding:45px;border:1px solid var(--line);background:#fff}.principles article:first-child{border-radius:25px 0 0 25px}.principles article:last-child{border-radius:0 25px 25px 0}.principles span{color:var(--red);font:500 25px Georgia}.principles h3{font:500 28px Georgia;margin:28px 0 12px}.principles p{color:var(--muted);line-height:1.65}.future{text-align:center;padding:145px 20px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.future>*{position:relative;z-index:2}.future>span{color:var(--red2);font-size:10px;letter-spacing:.2em;font-weight:900}.future h2{font-size:clamp(50px,6vw,92px);max-width:1100px;margin:25px auto}.future p{color:#9cb3c5;max-width:700px;margin:0 auto 35px;font-size:18px}.future a{color:var(--red2);font-weight:900}.future-orbit{position:absolute;left:50%;top:50%;width:900px;height:900px;border:1px solid #ffffff18;border-radius:50%;transform:translate(-50%,-50%)}footer{padding:60px 7vw;background:#020e19;color:#fff;display:flex;align-items:center;gap:50px}footer>p{flex:1;color:#8199ad}footer>div:last-child{display:flex;gap:25px;font-size:13px;font-weight:850}@keyframes float{50%{margin-top:-16px}}@keyframes floatMain{50%{transform:translateY(-18px) rotate(1deg)}}@keyframes breathe{50%{transform:scale(1.15);opacity:.7}}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:1050px){.hero{grid-template-columns:1fr}.stage{min-height:720px}.statement{grid-template-columns:1fr}.portal{grid-template-columns:1fr}.book-sculpture,.clay-window{min-height:580px}.clay-portal .clay-window{order:0}.clay-portal section{order:1}}@media(max-width:700px){header{height:74px;padding:0 20px}nav{gap:13px}nav a:first-child,nav a:nth-child(2){display:none}.hero-copy{padding:85px 22px 70px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta{margin-top:50px}.stage{min-height:570px}.clay{width:220px;height:380px;left:34%;top:13%}.book{width:135px;height:230px;padding:18px}.book strong{font-size:16px;left:17px;bottom:20px}.book-red{left:1%}.book-blue{right:0}.book-light{right:7%;bottom:5%}.orbit.o1{width:400px;height:400px}.orbit.o2{width:520px;height:520px}.float-tag{display:none}.statement{padding:90px 22px 50px}.portals{padding:0 20px 90px}.portal{min-height:0}.portal>section{padding:45px 27px}.book-sculpture,.clay-window{min-height:440px}.book-sculpture i{width:90px;height:260px}.clay-window img{width:180px;height:310px}.clay-window img:first-child{left:14%}.clay-window img:nth-child(2){height:270px}.principles{grid-template-columns:1fr;padding:0 20px 90px}.principles article,.principles article:first-child,.principles article:last-child{border-radius:20px;margin-bottom:12px}.future{padding:100px 20px}footer{flex-direction:column;align-items:flex-start}footer>div:last-child{flex-wrap:wrap}}
/* Logotipo oficial do Instituto */
.brand{font-size:0}.brand>span,.brand>b,.brand>strong,.brand>small,.brand>em{display:none!important}
.brand:not(:has(img))::before{content:"";display:block;width:230px;height:64px;flex:0 0 230px;background:url('../assets/logo-instituto-paulista.jpg') center/contain no-repeat;border-radius:7px}
.brand:not(:has(img))>b:first-child,.brand:not(:has(img))>span:first-child{display:none!important}
@media(max-width:620px){.brand:not(:has(img))::before{width:180px;height:50px;flex-basis:180px}.brand:not(:has(img))>b:last-child{display:none}}