@font-face{font-family:Display;src:url('fonts/barlow.ttf') format('truetype');font-weight:900;font-display:swap}@font-face{font-family:Narrow;src:url('fonts/display.otf');font-weight:900;font-display:swap}@font-face{font-family:Body;src:url('fonts/body.ttf');font-display:swap}
:root{--night:#10091c;--black:#0a080f;--purple:#8425ef;--orange:#ff7409;--slime:#b2fa37;--cream:#fff4d5;--ink:#1c1425;--line:#ffffff25;--display:Display,Narrow,Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--cream);background:var(--night);font-family:Body,Arial,sans-serif;font-size:14px;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--slime);outline-offset:5px}svg{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6;width:24px;height:24px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:900;letter-spacing:-.025em}em{font-style:normal}::selection{background:var(--slime);color:var(--ink)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;background:var(--slime);color:var(--ink);padding:15px;z-index:200}.skip:focus{top:15px}.eyebrow{font-size:10px;letter-spacing:1.4px;line-height:1.7}.live-dot{display:inline-block;background:var(--slime);width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #b2fa3718;animation:pulse 2s infinite}header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #fff2;transition:width .5s cubic-bezier(.22,1,.36,1),top .5s,left .5s,height .5s,padding .5s,background .4s,border-radius .4s;background:linear-gradient(#10091cb0,#10091c20)}.brand{display:block;width:103px;transform:rotate(-5deg);flex-shrink:0}.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 3px #0007)}nav{display:flex;gap:35px;font-size:11px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--orange);transition:width .3s}nav a:hover:after{width:100%}.nav-cta{background:var(--orange);color:var(--ink);display:flex;align-items:center;gap:20px;font-size:11px;font-weight:bold;padding:15px 20px;border-radius:6px}.nav-cta svg{width:16px;height:16px;stroke-width:2}.menu-toggle{display:none;width:35px;height:35px;background:none;position:relative}.menu-toggle i{position:absolute;left:4px;top:12px;width:27px;height:2px;background:var(--cream);transition:transform .3s}.menu-toggle i+i{top:21px}.menu-toggle[aria-expanded=true] i{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i+i{transform:translateY(-4.5px) rotate(-45deg)}header.compact{width:680px;left:calc(50% - 340px);top:15px;height:76px;background:#160d23f5;border-radius:12px;backdrop-filter:blur(18px);padding:0 22px;border:1px solid #fff2;box-shadow:0 10px 30px #0002}header.compact .brand{width:75px}header.compact nav{display:none}header.compact .menu-toggle{display:block}header.compact .nav-cta{margin-left:auto;margin-right:20px;padding:12px 17px;font-size:10px}.menu-panel{display:none;position:absolute;top:calc(100% + 10px);left:0;width:100%;background:#160d23;border:1px solid #fff2;border-radius:12px;padding:20px;box-shadow:0 15px 35px #0006}.menu-panel.open{display:grid;animation:panel .3s}.menu-panel a{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:34px;padding:12px;border-bottom:1px solid #fff2}.menu-panel a:hover{color:var(--slime)}.menu-panel a span{font-family:Body;font-size:9px;color:#c6aeda}
.hero{height:100svh;min-height:790px;max-height:1150px;position:relative;overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:0;background:url('assets/hero.webp') center center/cover;z-index:-3;animation:hero-image 1.8s cubic-bezier(.22,1,.36,1) both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10091cba 0%,#10091c60 35%,transparent 65%),linear-gradient(0deg,#10091c 0%,transparent 18%,transparent 86%,#10091c50)}.hero-copy{padding:150px 0 70px 6%;max-width:650px;position:relative;z-index:2}.hero-copy .eyebrow{font-size:9px;color:var(--slime);display:block;animation:enter 1s .1s both}.hero h1{font-size:clamp(70px,6.7vw,119px);line-height:.88;margin:25px 0 24px;text-shadow:0 4px 20px #10091c44;animation:enter 1s .2s both}.hero h1 em{color:var(--orange)}.hero-copy>p{font-size:12px;line-height:1.8;color:#eadff4;animation:enter 1s .32s both}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:58px;padding:17px 22px;border-radius:6px;font-size:11px;font-weight:bold;transition:transform .3s,box-shadow .3s,background .3s}.button svg{width:20px;height:20px;stroke-width:2}.button:hover{box-shadow:0 10px 30px #0003}.button:hover svg{transform:translate(2px,-2px)}.button svg{transition:transform .3s}.orange{background:var(--orange);color:#1a1023}.dark{background:#1c1425;color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.hero-copy .button{margin-top:25px;animation:enter 1s .45s both}.hero-signature{display:block;font-size:8px;color:#cbb7d6;margin-top:18px;animation:enter 1s .55s both}.hero-signature>span{color:var(--orange);padding:0 7px}.hero-sticker{position:absolute;width:130px;height:130px;right:5%;top:132px;background:var(--slime);border-radius:50%;color:var(--ink);transform:rotate(15deg);box-shadow:0 5px 25px #0002}.sticker-text{width:100%;height:100%;animation:spin 40s linear infinite;fill:currentColor;stroke:none;font-size:8.2px;letter-spacing:1.3px}.hero-sticker .ghost-symbol{position:absolute;left:38px;top:35px;width:55px;height:55px;transform:rotate(-15deg)}.hero-bat{position:absolute;width:50px;height:32px;color:#080411;z-index:0;animation:batfloat 7s ease-in-out infinite}.b1{left:39%;top:25%;transform:rotate(-18deg)}.b2{left:48%;top:17%;width:32px;animation-delay:-3s}.scroll-cue{position:absolute;right:6%;bottom:91px;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:1px}.scroll-cue>span+span{width:40px;height:40px;border-radius:50%;border:1px solid #fff7;display:grid;place-items:center;font-size:25px;animation:float 3s ease-in-out infinite}.hero-fine{position:absolute;bottom:23px;left:6%;right:6%;border-top:1px solid #fff3;padding-top:17px;display:flex;justify-content:space-between;font-size:8px;color:#c9b4d4}
.journey{height:390svh;position:relative;background:var(--night);scroll-margin-top:0}.journey-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.journey-bg{position:absolute;inset:0;background:var(--purple);z-index:-2;opacity:0;transition:background 1s}.journey-stage:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 75%);pointer-events:none}.journey-intro{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:2}.journey-intro .eyebrow{color:var(--slime)}.journey-intro h2{font-size:clamp(62px,6.5vw,105px);line-height:.94;margin:20px 0 25px}.journey-intro h2 em{color:var(--orange)}.journey-intro p{font-size:12px;line-height:1.8;color:#d0bade}.intro-scroll{display:flex;gap:20px;align-items:center;margin-top:35px;font-size:9px}.intro-scroll>span{font-size:24px;color:var(--slime)}.journey-center{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;opacity:0;z-index:2}.journey-center .eyebrow{font-size:9px;border:1px solid #fff7;border-radius:40px;padding:8px 15px}.journey-center h2{font-size:clamp(80px,10vw,170px);line-height:1;margin:18px 0 20px;color:var(--cream);white-space:nowrap}.journey-center p{font-size:10px;color:#e6d5fb}.flying-card{position:absolute;left:50%;top:50%;width:320px;aspect-ratio:1.35;border-radius:13px;overflow:hidden;background:#190f25;padding:0;border:4px solid #fff5;box-shadow:0 20px 50px #0004;will-change:transform,opacity;z-index:4;transition:box-shadow .3s}.flying-card:hover{box-shadow:0 22px 65px #0007;border-color:var(--slime)}.flying-card img{width:100%;height:100%;object-fit:cover;display:block}.flying-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#10091cbd)}.flying-card .flying-label{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:11px;text-align:left;font-weight:bold}.flying-label svg{width:17px;height:17px;color:var(--slime)}.journey-caption{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;gap:30px;z-index:20;font-size:8px;letter-spacing:1px;opacity:0}.progress-track{height:2px;background:#fff3;flex:1}.progress-track i{display:block;height:100%;background:var(--slime);transform:scaleX(0);transform-origin:left}.journey-bat{position:absolute;color:#1d0b3a35;left:43%;top:19%;width:160px;height:90px;z-index:-1}
.marquee{overflow:hidden;background:var(--slime);color:var(--ink);padding:23px 0;transform:rotate(-1.8deg) scale(1.01);position:relative;z-index:3}.marquee>div{display:flex;align-items:center;gap:35px;width:max-content;animation:marquee 30s linear infinite;white-space:nowrap}.marquee span{font-family:var(--display);font-size:52px;line-height:1}.marquee svg{width:43px;height:43px}.section-pad{padding:110px 6%}.manifesto{display:grid;grid-template-columns:25% 75%;background:var(--cream);color:var(--ink);padding-top:140px;padding-bottom:125px}.manifesto-label{display:flex;flex-direction:column;justify-content:space-between}.manifesto-label>.eyebrow{font-size:9px;max-width:120px}.manifesto-ghost{width:130px;height:160px;color:var(--purple);transform-origin:50% 50%}.word-reveal{font-size:clamp(48px,5.5vw,85px);line-height:1.02;max-width:1000px}.word-reveal span{color:#ccc2b0;transition:color .2s}.word-reveal span.lit{color:var(--ink)}.manifesto-bottom{border-top:1px solid #1c142533;margin-top:40px;padding-top:28px;display:flex;justify-content:space-between;gap:45px}.manifesto-bottom>p{max-width:360px;font-size:11px;line-height:1.9}.manifesto-bottom>span{font-size:9px;line-height:1.8;max-width:230px;color:#655076}.manifesto-bottom svg{width:14px;height:14px;margin-left:7px;vertical-align:middle}.collection{background:#0d0913}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-intro>.eyebrow{font-size:9px}.section-intro h2{font-size:clamp(65px,7.8vw,125px);line-height:.9;margin-top:22px}.section-intro h2 em{color:var(--orange)}.collection-note{display:flex;align-items:center;gap:20px}.collection-note>svg{color:var(--orange);width:55px;height:55px;transform:rotate(-12deg)}.collection-note p{font-size:10px;line-height:1.9}.collection-note p span{color:#ac94bd}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;color:#c7b4d1;border:1px solid #fff3;border-radius:40px;padding:11px 18px;font-size:10px;transition:background .2s,color .2s,border-color .2s}.filters button:hover{border-color:var(--slime)}.filters .active{color:var(--ink);background:var(--slime);border-color:var(--slime)}sup{font-size:7px;margin-left:8px}.universe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.universe-card[hidden]{display:none}.art-button{width:100%;padding:0;background:transparent;position:relative;overflow:hidden;display:block;border-radius:10px;aspect-ratio:.94}.art-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.36,1)}.art-button:hover img{transform:scale(1.055)}.art-button .card-tag{position:absolute;top:16px;left:16px;z-index:2;background:#10091c99;backdrop-filter:blur(10px);padding:7px 10px;border:1px solid #ffffff22;border-radius:30px;font-size:7px;letter-spacing:1px;color:var(--cream)}.art-button .zoom-icon{position:absolute;right:15px;bottom:15px;width:38px;height:38px;background:var(--slime);color:var(--ink);border-radius:50%;display:grid;place-items:center;transform:translateY(60px);transition:transform .3s}.zoom-icon svg{width:16px;height:16px}.art-button:hover .zoom-icon{transform:translateY(0)}.card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.card-meta h3{font-family:Body;font-size:12px;font-weight:400;letter-spacing:0}.card-meta small{font-size:8px;color:#ad95bc;display:block;margin-top:6px}.card-meta button{border:1px solid #ffffff33;background:none;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.card-meta button svg{width:14px;height:14px}.card-meta button:hover{color:var(--slime);border-color:var(--slime)}.kit-disclaimer{font-size:9px;line-height:1.8;max-width:680px;color:#a58bb8;margin-top:35px;border-top:1px solid #ffffff20;padding-top:20px}
.energy{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#231035;border-radius:24px 24px 0 0}.energy h2{font-size:clamp(70px,7.3vw,115px);line-height:.92;margin:25px 0}.energy h2 em{color:var(--slime)}.energy-copy>p{font-size:11px;color:#cfb5e0;line-height:1.8}.energy-options{display:flex;gap:10px;margin-top:35px}.energy-options button{background:#ffffff08;border:1px solid #ffffff30;border-radius:12px;padding:18px 22px;display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--cream);font-size:10px;transition:transform .3s,background .3s,color .3s}.energy-options button svg{width:35px;height:35px}.energy-options button:hover{transform:translateY(-5px)}.energy-options button.selected{background:var(--slime);color:var(--ink);border-color:var(--slime)}.energy-visual{height:480px;position:relative;perspective:1000px;--energy-color:var(--slime)}.energy-photo{position:absolute;inset:35px 30px 70px;clip-path:ellipse(45% 49% at 50% 50%);background:url('assets/hero.webp') 74% center/auto 105%;transform:rotate(-8deg) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .4s;animation:energy-float 6s ease-in-out infinite}.energy-orbit{position:absolute;border:1px solid #a56bdf55;border-radius:50%;inset:50px 0 80px;transform:rotate(-23deg);pointer-events:none}.energy-orbit:before{content:'';position:absolute;left:10%;top:8%;width:15px;height:15px;border-radius:50%;background:var(--energy-color);box-shadow:0 0 20px #b2fa3733}.o2{inset:12px 35px 40px;transform:rotate(30deg);opacity:.6}.energy-bubble{position:absolute;bottom:38px;right:0;left:30px;background:var(--energy-color);color:var(--ink);padding:22px;border-radius:12px;display:flex;gap:17px;align-items:center;box-shadow:0 10px 30px #0002;transform:rotate(3deg);transition:background .4s}.energy-bubble>svg{width:40px;height:40px;flex-shrink:0}.energy-bubble span{font-family:var(--display);font-size:35px;line-height:1}.energy-bubble p{font-size:9px;line-height:1.6;margin-top:8px}.energy-caption{position:absolute;bottom:0;left:30px;font-size:8px;color:#bda1d3}.portal-section{height:650px;position:relative;isolation:isolate;overflow:hidden}.portal-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.portal-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#10091ce6,transparent 85%),linear-gradient(0deg,#10091c60,transparent 50%);z-index:-1}.portal-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:600px}.portal-copy h2{font-size:clamp(60px,6.5vw,105px);line-height:.92;margin:23px 0}.portal-copy h2 em{color:var(--orange)}.portal-copy p{font-size:12px;line-height:1.9}.portal-copy .button{margin-top:25px}.portal-caption{position:absolute;bottom:23px;right:6%;font-size:8px;color:#e3c7f4}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;background:var(--cream);color:var(--ink)}.faq h2{font-size:clamp(60px,6vw,95px);line-height:.92;margin:23px 0}.faq h2 em{color:var(--purple)}.faq-ghost{width:105px;height:120px;color:var(--orange);transform:rotate(-12deg);margin-top:35px;animation:float 6s ease-in-out infinite}.faq-list{padding-top:4px}details{border-bottom:1px solid #1c14252d}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:12px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;transition:transform .3s;font-weight:300}details[open] summary span{transform:rotate(45deg)}details>p{font-size:11px;color:#695b73;line-height:1.9;padding:0 30px 24px 0;animation:panel .3s}
.closing{background:var(--orange);color:var(--ink);position:relative;overflow:hidden}.closing-heading{display:flex;justify-content:space-between;align-items:center}.closing .live-dot{background:var(--ink);box-shadow:0 0 0 4px #1c142518}.soon-badge{font-size:9px;border:1px solid #1c142560;border-radius:30px;padding:10px 16px}.closing h2{font-size:clamp(80px,10.3vw,165px);line-height:.9;margin:40px 0 30px;position:relative;z-index:2}.closing h2 em{color:var(--cream)}.closing>p{font-size:12px;line-height:1.8}.event-details{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #1c142550;margin-top:45px;padding-top:27px}.event-details div{display:flex;flex-direction:column;gap:13px}.event-details span{font-size:9px}.event-details strong{font-size:13px;line-height:1.5;letter-spacing:-.3px}.closing-bottom{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-bottom>span{font-size:9px;line-height:1.8}.closing-bat{position:absolute;right:5%;top:140px;width:150px;height:100px;transform:rotate(14deg);color:#29152d}footer{padding:40px 6% 24px;display:flex;flex-wrap:wrap;align-items:center;gap:40px;background:#0a0710}.footer-logo{width:110px;display:block}.footer-logo img{width:100%;height:auto}.footer-slogan{font-size:11px;line-height:1.8;color:#b29bc2}.footer-slogan strong{font-weight:400;color:var(--cream)}.footer-controls{margin-left:auto;display:flex;gap:30px;align-items:center}.text-button{background:none;border-bottom:1px solid #ffffff60;padding:7px 0;font-size:9px}.top-link{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff40;display:grid;place-items:center;font-size:22px}.footer-fine{display:flex;justify-content:space-between;gap:20px;width:100%;padding-top:22px;border-top:1px solid #ffffff20;color:#927fa1;font-size:8px}.cursor{position:fixed;pointer-events:none;z-index:150;left:-100px;top:-100px;display:none;color:var(--slime);filter:drop-shadow(0 0 3px #10091c);width:22px;height:22px}.cursor svg{width:100%;height:100%;stroke-width:2}.cursor.active{transform:scale(1.2)}dialog{border:1px solid #ffffff30;padding:0;width:90%;max-width:950px;border-radius:15px;color:var(--cream);background:#1a0e29;overflow:visible}dialog[open]{display:grid;grid-template-columns:1fr 1fr;animation:panel .35s}dialog::backdrop{background:#080312bf;backdrop-filter:blur(13px)}.close-dialog{position:absolute;right:14px;top:14px;width:35px;height:35px;border-radius:50%;background:var(--cream);color:var(--ink);font-size:26px;z-index:5}.dialog-copy{padding:65px 40px 35px}.dialog-copy h2{font-size:65px;line-height:.95;margin:20px 0;color:var(--orange)}.dialog-copy>p{font-size:11px;line-height:1.9;color:#d9c2e6}.dialog-tags{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.dialog-tags>span{font-size:8px;padding:8px 11px;border:1px solid #fff3;border-radius:40px}.dialog-copy>small{display:block;font-size:8px;color:#ac8cbd;line-height:1.7;margin-top:20px}#dialog-art img{width:100%;height:100%;max-height:650px;object-fit:cover;border-radius:15px 0 0 15px;display:block}body.dialog-open{overflow:hidden}.reveal{opacity:0;translate:0 30px;transition:opacity .8s,translate .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;translate:0 0}
@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image{from{opacity:.4;scale:1.07}to{opacity:1;scale:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #b2fa3708}}@keyframes float{50%{translate:0 -10px}}@keyframes energy-float{50%{translate:0 -13px}}@keyframes batfloat{50%{translate:5px -9px;rotate:5deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panel{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero-copy{padding-top:175px}.hero h1{font-size:112px}.hero-copy>p{font-size:14px}.hero-copy .button{margin-top:30px}}@media(max-width:1050px){.hero h1{font-size:83px}.hero-image{background-position:58% center}.hero-sticker{width:110px;height:110px;right:5%}.hero-sticker .ghost-symbol{left:31px;top:29px;width:47px;height:47px}.hero-copy{max-width:510px}.energy,.faq{gap:35px}.energy-options button{padding:17px}.energy-visual{height:440px}.universe-grid{grid-template-columns:repeat(2,1fr)}.closing-bat{width:100px}.collection-note>svg{display:none}}
@media(max-width:700px){html{scroll-padding-top:100px}header,header.compact{top:12px;left:12px;width:calc(100% - 24px);height:66px;background:#160d23e6;backdrop-filter:blur(15px);border-radius:10px;border:1px solid #fff2;padding:0 15px}header .brand,header.compact .brand{width:71px}header nav{display:none}header .menu-toggle{display:block}header .nav-cta,header.compact .nav-cta{margin-left:auto;margin-right:12px;padding:11px 12px;font-size:9px;gap:10px}header .nav-cta svg{width:13px;height:13px}.menu-panel a{font-size:30px}.hero{height:980px;min-height:0;max-height:none}.hero-image{background-size:auto 660px;background-repeat:no-repeat;background-position:69% bottom 8px;inset:0}.hero-shade{background:linear-gradient(180deg,#10091c 0%,#10091c 27%,#10091cc0 39%,transparent 60%,transparent 80%,#10091c 98%)}.hero-copy{padding:117px 6% 0;max-width:100%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.hero h1{font-size:clamp(68px,18vw,96px);line-height:.88;margin:23px 0 17px;max-width:95%}.hero h1 br:nth-of-type(3){display:none}.hero h1 em{display:block}.hero h1 em br{display:none}.hero-copy>p{font-size:10px;line-height:1.8}.hero-copy>p br:nth-of-type(2){display:none}.hero-copy .button{margin-top:20px;min-height:51px;padding:14px 18px;gap:25px;font-size:10px}.hero-signature{font-size:7px;margin-top:13px}.hero-sticker{right:7%;top:500px;width:92px;height:92px;z-index:3}.hero-sticker .ghost-symbol{left:26px;top:25px;width:40px;height:40px}.scroll-cue{bottom:67px;right:6%;font-size:7px;gap:12px}.scroll-cue>span+span{width:32px;height:32px;font-size:20px}.hero-fine{font-size:6px;bottom:20px;left:6%;right:6%;gap:25px;line-height:1.6}.hero-fine>span{max-width:45%}.hero-bat{display:none}.journey{height:330svh}.journey-intro{left:6%;top:27%;transform:translateY(-50%)}.journey-intro .eyebrow{font-size:8px}.journey-intro h2{font-size:59px;margin:17px 0}.journey-intro p{font-size:10px}.intro-scroll{font-size:8px;margin-top:15px}.flying-card{width:190px;border-width:3px;border-radius:9px}.flying-card .flying-label{font-size:8px;bottom:11px;left:11px;right:11px}.flying-label svg{width:13px;height:13px}.journey-center .eyebrow{font-size:7px}.journey-center h2{font-size:19vw;line-height:1;margin:17px 0}.journey-center p{font-size:8px}.journey-caption{bottom:24px;font-size:6px;gap:15px;letter-spacing:.7px}.journey-bat{width:100px;height:70px;left:35%}.marquee{padding:19px 0}.marquee>div{gap:23px}.marquee span{font-size:37px}.marquee svg{width:30px;height:30px}.section-pad{padding:75px 6%}.manifesto{display:block;padding-top:85px}.manifesto-label{flex-direction:row;align-items:center;margin-bottom:25px}.manifesto-label>.eyebrow{font-size:8px;max-width:none}.manifesto-ghost{width:65px;height:75px}.word-reveal{font-size:48px;line-height:1.04}.manifesto-bottom{margin-top:30px;padding-top:23px}.manifesto-bottom>p{font-size:10px}.manifesto-bottom>span{display:none}.section-intro{display:block;margin-bottom:30px}.eyebrow{font-size:8px}.section-intro h2{font-size:78px;line-height:.9;margin-top:20px}.collection-note{margin-top:25px}.collection-note p{font-size:10px}.collection-note>svg{display:block;width:38px;height:38px}.filters{gap:6px;margin-bottom:23px}.filters button{padding:10px 11px;font-size:8px}.universe-grid{gap:27px 13px}.art-button{border-radius:7px;aspect-ratio:.75}.art-button .card-tag{top:10px;left:10px;font-size:5px;padding:6px 8px;letter-spacing:.7px}.art-button .zoom-icon{display:none}.card-meta{padding-top:12px;align-items:flex-start;gap:8px}.card-meta h3{font-size:10px;line-height:1.5}.card-meta small{font-size:6px;line-height:1.6}.card-meta button{width:24px;height:24px;flex-shrink:0}.card-meta button svg{width:11px;height:11px}.kit-disclaimer{font-size:8px;margin-top:28px}.energy{grid-template-columns:1fr;gap:30px;border-radius:16px 16px 0 0}.energy h2{font-size:75px;margin:22px 0}.energy-copy>p{font-size:10px}.energy-options{gap:9px;margin-top:25px}.energy-options button{padding:16px 21px;font-size:9px;gap:10px}.energy-options button svg{width:29px;height:29px}.energy-visual{height:400px}.energy-photo{inset:20px 10px 60px}.energy-orbit{inset:25px 0 60px}.o2{inset:0 30px 30px}.energy-bubble{left:0;bottom:30px;padding:18px;gap:12px}.energy-bubble span{font-size:31px}.energy-bubble p{font-size:8px;margin-top:6px}.energy-bubble>svg{width:32px;height:32px}.energy-caption{font-size:7px;left:0}.portal-section{height:660px}.portal-section>img{object-position:62% center}.portal-overlay{background:linear-gradient(0deg,#10091cf0,transparent 90%),linear-gradient(90deg,#10091c90,transparent)}.portal-copy{left:6%;right:6%;top:auto;bottom:65px;transform:none}.portal-copy h2{font-size:68px}.portal-copy p{font-size:11px}.portal-caption{font-size:6px;bottom:20px}.faq{grid-template-columns:1fr;gap:25px}.faq>div:first-child{position:relative}.faq h2{font-size:76px;margin:20px 0}.faq-ghost{position:absolute;right:0;bottom:15px;width:57px;height:70px}.faq-list{padding-top:0}summary{font-size:11px;padding:22px 0}details>p{font-size:10px}.closing-heading{align-items:flex-start;gap:15px}.closing-heading .eyebrow{font-size:8px}.soon-badge{font-size:7px;padding:8px 11px}.closing h2{font-size:75px;line-height:.94;margin:34px 0 25px}.closing>p{font-size:11px}.event-details{grid-template-columns:1fr 1fr;gap:28px 15px;margin-top:35px;padding-top:24px}.event-details span{font-size:8px}.event-details strong{font-size:11px}.closing-bottom{margin-top:33px;flex-direction:column;align-items:flex-start;gap:24px}.closing-bottom>span{font-size:8px}.closing-bat{display:none}footer{padding:30px 6% 20px;gap:25px}.footer-logo{width:85px}.footer-slogan{font-size:9px}.footer-controls{width:100%;justify-content:space-between;margin:0}.footer-fine{font-size:6px;line-height:1.8;align-items:flex-start}.footer-fine>span{max-width:47%}dialog[open]{grid-template-columns:1fr;max-height:90svh;overflow:auto}#dialog-art img{height:290px;object-position:center 45%;border-radius:15px 15px 0 0}.dialog-copy{padding:28px}.dialog-copy h2{font-size:52px}.dialog-copy>p{font-size:10px}.dialog-copy>small{font-size:7px}.close-dialog{position:sticky;top:12px;justify-self:end;grid-column:1;grid-row:1;margin:12px 12px -47px;z-index:8}#dialog-art{grid-row:1}}
@media(hover:hover) and (pointer:fine){.cursor{display:block}.magnetic{will-change:transform}}body.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.reduced .reveal{opacity:1;translate:none}body.reduced .word-reveal span{color:var(--ink)}body.reduced .journey{height:auto;padding:70px 6%;background:var(--purple)}body.reduced .journey-stage{position:relative;height:auto;overflow:visible}body.reduced .journey-intro{position:relative;left:auto;top:auto;transform:none;opacity:1!important;margin-bottom:35px}body.reduced .journey-center,body.reduced .journey-caption,body.reduced .journey-bat{display:none}body.reduced #flying-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}body.reduced .flying-card{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;width:100%;pointer-events:auto!important}body.reduced .intro-scroll{display:none}@media(max-width:700px){body.reduced #flying-cards{grid-template-columns:repeat(2,1fr);gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-override) *{animation:none!important;transition:none!important}}
.hero-sticker .ghost-symbol{color:var(--cream)}
@media(max-width:700px){.hero h1{font-size:clamp(62px,17vw,82px)}.hero h1 em br{display:initial}.hero-copy>p br:nth-of-type(2){display:initial}.hero-image{background-position:64% bottom 8px}.hero-shade{background:linear-gradient(180deg,#10091c 0%,#10091c 31%,#10091cc0 43%,transparent 66%,transparent 80%,#10091c 98%)}}
.energy{overflow:clip}@media(max-width:700px){.hero-image{background-position:78% bottom 8px}}
@media(max-width:700px){.marquee{transform:none}}
/* ==========================================================
   v2 — Scrollytelling (hero → aventura, kit, modo monstrinho, morcegos)
   ========================================================== */
/* Hero: fundo sem personagem + zumbi separado */
.hero{z-index:5}
.hero-image{background-image:url('assets/hero-bg.webp')}
.hero-sticker{z-index:3}
.runner-slot,.hero-runner{position:absolute;left:73%;bottom:4%;height:80%;aspect-ratio:.504;translate:-50% 0;pointer-events:none}
.runner-slot{visibility:hidden}
.hero-runner{z-index:1}
.hero-runner img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 26px #000a);animation:runner-in 1.3s .25s cubic-bezier(.22,1,.36,1) both}
.hero-runner.flying{position:fixed;left:0;top:0;bottom:auto;width:var(--ring-s,220px);height:var(--ring-s,220px);aspect-ratio:auto;translate:none;transform-origin:50% 50%;will-change:transform}
.hero-runner.docked{visibility:hidden}
@keyframes runner-in{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}

/* Aventura: elementos 3D que se abrem do centro */
.journey-center{z-index:45;pointer-events:none}
.ring-item{position:absolute;left:0;top:0;width:var(--ring-s,220px);height:var(--ring-s,220px);opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%}
.ring-item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px #0007)}
body.reduced #flying-cards{gap:10px}
body.reduced .ring-item{position:relative;width:100%;height:auto;aspect-ratio:1;transform:none!important;opacity:1!important}
body.reduced .hero-runner{transform:none!important}

/* Kit: rolagem horizontal em fundo claro */
.collection.kit-scroll{--kit-bg:var(--cream);--kit-ink:var(--ink);--kit-soft:#655076;--kit-line:#1c142533;background:var(--kit-bg);color:var(--kit-ink);position:relative;height:300svh}
.kit-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:100px 0 54px}
.kit-track{display:flex;align-items:flex-end;gap:clamp(28px,4vw,64px);padding:0 6%;width:max-content;will-change:transform}
.kit-intro{flex:0 0 auto;width:min(520px,84vw);align-self:center}
.kit-intro .section-intro{display:block;margin-bottom:28px}
.kit-intro .section-intro h2{font-size:clamp(64px,min(7.6vw,13svh),118px)}
.kit-intro .collection-note{margin-top:26px}
.kit-intro .collection-note p span{color:var(--kit-soft)}
.kit-scroll .eyebrow{color:var(--ink)}
.kit-scroll .filters{margin-bottom:0}
.kit-scroll .filters button{color:var(--kit-soft);border-color:var(--kit-line)}
.kit-scroll .filters button:hover{border-color:var(--kit-ink);color:var(--kit-ink)}
.kit-scroll .filters .active{background:var(--kit-ink);color:var(--cream);border-color:var(--kit-ink)}
.kit-scroll .universe-grid{display:flex;align-items:flex-end;gap:clamp(24px,3.4vw,56px)}
.kit-scroll .universe-card{flex:0 0 auto;width:clamp(260px,26vw,420px)}
.kit-scroll .art-button{background:none;border:0;border-radius:0;overflow:visible;isolation:isolate;aspect-ratio:auto;height:min(54svh,520px)}
.kit-scroll .art-button:before{content:'';position:absolute;left:20%;right:20%;bottom:3%;height:6%;border-radius:50%;background:radial-gradient(closest-side,#1c142566,transparent);z-index:-1;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s}
.kit-scroll .art-button:after{content:'';position:absolute;inset:10% 8% 12%;border-radius:50%;background:radial-gradient(closest-side,#8425ef2e,#ff740912 60%,transparent);z-index:-2}
.kit-scroll .art-button img{object-fit:contain;padding:2% 3% 7%;filter:drop-shadow(0 22px 26px #1c142555);will-change:transform}
.kit-scroll .art-button:hover img{scale:1.05}
.kit-scroll .art-button:hover:before{transform:scale(.8);opacity:.6}
.kit-scroll .art-button .zoom-icon{right:4%;bottom:6%;opacity:0;transform:translateY(12px);transition:transform .3s,opacity .3s}
.kit-scroll .art-button:hover .zoom-icon,.kit-scroll .art-button:focus-visible .zoom-icon{opacity:1;transform:translateY(0)}
.kit-scroll .card-meta{border-top:1px solid var(--kit-line);margin-top:6px}
.kit-scroll .card-meta h3{font-size:13px}
.kit-scroll .card-meta small{color:var(--kit-soft)}
.kit-scroll .card-meta button{border-color:var(--kit-line)}
.kit-scroll .card-meta button:hover{color:var(--purple);border-color:var(--purple)}
.kit-scroll .kit-disclaimer{flex:0 0 auto;width:min(300px,70vw);align-self:center;color:var(--kit-soft);border-top:1px solid var(--kit-line);margin:0}
.kit-progress{position:absolute;left:6%;right:6%;bottom:28px;height:2px;background:var(--kit-line)}
.kit-progress i{display:block;height:100%;background:var(--kit-ink);transform:scaleX(0);transform-origin:left}
.kit-scroll a:focus-visible,.kit-scroll button:focus-visible{outline-color:var(--purple)}
#dialog-art.clean{display:grid;place-items:center;background:radial-gradient(110% 80% at 50% 40%,#2e1846,#140b20 70%);border-radius:15px 0 0 15px}
#dialog-art.clean img{object-fit:contain;padding:9%;max-height:620px;border-radius:0;filter:drop-shadow(0 22px 28px #0009)}

/* Modo monstrinho: painéis em tela cheia, scroll horizontal; a cor acompanha o personagem */
.energy{display:block;height:320svh;padding:0;background:var(--e-bg);--e-bg:#b2fa37;--e-fg:#1c1425;--e-em:#8425ef;--e-accent:#8425ef;--e-soft:#1c1425bb;--e-line:#1c142533;--e-dot:#1c142522;--e-word:#1c142520}
.energy-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--e-bg);color:var(--e-fg);isolation:isolate}
.energy-sticky:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--e-dot) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 70% 50%,black,transparent 72%);pointer-events:none}
.energy-wipe{position:absolute;inset:0;z-index:-2;clip-path:inset(0 0 0 100%);will-change:clip-path}
.energy-copy,.energy-copy h2,.energy-copy h2 em,.energy-copy>p,.energy-copy .eyebrow,.energy-copy .energy-caption{transition:color .35s}
.energy-orbits{position:absolute;right:6%;top:12%;bottom:8%;width:min(48vw,700px);z-index:0;pointer-events:none}
.energy-orbits .energy-orbit{inset:6% 0 10%;border-color:var(--e-line)}.energy-orbits .o2{inset:0 9% 4%}
.energy-orbits .energy-orbit:before{background:var(--e-accent);box-shadow:none}
.energy-stage{position:absolute;inset:0;z-index:0;touch-action:pan-y}
.energy-track{position:absolute;inset:0;display:flex;width:300%;will-change:transform}
.energy-slide{position:relative;flex:0 0 33.3333%;height:100%;overflow:hidden}
.energy-word{position:absolute;left:22%;bottom:-5%;font-family:var(--display);font-weight:900;font-size:clamp(150px,25vw,420px);line-height:.8;letter-spacing:-.025em;color:var(--e-word);white-space:nowrap;text-transform:uppercase;will-change:transform;pointer-events:none}
.energy-glow{position:absolute;right:4%;top:12%;width:min(56vw,860px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff4d5,transparent);opacity:.3;filter:blur(10px);will-change:transform,opacity}
.energy-figure{position:absolute;right:9%;top:13%;bottom:9%;width:min(42vw,620px);animation:energy-float 6s ease-in-out infinite;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .4s}
.energy-char{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 30px #1c142570);will-change:transform,opacity}
.energy-slide .energy-bubble{left:auto;right:36%;bottom:12%;width:min(360px,30vw);transform:rotate(-3deg);background:var(--bub-bg);color:var(--bub-fg);box-shadow:0 14px 34px #1c142540;will-change:transform,opacity}
.energy-slide .energy-bubble>svg{color:var(--bub-ic)}
.energy-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:96px 6% 50px;max-width:620px;pointer-events:none}
.energy-copy>*{pointer-events:auto}
.energy-copy h2 em{color:var(--e-em)}
.energy h2{font-size:clamp(62px,min(7.3vw,11svh),115px)}
.energy-copy>p,.energy-copy .eyebrow{color:var(--e-soft)}
.energy-options button{background:transparent;border-color:var(--e-line);color:var(--e-fg);transition:transform .3s,background .35s,color .35s,border-color .35s}
.energy-options button.selected{background:var(--e-fg);border-color:var(--e-fg);color:var(--e-solid,var(--e-bg))}
.energy-progress{height:2px;background:var(--e-line);margin-top:28px;max-width:330px}
.energy-progress i{display:block;height:100%;background:var(--e-fg);transform:scaleX(0);transform-origin:left}
.energy-copy .energy-caption{position:static;margin-top:16px;color:var(--e-soft)}

/* Morcegos na seção final */
.bat-swarm{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.swarm-bat{position:absolute;left:0;top:0;fill:currentColor;stroke:none;will-change:transform}

@media(max-width:1050px){.runner-slot,.hero-runner:not(.flying){left:71%;height:72%}.energy-figure{width:46vw;right:4%}.energy-slide .energy-bubble{right:30%;width:34vw}}
@media(max-width:700px){
 .runner-slot,.hero-runner:not(.flying){left:70%;bottom:28px;height:420px}
 .collection.kit-scroll{height:340svh}
 .kit-sticky{padding:88px 0 46px}
 .kit-track{padding:0 6%;gap:22px}
 .kit-intro .section-intro h2{font-size:clamp(54px,15vw,70px)}
 .kit-intro .collection-note{margin-top:16px}
 .kit-intro .section-intro{margin-bottom:20px}
 .kit-scroll .universe-grid{gap:22px}
 .kit-scroll .universe-card{width:72vw}
 .kit-scroll .art-button{height:min(46svh,420px)}
 .kit-progress{bottom:22px}
 .energy{height:300svh}
 .energy-copy{justify-content:flex-start;padding:90px 6% 0;max-width:none}
 .energy h2{font-size:clamp(46px,min(13vw,7.4svh),64px);margin:12px 0}
 .energy-options{margin-top:14px}
 .energy-options button{padding:11px 18px;gap:7px}
 .energy-options button svg{width:24px;height:24px}
 .energy-progress{margin-top:14px}
 .energy-copy .energy-caption{display:none}
 .energy-word{left:-2%;bottom:auto;top:44%;font-size:34vw}
 .energy-glow{right:-20%;top:42%;width:120vw}
 .energy-orbits{left:4%;right:4%;width:auto;top:max(44%,340px);bottom:100px}
 .energy-figure{left:12%;right:12%;width:auto;top:max(46%,350px);bottom:118px}
 .energy-slide .energy-bubble{left:6%;right:6%;width:auto;bottom:26px}
 #dialog-art.clean{border-radius:15px 15px 0 0}
 #dialog-art.clean img{height:290px;padding:6%}
}
body.reduced .collection.kit-scroll{height:auto}
body.reduced .kit-sticky{position:relative;height:auto;overflow-x:auto;padding:110px 0 70px}
body.reduced .kit-track,body.reduced .kit-scroll .art-button img{transform:none!important}
body.reduced .kit-progress{display:none}
body.reduced .energy{height:auto}
body.reduced .energy-sticky{position:relative;height:auto;display:flex;flex-direction:column-reverse}
body.reduced .energy-copy{height:auto;padding-bottom:30px}
body.reduced .energy-stage{position:relative;height:640px;overflow-x:auto;scroll-snap-type:x mandatory}
body.reduced .energy-slide{scroll-snap-align:start}
body.reduced .energy-char,body.reduced .energy-word,body.reduced .energy-glow,body.reduced .energy-slide .energy-bubble{transform:none!important;opacity:1!important}
body.reduced .energy-glow{opacity:.3!important}
body.reduced .energy-word{opacity:.32!important}
body.reduced .bat-swarm{display:none}
@media(max-width:700px){body.reduced .energy-figure{top:30px}body.reduced .energy-stage{height:560px}}
/* Ajustes de escala pedidos nos comentários */
.energy-slide:nth-child(3) .energy-char{padding:5% 7% 3%}
.kit-scroll .universe-card:nth-child(4) .art-button img{padding:12% 13% 17%}
@media(max-width:700px){.energy-slide:nth-child(3) .energy-char{padding:4% 6% 2%}}
/* Produtos apoiados na mesma linha; medalha na altura das camisas */
.kit-scroll .art-button img{object-position:50% 100%}
.kit-scroll .universe-card:nth-child(3) .art-button img,.kit-scroll .universe-card:nth-child(5) .art-button img{padding-top:calc(min(54svh,520px) - 87%)}
@media(max-width:700px){.kit-scroll .universe-card:nth-child(3) .art-button img,.kit-scroll .universe-card:nth-child(5) .art-button img{padding-top:calc(min(46svh,420px) - 87%)}}
.kit-scroll .universe-card:nth-child(6) .art-button img{padding:3% 13% 18%}
.kit-scroll .universe-card:nth-child(1) .art-button img{width:110%;max-width:none;margin-left:-5%;padding:2% 0 7%}

/* Hero mais vivo: corrida em loop, névoa, flutuantes e parallax do mouse */
.hero-image{transform:translate3d(calc(var(--mx,0)*-22px),calc(var(--my,0)*-14px),0) scale(1.05);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.hero-runner img{animation:runner-in 1.3s .25s cubic-bezier(.22,1,.36,1) both,run-bob 1.1s 1.5s ease-in-out infinite alternate}
@keyframes run-bob{from{transform:translateY(0) rotate(0deg)}to{transform:translateY(-10px) rotate(-1.5deg)}}
.hero-fog{position:absolute;inset:-10% -20%;z-index:-2;pointer-events:none;background:radial-gradient(40% 22% at 30% 82%,#8425ef55,transparent 70%),radial-gradient(35% 18% at 75% 88%,#ff740933,transparent 70%),radial-gradient(30% 16% at 55% 70%,#b2fa3714,transparent 70%);animation:fog-drift 22s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes fog-drift{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
.hero-float{position:absolute;z-index:0;pointer-events:none;filter:drop-shadow(0 14px 18px #0009);transform:translate3d(calc(var(--mx,0)*var(--d)*1px),calc(var(--my,0)*var(--d)*.7px),0);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.f-ghost{--d:38;width:clamp(70px,7vw,120px);left:50%;top:20%;animation:float-a 8s ease-in-out infinite,fade-in 1.2s .7s both}
.f-pumpkin{--d:26;width:clamp(60px,5.5vw,96px);left:88%;bottom:12%;animation:float-b 6.5s ease-in-out infinite,fade-in 1.2s .9s both}
@keyframes float-a{0%,100%{translate:0 0;rotate:-6deg}50%{translate:10px -22px;rotate:6deg}}
@keyframes float-b{0%,100%{translate:0 0;rotate:4deg}50%{translate:-6px -16px;rotate:-6deg}}
@media(max-width:700px){.f-ghost{left:62%;top:46%;width:64px}.f-pumpkin{left:8%;bottom:9%;width:56px}}
body.reduced .hero-float,body.reduced .hero-fog{animation:none}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
/* Fundo novo com as crianças: o fantasma flutuante sai (a imagem já tem fantasmas) e o enquadramento mobile mostra a menina */
.f-ghost{display:none}
@media(max-width:700px){.hero-image{background-position:65% bottom 8px}}
.hero-fine{justify-content:flex-end}
/* Rodapé: informações do Instituto Inside Brasil (como no site da The Zombie Run) */
.foot-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px;border-top:1px solid #ffffff20}
.foot-col{display:flex;flex-direction:column;gap:11px;font-size:11px}
.foot-col h4{font-family:Body;font-weight:400;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--slime);margin:0 0 4px}
.foot-col a{color:#d9c6e6;width:fit-content;transition:color .2s}.foot-col a:hover{color:var(--orange)}
.foot-ig{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--cream);border:1px solid #ffffff30;border-radius:40px;padding:10px 16px;transition:border-color .2s,color .2s}
.foot-ig svg{width:17px;height:17px;stroke-width:1.8}.foot-ig:hover{border-color:var(--slime);color:var(--slime)}
.foot-realizacao{width:100%;padding:26px 0 4px;border-top:1px solid #ffffff20;max-width:none}
.foot-realizacao h5{font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:-.01em;color:var(--orange);margin:0 0 12px}
.foot-realizacao p{font-size:11px;line-height:1.8;color:#cbb7d6;max-width:760px;margin:0 0 12px}
.foot-realizacao .ficha{font-size:10px;color:#a993b8}
.foot-realizacao a,.footer-fine a{color:var(--cream);text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px}
@media(max-width:700px){.foot-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.foot-col:last-child{grid-column:1/-1}.foot-col{font-size:10px}.foot-realizacao h5{font-size:22px}.foot-realizacao p{font-size:10px}.foot-realizacao .ficha{font-size:9px}}
.energy-word{display:none}
/* Hero mobile v2: texto compacto no topo, imagem e zumbi visíveis na primeira tela */
@media(max-width:700px){
 .hero{height:100svh;min-height:620px;max-height:860px}
 .hero-image{background-size:cover;background-position:60% 100%;inset:0}
 .hero-shade{background:linear-gradient(180deg,#10091c 0%,#10091cf2 30%,#10091c99 46%,transparent 62%,transparent 86%,#10091c 100%)}
 .hero-copy{padding:94px 6% 0}
 .hero-copy .eyebrow{font-size:7px}
 .hero h1{font-size:clamp(40px,11.6vw,54px);line-height:.9;margin:12px 0 12px;max-width:100%}
 .hero-copy>p{font-size:11px;line-height:1.65;max-width:80%}
 .hero-copy>p br:nth-of-type(n){display:none}
 .hero-copy .button{margin-top:14px;min-height:46px;padding:12px 16px;gap:22px;font-size:10px}
 .hero-signature,.scroll-cue,.f-pumpkin{display:none}
 .runner-slot,.hero-runner:not(.flying){left:74%;bottom:0;height:min(44svh,380px)}
 .hero-sticker{top:auto;bottom:22px;left:6%;right:auto;width:76px;height:76px}
 .hero-sticker .ghost-symbol{left:22px;top:21px;width:33px;height:33px}
}
/* Manifesto → Kit (mesmo creme): menos espaço e conteúdo do kit alinhado ao topo */
.manifesto{padding-bottom:48px}
.kit-sticky{justify-content:flex-start;padding-top:max(108px,12svh)}
.kit-intro{will-change:transform,opacity}
@media(max-width:700px){.manifesto{padding-bottom:28px}.kit-sticky{padding-top:96px}}

/* Responsive hero adjustment on the supplied improved edition. */
@media(max-width:700px){
 .hero{height:max(760px,100svh);min-height:0;max-height:none}
 .hero-copy{padding:104px 6% 0;max-width:100%;z-index:2}
 .hero-copy .eyebrow{font-size:8px;letter-spacing:1px}
 .hero h1{font-size:clamp(44px,13vw,66px);line-height:.94;margin:16px 0 14px;max-width:100%}
 .hero h1 br,.hero h1 em br{display:initial}
 .hero h1 em{display:block}
 .hero-copy>p{font-size:11px;line-height:1.65;max-width:290px}
 .hero-copy>p br{display:none!important}
 .hero-copy .button{margin-top:16px;min-height:48px;padding:13px 18px;font-size:11px}
 .hero-image{background-size:auto 54%;background-position:left 84% bottom 0;background-repeat:no-repeat;transform:none;transition:none}
 .hero-shade{background:linear-gradient(180deg,#10091c 0%,#10091c 43%,#10091c80 53%,transparent 64%,transparent 88%,#10091c 100%)}
 .runner-slot,.hero-runner:not(.flying){left:58%;bottom:40px;height:min(39svh,340px)}
 .hero-sticker{display:none}
}
@media(max-width:360px){
 .hero-copy{padding-top:101px}.hero h1{font-size:44px}
 header .nav-cta,header.compact .nav-cta{font-size:8px;padding:11px 9px;margin-right:8px}
}

@media(max-width:360px){.runner-slot,.hero-runner:not(.flying){bottom:32px;height:min(36svh,300px)}}

/* Monster selector: a theatrical character stage with one mode per screen. */
.energy{--e-bg:#1c102d;--e-fg:#fff4d5;--e-em:#b2fa37;--e-accent:#b2fa37;--e-soft:#fff4d5b8;--e-line:#fff4d52c;border-radius:0}
.energy-sticky{outline-offset:-5px}
.energy-sticky:after{background-size:36px 36px;opacity:.4}
.energy-copy{position:absolute;inset:0;max-width:none;padding:112px 6% 35px;justify-content:flex-start}
.energy-copy h2{font-size:clamp(64px,6.7vw,106px);line-height:.92;max-width:560px;margin:20px 0 18px}
.energy-copy>.eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--e-accent)}
.energy-copy>p{font-size:13px;line-height:1.8;max-width:330px}
.energy-options{position:absolute;left:6%;right:6%;bottom:38px;display:flex;gap:0;margin:0;padding-top:17px;border-top:1px solid var(--e-line)}
.energy-options button{flex:1;flex-direction:row;justify-content:flex-start;gap:14px;border:0;border-radius:0;padding:15px 20px;color:#fff4d586;background:transparent;font-size:14px}
.energy-options button:first-child{padding-left:0}
.energy-options button small{font-size:9px;opacity:.5;margin-left:auto;padding-right:25px}
.energy-options button svg{width:28px;height:28px;transition:transform .3s}
.energy-options button.selected{background:transparent;color:var(--e-accent);border:0}
.energy-options button.selected svg{transform:rotate(-10deg) scale(1.15)}
.energy-options button:hover{transform:translateY(-2px);color:var(--e-accent)}
.energy-copy .energy-caption{position:absolute;bottom:14px;left:6%;font-size:8px;margin:0;color:var(--e-soft)}
.energy-progress{position:absolute;bottom:120px;left:6%;width:100px;margin:0;background:#fff4d524}
.energy-progress i{background:var(--e-accent)}
.mode-counter{position:absolute;top:120px;right:6%;z-index:3;display:flex;align-items:baseline;gap:8px;pointer-events:none}
.mode-counter>span:first-child{font-family:var(--display);font-size:46px;color:var(--e-accent);line-height:1}
.mode-counter>span:last-child{font-size:10px;color:#fff4d570}
.energy-word{display:block;left:auto;right:1%;top:auto;bottom:16%;font-size:clamp(150px,19vw,310px);line-height:.9;color:transparent;-webkit-text-stroke:1px #fff4d51f;text-transform:none;letter-spacing:-.03em}
.energy-figure{top:11%;bottom:17%;right:12%;width:38vw;max-width:640px;z-index:1}
.energy-char{filter:drop-shadow(0 30px 38px #0008)}
.energy-glow{background:radial-gradient(closest-side,var(--e-accent),transparent 80%);top:13%;right:2%;width:60vw;filter:blur(30px)}
.energy-orbits{top:17%;bottom:20%;right:10%;width:43%;opacity:.55}
.energy-orbit{border-style:dashed!important}
.energy-slide .energy-bubble{left:6%;right:auto;bottom:22%;width:34%;max-width:430px;border-radius:0;box-shadow:none;background:transparent;color:var(--e-fg);padding:0;gap:15px;align-items:flex-start;z-index:2}
.energy-slide .energy-bubble>svg{width:28px;height:28px;margin-top:8px;color:var(--e-accent)}
.energy-slide .energy-bubble span{display:block;font-size:clamp(34px,3.4vw,56px);line-height:1;color:var(--e-accent)}
.energy-slide .energy-bubble p{font-size:12px;line-height:1.7;max-width:280px;color:#fff4d5bb;margin-top:14px}
@media(max-width:700px){
 .energy-copy{padding:94px 6% 0}
 .energy-copy>.eyebrow{font-size:7px;letter-spacing:.8px;max-width:75%}
 .energy-copy h2{font-size:clamp(42px,12vw,60px);margin:14px 0 10px;max-width:85%;line-height:.92}
 .energy-copy>p{font-size:10px;line-height:1.65;max-width:230px}
 .mode-counter{top:99px;right:6%;gap:5px}
 .mode-counter>span:first-child{font-size:32px}.mode-counter>span:last-child{font-size:8px}
 .energy-figure{left:17%;right:17%;width:auto;max-width:none;top:31%;bottom:185px}
 .energy-glow{top:30%;right:-15%;width:130vw}
 .energy-word{top:43%;bottom:auto;right:auto;left:0;font-size:30vw}
 .energy-orbits{left:9%;right:9%;width:auto;top:33%;bottom:190px}
 .energy-slide .energy-bubble{left:7%;right:7%;bottom:115px;width:auto;max-width:none;gap:12px}
 .energy-slide .energy-bubble span{font-size:31px}
 .energy-slide .energy-bubble p{font-size:10px;margin-top:8px;max-width:none}
 .energy-slide .energy-bubble>svg{width:22px;height:22px;margin-top:4px}
 .energy-options{bottom:32px;padding-top:12px}
 .energy-options button{padding:12px 8px;gap:6px;font-size:10px}
 .energy-options button svg{width:20px;height:20px}
 .energy-options button small{display:none}
 .energy-copy .energy-caption{display:block;font-size:6px;bottom:14px}
 .energy-progress{display:none}
}
body.reduced .energy-copy{position:relative;min-height:350px}
body.reduced .energy-options{bottom:45px}
body.reduced .energy-figure{top:15px;bottom:125px}
body.reduced .energy-slide .energy-bubble{bottom:30px}
body.reduced .mode-counter{display:none}

@media(max-width:700px){.hero-image{background-image:url('assets/hero-mobile-v2.webp');background-size:cover;background-position:center center}.hero-shade{background:linear-gradient(90deg,#10091c35,transparent 90%),linear-gradient(180deg,#10091c20 0%,#10091c15 40%,transparent 60%,#10091c 100%)}.hero-fog{opacity:.45}}

/* A continuous cream chapter, using the collection's colours and typography. */
.energy{--e-bg:#fff4d5;--e-fg:#1c1425;--e-em:#8425ef;--e-accent:#8425ef;--e-soft:#655076;--e-line:#1c142526;background:var(--cream)}
.energy-sticky:after,.energy-orbits,.energy-word,.energy-glow,.mode-counter,.energy-progress{display:none}
.energy-copy>.eyebrow{color:var(--purple)}
.energy-copy h2{color:var(--ink)}
.energy-copy>p{color:#655076}
.energy-figure{top:13%;bottom:21%;right:12%;width:36vw}
.energy-char{filter:drop-shadow(0 20px 20px #44245820)}
.energy-slide:before{content:'';position:absolute;right:7%;top:21%;width:46vw;height:54%;border-radius:48% 52% 58% 42% / 60% 42% 58% 40%;background:#8425ef0c;transform:rotate(-12deg);pointer-events:none}
.energy-slide:nth-child(2):before{background:#ff740911;transform:rotate(10deg)}
.energy-slide:nth-child(3):before{background:#8425ef12;transform:rotate(-8deg)}
.energy-slide .energy-bubble span{color:var(--ink)}
.energy-slide .energy-bubble p{color:#655076}
.energy-slide .energy-bubble>svg{color:var(--e-accent)}
.energy-options{right:auto;width:min(580px,88%);border:0;gap:8px;padding:0;bottom:48px}
.energy-options button,.energy-options button:first-child{flex:1;justify-content:center;padding:15px 17px;border-radius:40px;background:#1c142508;color:#655076;font-size:12px;gap:9px}
.energy-options button.selected{color:var(--cream);background:var(--purple)}
.energy-options button.selected svg{transform:none}
.energy-options button:hover{color:var(--ink);background:#8425ef19}
.energy-options button.selected:hover{background:var(--purple);color:var(--cream)}
.energy-options button small{display:none}
.energy-options button svg{width:23px;height:23px}
.energy-copy .energy-caption{color:#655076;bottom:25px}
@media(max-width:700px){
 header,header.compact{top:max(8px,env(safe-area-inset-top));left:5%;width:90%;height:52px;padding:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 header .brand,header.compact .brand{width:58px}
 header .nav-cta,header.compact .nav-cta{min-height:34px;margin-right:14px;padding:10px 12px;font-size:9px;gap:10px;border-radius:5px}
 header .menu-toggle{width:32px;height:36px}
 header .menu-toggle i{width:25px}
 .hero-copy{padding-top:86px}
 .energy-copy{padding-top:90px}
 .energy-copy>.eyebrow{max-width:100%;color:var(--purple)}
 .energy-copy h2{font-size:clamp(44px,12.5vw,62px);max-width:100%}
 .energy-copy>p{font-size:11px}
 .energy-figure{left:18%;right:18%;width:auto;top:32%;bottom:188px}
 .energy-slide:before{left:7%;right:7%;width:auto;top:37%;height:34%}
 .energy-slide .energy-bubble{left:6%;right:6%;bottom:113px}
 .energy-slide .energy-bubble span{font-size:30px;color:var(--ink)}
 .energy-slide .energy-bubble p{font-size:10px}
 .energy-options{width:88%;bottom:43px;gap:6px}
 .energy-options button,.energy-options button:first-child{padding:13px 7px;font-size:10px;gap:5px}
 .energy-options button svg{width:18px;height:18px}
 .energy-copy .energy-caption{bottom:22px;font-size:7px}
}

@media(max-width:700px){header.on-light .menu-toggle i{background:var(--ink)}header .menu-toggle[aria-expanded=true] i{background:var(--orange)}}

/* A fixed character window keeps transitions clear of every text block. */
.energy{--e-bg:#dcc7ff}
.energy-character-stage{position:absolute;left:47%;right:5%;top:13%;bottom:20%;overflow:hidden;pointer-events:none;z-index:1;isolation:isolate}
.energy-character-stage .energy-figure{position:absolute;inset:0 7%;width:auto;max-width:none;animation:none;transition:none}
.energy-character-stage .energy-char{padding:3% 6%;filter:drop-shadow(0 12px 14px #44245820)}
body.reduced .energy-character-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:380px;order:-1}

body.reduced .energy-character-stage .energy-figure[hidden]{display:none}
@media(max-width:700px){
 .hero{height:100svh;min-height:640px;max-height:none}
 .hero-copy{padding-top:78px}
 .hero h1{font-size:clamp(35px,10.4vw,46px);line-height:.95;margin:13px 0 11px}
 .hero-copy>p{font-size:10px;line-height:1.55;max-width:275px}
 .hero-copy .button{margin-top:12px;min-height:43px;padding:11px 16px;font-size:10px}
 .hero-image{background-size:100% 100%;background-position:center}
 .runner-slot,.hero-runner:not(.flying){height:min(40svh,320px);bottom:22px;left:57%}
 .energy-character-stage{left:9%;right:9%;top:270px;bottom:190px}
 .energy-character-stage .energy-figure{inset:0 8%}
 .energy-slide:before{top:34%;height:37%}
}
@media(max-width:360px){.hero-copy{padding-top:75px}.hero h1{font-size:35px}.runner-slot,.hero-runner:not(.flying){height:38svh;bottom:20px}}
@media(max-width:700px) and (max-height:700px){.energy-copy{padding-top:78px}.energy-copy h2{font-size:40px}.energy-character-stage{top:235px;bottom:175px}.energy-slide .energy-bubble{bottom:103px}.energy-slide .energy-bubble span{font-size:26px}.energy-options{bottom:36px}.energy-copy .energy-caption{bottom:17px}}

.energy{--e-bg:#b2fa37;--e-em:#8425ef;--e-accent:#8425ef}
.energy-copy h2,.energy-slide .energy-bubble span{color:var(--e-fg)}
.energy-copy>.eyebrow,.energy-copy>p,.energy-slide .energy-bubble p,.energy-copy .energy-caption{color:var(--e-soft)}
.energy-options button,.energy-options button:first-child{color:var(--e-fg);background:#1c14250c}
.energy-options button.selected,.energy-options button.selected:hover{background:var(--e-fg);color:var(--e-solid,var(--e-bg))}
.energy-options button:hover{background:#1c142518;color:var(--e-fg)}
.energy-slide:before,.energy-slide:nth-child(2):before,.energy-slide:nth-child(3):before{background:#1c142509}
@media(max-width:700px){.energy-slide .energy-bubble span{color:var(--e-fg)}header.on-light .menu-toggle i{background:var(--ink)}header.on-purple .menu-toggle i{background:var(--cream)}}

/* Keep the mobile background at its natural aspect ratio. */
@media(max-width:700px){.hero-image{background-size:cover;background-position:center center}}
/* Scroll through the opening and reveal the following chapter underneath. */
.portal-journey{height:260svh;overflow:visible;isolation:auto;z-index:3;pointer-events:none;background:transparent}
.portal-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--cream);will-change:opacity}
.portal-sticky>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3;transform-origin:50% 60%;will-change:transform}
.portal-sticky .portal-overlay{z-index:-1;background:linear-gradient(90deg,#10091cd9,transparent 85%),linear-gradient(0deg,#10091c70,transparent 65%)}
.portal-sticky .portal-copy{pointer-events:auto;will-change:opacity,transform}
.portal-sticky .portal-caption{left:6%;right:auto;bottom:28px}
.portal-exit{position:absolute;inset:0;background:var(--cream);opacity:0;pointer-events:none;z-index:5}
.portal-journey+#duvidas{margin-top:-100svh;position:relative;z-index:2;min-height:100svh}
@media(max-width:700px){
 .portal-journey{height:240svh}
 .portal-sticky>img{object-fit:cover;object-position:50% 50%}
 .portal-sticky .portal-copy{top:90px;bottom:auto;left:6%;right:6%;transform:none}
 .portal-sticky .portal-copy h2{font-size:clamp(43px,12vw,66px);line-height:.95}
 .portal-sticky .portal-overlay{background:linear-gradient(180deg,#10091cc9,transparent 74%)}
 .portal-sticky .portal-copy p{font-size:11px}
}
body.reduced .portal-journey{height:auto;pointer-events:auto}
body.reduced .portal-sticky{position:relative;height:650px;opacity:1!important}
body.reduced .portal-sticky>img{transform:none!important}
body.reduced .portal-sticky .portal-copy{opacity:1!important;transform:none!important}
body.reduced .portal-journey+#duvidas{margin-top:0}
body.reduced .portal-exit{display:none}

@media(max-width:700px){.portal-sticky>img{object-fit:contain;background:#10091c;transform-origin:50% 53%}}

@media(max-width:700px){.portal-sticky>img{object-position:50% 68%;transform-origin:50% 63%}.portal-sticky .portal-copy .button{display:none}.portal-sticky .portal-copy{top:88px}.portal-sticky .portal-copy h2{font-size:clamp(40px,11vw,58px)}}

/* Near gate, far village and drifting haze move at separate depths. */
.portal-sticky{background:#10091c}
.portal-depth{position:absolute;inset:0;z-index:-5;overflow:hidden}
.portal-depth img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform-origin:50% 55%;will-change:transform}
.portal-sticky>.portal-gate{inset:4% 3% 0;width:94%;height:96%;object-fit:contain;object-position:50% 50%;background:transparent;z-index:-2;transform-origin:50% 60%;filter:drop-shadow(0 16px 22px #0007)}
.portal-sticky .portal-overlay{z-index:-1;background:linear-gradient(90deg,#10091cb3,transparent 75%),linear-gradient(0deg,#10091c55,transparent 45%)}
.portal-mist{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 95%,#8425ef55,transparent 45%),radial-gradient(ellipse at 88% 90%,#ff740933,transparent 40%);pointer-events:none;will-change:transform}
@media(min-width:701px){.runner-slot,.hero-runner:not(.flying){height:86%}}
@media(max-width:700px){
 .runner-slot,.hero-runner:not(.flying){height:min(44svh,350px);bottom:12px}
 .portal-sticky>.portal-gate{left:-4%;right:auto;top:30%;bottom:0;width:108%;height:66%;object-fit:contain;object-position:center;transform-origin:50% 57%}
 .portal-sticky .portal-overlay{background:linear-gradient(180deg,#10091cd9 0%,#10091c99 28%,transparent 65%)}
 .portal-depth img{object-position:center}
}

.portal-depth picture{display:block;width:100%;height:100%}

/* Keep large animated layers cheap to composite, especially while zooming. */
.energy-wipe{clip-path:none!important;transform:translate3d(100%,0,0);will-change:transform}
.portal-sticky>.portal-gate{filter:none}
.motion-paused,.motion-paused *{animation-play-state:paused!important}
@media(max-width:700px){
 .hero-fog{display:none}
 .hero-runner img,.ring-item img,.energy-char,.energy-character-stage .energy-char{filter:none}
 .portal-depth img{backface-visibility:hidden}
}

/* Desempenho no celular: camadas de GPU estáveis para o que se move a cada quadro */
.hero-image{will-change:translate}
.journey-bg{will-change:opacity}
.journey-intro,.journey-center{will-change:transform,opacity}
.manifesto>div:last-child{will-change:transform,opacity}
.hero-runner{contain:layout style}
.kit-sticky,.energy-sticky,.portal-sticky,.journey-stage{contain:layout paint}
@media(max-width:700px){
 /* sombras projetadas recalculadas são caras no celular: versões mais leves */
 .ring-item img,.kit-scroll .art-button img{filter:drop-shadow(0 12px 12px #0005)}
 .hero-runner img{filter:drop-shadow(0 10px 12px #0008)}
}