:root {
  --black:#060304; --burgundy:#4a080e; --burgundy-hot:#83151e; --blue:#031b30;
  --cyan:#72e7ee; --gold:#d6aa59; --gold-light:#f4d99c; --ivory:#f2ead8;
  --shell:min(1280px,calc(100vw - 80px));
  --display:"Arial Narrow","Aptos Narrow","Roboto Condensed",Impact,sans-serif;
  --sans:"Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;overflow-x:hidden;color:var(--ivory);background:var(--black);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden} button,a{color:inherit;font:inherit} button{border:0} a{text-decoration:none}
img,video{display:block;width:100%} figure,h1,h2,p{margin:0} ::selection{color:var(--black);background:var(--gold-light)}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;transform:translateY(-160%);padding:11px 16px;color:var(--black);background:white}.skip-link:focus{transform:none}

.experience-gate{position:fixed;z-index:900;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#0b4053 0,#041b2c 26%,#02080d 68%);transition:opacity .8s ease,visibility .8s ease}
.experience-gate.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.gate-light{position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent 0 39%,rgba(114,231,238,.12) 47%,transparent 54% 100%);filter:blur(55px);animation:gate-light 9s ease-in-out infinite alternate}
.gate-noise{position:absolute;inset:0;opacity:.14;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");animation:grain .32s steps(2) infinite}
.gate-call{position:relative;z-index:2;display:grid;justify-items:center;gap:17px;text-align:center}.gate-call p{margin:0;color:rgba(114,231,238,.66);font-family:var(--sans);font-size:clamp(.9rem,1.4vw,1.08rem);font-weight:500;letter-spacing:.055em;text-shadow:0 0 24px rgba(100,225,234,.28);mix-blend-mode:screen}
.start-button{position:relative;z-index:2;min-width:min(340px,calc(100vw - 48px));min-height:70px;padding:18px 34px;cursor:pointer;border:1px solid rgba(159,232,238,.46);border-radius:999px;color:#eefafb;background:linear-gradient(120deg,#0c5d70,#07324a);box-shadow:0 0 70px rgba(76,211,224,.2);font-size:.82rem;font-weight:750;letter-spacing:.21em;text-transform:uppercase;transition:transform .35s ease,background .5s ease,border-color .5s ease,box-shadow .5s ease}
.start-button:hover,.start-button:focus-visible{transform:scale(1.035);border-color:rgba(231,171,101,.62);background:linear-gradient(120deg,#76131c,#39070c);box-shadow:0 0 85px rgba(123,21,27,.38);outline:none}

.site-header{position:fixed;z-index:100;inset:0 0 auto;height:68px;padding:0 max(22px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(5,3,4,.82),transparent);transition:.35s ease}
.site-header.scrolled{height:58px;background:rgba(6,3,4,.68);backdrop-filter:blur(18px)}
.wordmark{display:flex;gap:10px;align-items:baseline;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wordmark span{color:rgba(255,255,255,.42);font-size:.6rem;font-weight:500}
.sound-control{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(0,0,0,.25);cursor:pointer}.sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sound-icon{position:relative;width:13px;height:11px;border-left:5px solid currentColor}.sound-icon:before{content:"";position:absolute;left:-10px;top:3px;width:5px;height:5px;background:currentColor}.sound-icon:after{content:"";position:absolute;left:2px;top:-2px;width:8px;height:13px;border-right:1px solid currentColor;border-radius:50%}.sound-control[aria-pressed="false"]{opacity:.45}.sound-control[aria-pressed="false"] .sound-icon:after{display:none}
.reading-progress{position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.05)}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--burgundy-hot))}

main{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 14%,rgba(8,73,93,.38),transparent 24%),radial-gradient(circle at 82% 31%,rgba(116,17,25,.35),transparent 29%),radial-gradient(circle at 30% 70%,rgba(87,10,17,.3),transparent 34%),linear-gradient(165deg,#04090c 0,#170406 29%,#080304 62%,#220609 100%)}
main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("assets/images/atmosfera-04.webp");background-size:1200px auto;background-repeat:repeat-y;background-position:center 18%;mix-blend-mode:screen;mask-image:linear-gradient(transparent 0,#000 8%,#000 92%,transparent)}
section{position:relative;z-index:1}.micro{color:var(--gold-light);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.reveal-media{opacity:0;transform:translate3d(0,-52px,0) scale(.94);transition:opacity 1s ease,transform 1.15s cubic-bezier(.16,.78,.18,1)}.reveal-media.is-visible{opacity:1;transform:var(--placed-transform,none)}

.hero{min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate;background:var(--blue)}
.hero-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,6,9,.78),rgba(2,4,5,.1) 62%),linear-gradient(to top,rgba(8,3,4,.94),transparent 58%)}
.hero-copy{width:var(--shell);margin:auto;padding:130px 0 10vh;opacity:0;transform:translateY(28px);visibility:hidden;transition:opacity 1s ease,transform 1s ease,visibility 1s}.hero.revealed .hero-copy{opacity:1;transform:none;visibility:visible}
.hero h1{display:grid;margin-top:12px;width:min(900px,100%);text-transform:uppercase}.hero h1 span{font:600 clamp(1.4rem,3vw,2.8rem)/1 var(--display);letter-spacing:.12em}.hero h1 strong{color:var(--gold-light);font:300 clamp(8rem,22vw,19rem)/.78 var(--serif);letter-spacing:-.08em;text-shadow:0 0 45px rgba(238,192,100,.28)}
.hero-theme{color:var(--gold-light);font:400 clamp(2rem,4.3vw,4.5rem)/1 var(--serif);text-transform:uppercase}.signature{margin-top:28px;color:rgba(255,255,255,.52);font-size:.72rem;letter-spacing:.09em}
.skip-opening{position:absolute;right:26px;bottom:24px;min-height:44px;padding:8px 14px;color:rgba(255,255,255,.55);background:transparent;cursor:pointer;opacity:0;pointer-events:none}.hero.playing .skip-opening{opacity:1;pointer-events:auto}.hero.revealed .skip-opening{display:none}
.scroll-mark{position:absolute;right:22px;bottom:13vh;display:flex;gap:12px;align-items:center;writing-mode:vertical-rl;color:rgba(255,255,255,.34);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}.scroll-mark i{width:1px;height:50px;background:linear-gradient(var(--gold),transparent)}

.flow{padding:160px 0 70px}.ambient-copy{width:var(--shell);margin:0 auto}.ambient-copy h2{max-width:1050px;margin-top:20px;font:600 clamp(3rem,7vw,8rem)/.86 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.ambient-copy h2 em,.carousel-title h2 em,.partners-copy h2 em,.ending-copy h2 em,.wall-title em{color:var(--gold-light);font-family:var(--serif);font-weight:400;font-style:italic;text-transform:none}
.media-constellation{position:relative;width:min(1500px,100%);min-height:1500px;margin:70px auto 0}.screen{position:absolute;overflow:hidden;margin:0;border:1px solid rgba(236,199,125,.24);background:#090304;box-shadow:0 40px 100px rgba(0,0,0,.58)}.screen video{height:100%;object-fit:cover}.screen figcaption{position:absolute;inset:auto 14px 12px;color:rgba(255,255,255,.68);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 10px #000}
.screen-reveal{--placed-transform:rotate(-2deg);top:0;left:8%;width:56%;aspect-ratio:16/9;z-index:2}.screen-film-one{--placed-transform:rotate(1.6deg);top:250px;right:4%;width:62%;aspect-ratio:16/9;z-index:4}.screen-film-two{--placed-transform:rotate(-2.2deg);top:550px;left:3%;width:58%;aspect-ratio:16/9;z-index:3}.screen-cris{--placed-transform:rotate(3deg);top:690px;right:9%;width:min(300px,24%);aspect-ratio:9/16;z-index:6}.screen-film-three{--placed-transform:rotate(1deg);top:900px;right:3%;width:59%;aspect-ratio:16/9;z-index:5}.screen-stage{--placed-transform:rotate(-1.5deg);top:1120px;left:7%;width:54%;aspect-ratio:16/9;z-index:7}
.floating-statement{position:relative;z-index:10;width:var(--shell);margin:-40px auto 120px;display:flex;align-items:baseline;justify-content:space-between;gap:30px}.floating-statement span{font:italic 400 clamp(2rem,5vw,5rem)/1 var(--serif);color:var(--gold-light)}.floating-statement strong{font:650 clamp(3rem,8vw,9rem)/.82 var(--display);letter-spacing:-.055em;text-align:right;text-transform:uppercase}

.campaign-wall{position:relative;width:min(1450px,100%);min-height:1200px;margin:0 auto}.campaign-wall figure{position:absolute;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.12);background:#150507;box-shadow:0 36px 90px rgba(0,0,0,.52)}.campaign-wall img{height:100%;object-fit:cover}.portrait{width:clamp(210px,25vw,350px);aspect-ratio:9/16}.portrait-one{--placed-transform:rotate(-5deg);top:80px;left:3%;z-index:2}.portrait-two{--placed-transform:rotate(2deg);top:0;left:38%;z-index:5}.portrait-three{--placed-transform:rotate(6deg);top:110px;right:3%;z-index:3}.landscape{width:min(620px,53vw);aspect-ratio:16/9}.landscape-one{--placed-transform:rotate(-2deg);top:630px;left:8%;z-index:7}.landscape-two{--placed-transform:rotate(2.5deg);top:750px;right:5%;z-index:6}.wall-title{position:absolute;z-index:9;top:520px;left:50%;width:min(780px,90%);transform:translateX(-50%);font:650 clamp(3rem,7vw,8rem)/.84 var(--display);letter-spacing:-.05em;text-align:center;text-transform:uppercase;text-shadow:0 12px 50px rgba(0,0,0,.8)}

.auto-carousel{padding:120px 0 170px}.carousel-title{width:var(--shell);margin:0 auto 70px}.carousel-title h2,.partners-copy h2,.ending-copy h2{margin-top:18px;font:650 clamp(3.2rem,7.4vw,8rem)/.84 var(--display);letter-spacing:-.055em;text-transform:uppercase}.carousel-mask{position:relative;overflow:hidden;padding:30px 0 70px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.auto-track{display:flex;width:max-content;gap:22px;padding-left:22px;animation:auto-carousel 48s linear infinite}.auto-slide{flex:0 0 clamp(250px,28vw,410px);aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(232,193,113,.18);background:#120507;box-shadow:0 28px 70px rgba(0,0,0,.5)}.auto-slide img,.auto-slide video{height:100%;object-fit:cover}

.partners-flow{min-height:1100px;padding:120px 0 160px}.partners-copy{position:relative;z-index:8;width:var(--shell);margin:auto}.partners-copy h2{max-width:1040px}.partners-stack{position:relative;width:min(1420px,100%);min-height:760px;margin:70px auto 0}.partner-screen{position:absolute;overflow:hidden;margin:0;aspect-ratio:16/9;border:1px solid rgba(237,200,127,.22);background:#0b0405;box-shadow:0 45px 110px rgba(0,0,0,.62)}.partner-screen video{height:100%;object-fit:cover}.partner-one{--placed-transform:rotate(-2.5deg);width:58%;left:4%;top:40px;z-index:2}.partner-two{--placed-transform:rotate(1.5deg);width:62%;right:3%;top:210px;z-index:4}.partner-three{--placed-transform:rotate(-1deg);width:56%;left:11%;top:430px;z-index:6}

.ending{min-height:100svh;display:grid;place-items:center;padding:160px 24px;overflow:hidden;text-align:center}.ending-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.ending-art span{color:rgba(243,213,152,.035);font:300 46vw/.7 var(--serif);letter-spacing:-.09em}.ending-copy{position:relative;z-index:2;width:min(1100px,100%)}.ending-copy h2 em{display:block;margin-top:20px;font-size:.52em;line-height:1.05}.credits-line{max-width:760px;margin:42px auto 0;color:rgba(255,255,255,.48);font-size:.72rem;letter-spacing:.08em}

@keyframes gate-light{to{transform:translate3d(9%,-5%,0) rotate(16deg);opacity:.65}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,-1%)}75%{transform:translate(1%,2%)}100%{transform:translate(-1%,-2%)}}@keyframes auto-carousel{to{transform:translateX(calc(-50% - 11px))}}

@media(max-width:900px){:root{--shell:calc(100vw - 40px)}.site-header{padding-inline:20px}.media-constellation{min-height:1180px}.screen-reveal{left:2%;width:72%}.screen-film-one{top:210px;width:76%}.screen-film-two{top:470px;width:73%}.screen-cris{top:595px;right:3%;width:27%}.screen-film-three{top:720px;width:73%}.screen-stage{top:930px;width:70%}.campaign-wall{min-height:950px}.portrait{width:29vw}.landscape{width:61vw}.wall-title{top:420px}.landscape-one{top:540px}.landscape-two{top:660px}.partners-flow{min-height:900px}.partners-stack{min-height:620px}}

@media(max-width:620px){.wordmark span{display:none}.hero-copy{padding-bottom:12vh}.hero h1 strong{font-size:clamp(7rem,38vw,11rem)}.hero-theme{font-size:clamp(1.65rem,8vw,2.5rem)}.scroll-mark{display:none}.flow{padding-top:110px}.ambient-copy h2,.carousel-title h2,.partners-copy h2,.ending-copy h2{font-size:clamp(2.8rem,13vw,4.8rem)}.media-constellation{min-height:970px;margin-top:55px}.screen-reveal{left:-10%;width:92%}.screen-film-one{top:150px;right:-12%;width:94%}.screen-film-two{top:325px;left:-12%;width:92%}.screen-cris{top:430px;right:4%;width:34%}.screen-film-three{top:525px;right:-9%;width:93%}.screen-stage{top:710px;left:-8%;width:92%}.screen figcaption{font-size:.55rem}.floating-statement{margin-top:-40px;margin-bottom:90px;display:block}.floating-statement strong{display:block;margin-top:12px;text-align:left}.campaign-wall{min-height:850px}.portrait{width:43vw}.portrait-one{left:-7%}.portrait-two{left:29%}.portrait-three{right:-7%}.wall-title{top:350px;font-size:clamp(2.8rem,13vw,4.8rem)}.landscape{width:86vw}.landscape-one{top:490px;left:-8%}.landscape-two{top:650px;right:-8%}.auto-carousel{padding-block:90px 120px}.auto-slide{flex-basis:72vw}.partners-flow{min-height:770px;padding-block:90px 100px}.partners-stack{min-height:480px}.partner-one{width:88%;left:-8%;top:20px}.partner-two{width:92%;right:-9%;top:150px}.partner-three{width:87%;left:-4%;top:290px}.ending{min-height:86svh}.credits-line{font-size:.66rem}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-media{opacity:1;transform:var(--placed-transform,none)}.auto-track{overflow-x:auto}}