:root{--night:#090d14;--blue:#91d9ff;--white:#eaf1f0;--muted:#82909c;--line:rgba(234,241,240,.2);--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:var(--sans);overflow-x:hidden}.film-grain{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.mono{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.timeline{position:fixed;z-index:30;left:24px;top:50%;height:120px;width:1px;background:var(--line);transform:translateY(-50%)}.timeline span{display:block;width:3px;height:0;background:var(--blue);margin-left:-1px}.film-count{position:fixed;z-index:30;right:28px;bottom:25px;color:var(--muted);writing-mode:vertical-rl}.film-header{position:fixed;z-index:25;top:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:26px 4vw;color:var(--muted);align-items:center;mix-blend-mode:screen}.brand{font:600 23px var(--sans);color:var(--white);text-decoration:none;letter-spacing:-.09em}.brand span{color:var(--blue)}.film-header>span{text-align:center}.sound-toggle{justify-self:end;color:var(--muted);background:none;border:0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.sound-toggle i{display:inline-block;margin-left:8px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px var(--blue)}.sequence{min-height:100vh;position:relative;overflow:hidden}.opening{height:150vh;min-height:900px;background:radial-gradient(circle at 69% 48%,rgba(145,217,255,.15),transparent 4%),radial-gradient(circle at 66% 48%,rgba(145,217,255,.06),transparent 28%),linear-gradient(165deg,#07111a 0%,#0b1119 55%,#06090e 100%)}.opening:after,.scene-four:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(145,217,255,.06) 48%,transparent 66%);transform:translateX(-100%);animation:scan 13s ease-in-out infinite;pointer-events:none}.opening-copy{position:absolute;left:13vw;top:29vh;z-index:2}.kicker{color:var(--blue);margin:0 0 28px}.opening h1{font-size:clamp(84px,15vw,220px);line-height:.79;letter-spacing:-.11em;font-weight:500;margin:0}.opening h1 em,.threshold-line span,.scene-three h2 em,.scene-four h2 em,.scene-five h2 em,.finale h2 em{font-family:var(--serif);font-style:italic;letter-spacing:-.09em;font-weight:500}.opening-note{margin:62px 0 0 12vw;color:var(--muted);font-size:14px;line-height:1.6}.moon{position:absolute;z-index:1;right:10vw;top:25vh;width:min(40vw,540px);height:min(40vw,540px);border-radius:50%;background:radial-gradient(circle at 36% 29%,#edf6f3 0 1%,#8ea9aa 13%,#3d5961 42%,#101c27 74%);box-shadow:0 0 90px rgba(145,217,255,.24),inset -70px -40px 100px rgba(0,0,0,.74);transform:scale(.72);transition:transform .3s linear}.moon:after{content:"";position:absolute;inset:-12%;border:1px solid rgba(145,217,255,.22);border-radius:50%;transform:scaleY(.34) rotate(-21deg)}.moon span{position:absolute;width:30%;height:12%;background:rgba(12,23,31,.28);border-radius:50%;left:20%;top:23%;filter:blur(4px)}.scene-caption{position:absolute;bottom:30px;left:8vw;color:var(--muted)}.film-scroll{position:absolute;bottom:30px;right:8vw;color:var(--white);text-decoration:none}.film-scroll span{display:inline-block;width:34px;height:1px;background:var(--blue);vertical-align:middle;margin-right:12px}.scene-number{position:absolute;left:8vw;top:16vh;color:var(--blue)}.scene-two{height:180vh;background:#0c131a}.threshold-copy{position:absolute;z-index:3;left:19vw;top:32vh}.threshold-line{font-size:clamp(74px,12vw,176px);line-height:.8;letter-spacing:-.1em;margin:0}.horizon{position:absolute;inset:0;top:12vh;perspective:1000px;overflow:hidden;background:linear-gradient(#0e171d,#18242a 50%,#63756f 50.5%,#13201e 52%,#07100f)}.horizon-light{position:absolute;width:50vw;height:50vw;left:50%;top:44%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(221,246,198,.65),rgba(166,211,174,.08) 35%,transparent 70%);filter:blur(9px)}.mountain{position:absolute;bottom:46%;width:80%;height:27%;background:#152126;filter:blur(1px);clip-path:polygon(0 100%,16% 51%,26% 74%,42% 9%,53% 60%,66% 30%,84% 77%,100% 48%,100% 100%)}.mountain-a{left:-8%;transform:scale(1.1)}.mountain-b{right:-20%;bottom:45%;transform:scale(1.3);opacity:.7}.road{position:absolute;left:50%;bottom:-20%;width:50%;height:75%;transform:translateX(-50%) perspective(250px) rotateX(55deg);background:linear-gradient(90deg,transparent,#172922 50%,transparent);clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);opacity:.9}.scene-three{height:190vh;background:#e7ebe5;color:#10181b}.scene-three .kicker,.scene-three .scene-number{color:#467885}.fragment-stage{position:absolute;inset:0;overflow:hidden}.fragment-image{position:absolute;width:50vw;height:67vh;left:47%;top:17%;background:radial-gradient(ellipse at 45% 62%,rgba(145,217,255,.75),transparent 17%),linear-gradient(130deg,#bdd2cc,#728c87 32%,#1a3234 70%,#07141a);clip-path:polygon(4% 0,98% 8%,88% 96%,0 86%);filter:saturate(.72)}.fragment-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 23px,rgba(255,255,255,.1) 24px 25px);mix-blend-mode:screen}.fragment{position:absolute;z-index:2;font:500 clamp(90px,18vw,270px) var(--sans);letter-spacing:-.13em;color:rgba(16,24,27,.9);mix-blend-mode:multiply;transition:transform .25s linear}.fragment-one{left:8vw;top:18%}.fragment-two{left:29vw;top:38%;color:#527d83}.fragment-three{right:8vw;bottom:10%;font:10px var(--mono);letter-spacing:.1em}.fragment-copy{position:absolute;z-index:3;left:13vw;top:29%;max-width:400px}.fragment-copy h2,.deep-title h2,.arrival-copy h2,.finale h2{font-size:clamp(80px,12vw,175px);line-height:.82;letter-spacing:-.11em;font-weight:500;margin:0}.fragment-copy>p:last-child{font-size:14px;line-height:1.6;max-width:230px;margin:55px 0 0 13vw;color:#556267}.scene-four{height:185vh;background:#070d12}.deep-title{position:absolute;z-index:2;left:12vw;top:27vh}.rings{position:absolute;left:54%;top:45%;width:55vw;height:55vw;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-20deg);transform-style:preserve-3d}.rings span{position:absolute;inset:0;border:1px solid rgba(145,217,255,.32);border-radius:50%;animation:orbit 14s linear infinite}.rings span:nth-child(2){inset:15%;animation-duration:10s;animation-direction:reverse}.rings span:nth-child(3){inset:30%;animation-duration:7s}.rings b{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 28px 8px rgba(145,217,255,.3);left:48%;top:48%}.deep-detail{position:absolute;right:10vw;bottom:18vh;color:var(--muted);line-height:2}.scene-five{height:170vh;background:linear-gradient(#08151b 0%,#3a6467 56%,#c5d5c4 100%);color:#071015}.arrival-copy{position:absolute;z-index:3;left:14vw;top:27vh}.arrival-copy .kicker{color:#c9ffab}.arrival-copy>p:last-of-type{font-size:14px;line-height:1.6;max-width:220px;margin:58px 0 0 13vw}.arrival-link{display:inline-block;margin:40px 0 0 13vw;color:#071015;text-decoration:none;font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid rgba(7,16,21,.5);padding-bottom:10px}.arrival-link span{color:#2b6876;margin-left:10px;font-size:16px}.arrival-sun{position:absolute;width:42vw;height:42vw;border-radius:50%;right:8vw;top:24%;background:radial-gradient(circle at 37% 34%,#eaffd4,#b1ddbe 30%,#6ea9a8 65%,transparent 67%);mix-blend-mode:screen;filter:blur(2px);animation:rise 9s ease-in-out infinite}.finale{min-height:100vh;background:#e7ebe5;color:#10181b;padding:25vh 13vw 16vh}.finale .kicker{color:#467885}.finale h2{font-size:clamp(86px,15vw,220px);margin:0 0 15vh}.finale form{max-width:700px}.finale label{display:block;color:#467885;margin-bottom:18px}.finale form>div{display:flex;border-bottom:1px solid rgba(16,24,27,.3);padding-bottom:14px}.finale input{flex:1;background:none;border:0;outline:0;color:inherit;font:14px var(--mono)}.finale button{border:0;background:none;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.finale button span{font-size:18px;color:#467885}.form-note{color:#467885;font:10px var(--mono);margin-top:15px}.film-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;color:var(--muted);background:#070c11}.film-footer a{color:var(--white);text-decoration:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,3%)}100%{transform:translate(-2%,-2%)}}@keyframes scan{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes orbit{to{transform:rotateZ(360deg) translateX(8px)}}@keyframes rise{0%,100%{transform:translateY(15px)}50%{transform:translateY(-25px)}}
@media(max-width:700px){.film-header{grid-template-columns:1fr auto;padding:21px 6vw}.film-header>span{display:none}.film-count{right:12px;font-size:8px}.timeline{left:14px}.opening{min-height:820px;height:125vh}.opening-copy{left:11vw;top:27vh}.opening h1{font-size:clamp(78px,22vw,130px)}.opening-note{margin:48px 0 0 10vw;font-size:12px}.moon{width:70vw;height:70vw;right:-8vw;top:52vh}.scene-caption{left:11vw;bottom:23px;font-size:8px}.film-scroll{right:11vw;bottom:23px;font-size:8px}.scene-number{left:11vw;top:13vh}.scene-two{height:145vh}.threshold-copy{left:11vw;top:29vh}.threshold-line{font-size:clamp(71px,19vw,122px)}.horizon{top:28vh}.scene-three{height:155vh}.fragment-image{width:78vw;height:52vh;left:24vw;top:18%}.fragment-copy{left:11vw;top:48%}.fragment-copy h2{font-size:clamp(75px,20vw,120px)}.fragment-copy>p:last-child{margin-left:17vw;font-size:12px}.fragment-one{left:5vw;top:22%;font-size:24vw}.fragment-two{left:24vw;top:35%;font-size:22vw}.scene-four{height:145vh}.deep-title{left:11vw;top:28vh}.deep-title h2{font-size:clamp(79px,20vw,125px)}.rings{left:61%;top:55%;width:100vw;height:100vw}.deep-detail{left:11vw;right:auto;bottom:15vh;font-size:8px}.scene-five{height:135vh}.arrival-copy{left:11vw;top:27vh}.arrival-copy h2{font-size:clamp(81px,21vw,130px)}.arrival-copy>p:last-of-type,.arrival-link{margin-left:14vw}.arrival-sun{width:86vw;height:86vw;right:-18vw;top:49%}.finale{padding:19vh 11vw 14vh}.finale h2{font-size:clamp(84px,23vw,145px);margin-bottom:18vh}.finale form>div{display:block}.finale input{width:100%;padding-bottom:17px}.finale button{padding-top:18px}.film-footer{padding:22px 6vw;font-size:8px}.film-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}