:root {
  color-scheme: light;
  --sky:#168aaa;
  --sky-dark:#0c566e;
  --ink:#161d1e;
  --paper:#f4ead0;
  --cream:#fff3d7;
  --orange:#d97829;
  --gold:#e7b23e;
  --display:"Cooper Black","Bookman Old Style",Rockwell,Georgia,serif;
  --serif:Georgia,"Times New Roman",serif;
  --narrow:"Arial Narrow","Avenir Next Condensed","Roboto Condensed",sans-serif;
  --scene-one:1;
  --scene-two:0;
  --scene-three:0;
  --pointer-far-x:0px;
  --pointer-far-y:0px;
  --pointer-mid-x:0px;
  --pointer-mid-y:0px;
  --pointer-near-x:0px;
  --pointer-near-y:0px;
  --liquid-stretch:1;
  --liquid-flow-opacity:.72;
  --liquid-duration:2.8s;
  --liquid-drop-travel:34px;
  --eye-blink:0;
  --machine-camera-scale:6.8;
  --machine-camera-x:0px;
  --machine-camera-y:0px;
  --typed-paper-opacity:0;
  --paper-feed-y:30px;
  --typebar-glint-opacity:0;
  --type-line-one-clip:100%;
  --type-line-two-clip:100%;
  --type-line-three-clip:100%;
  --type-line-four-clip:100%;
  --type-line-five-clip:100%;
  --carriage-x:0%;
  --machine-warmth:.82;
  --machine-saturation:1.38;
  --machine-brightness:.24;
  --moon-x:0px;
  --moon-y:0px;
  --moon-scale:.8;
  --moon-rotate:-4deg;
  --moon-cable-rotate:25deg;
  --moon-opacity:.58;
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font-family:var(--serif)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
::selection{color:var(--ink);background:var(--gold)}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:11px 15px;color:var(--ink);background:var(--cream);transform:translateY(-160%)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

.site-header{position:fixed;z-index:60;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 28px;color:var(--cream);border-bottom:1px solid rgba(255,243,215,.35);background:linear-gradient(180deg,rgba(8,72,91,.58),rgba(8,72,91,.12));opacity:var(--header-film-opacity,1);transition:background .3s,border-color .3s,opacity .08s linear;backdrop-filter:blur(5px)}
.site-header.is-scrolled{background:rgba(8,63,79,.88);border-color:rgba(255,243,215,.18)}
.wordmark{display:inline-flex;width:max-content;align-items:baseline;font-family:var(--narrow);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.wordmark em{margin-left:6px;font-family:var(--serif);font-size:16px;letter-spacing:-.04em;text-transform:lowercase}
.wordmark sup{margin-left:4px;color:var(--gold);font-size:7px}
.header-mode{margin:0;font-family:var(--narrow);font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.header-cta{display:inline-flex;min-width:48px;min-height:48px;align-items:center;justify-content:flex-end;justify-self:end;font-family:var(--narrow);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.header-cta span{margin-left:10px}

.film-story{position:relative;height:560svh;color:var(--cream);background:var(--sky)}
.film-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--sky)}
.world,.scene{position:absolute;inset:0}
.world{z-index:0;overflow:hidden;background:var(--sky)}
.environment{position:absolute;z-index:0;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:center;transform:translate3d(var(--pointer-far-x),var(--pointer-far-y),0) scale(var(--world-scale,1.035));will-change:transform}
.sun-glow{position:absolute;z-index:1;top:20%;left:46%;width:30vw;aspect-ratio:1;border-radius:50%;opacity:.42;background:radial-gradient(circle,rgba(255,218,113,.7),rgba(255,196,70,.22) 36%,transparent 69%);filter:blur(18px);mix-blend-mode:screen;animation:sun-breathe 5s ease-in-out infinite}
@keyframes sun-breathe{50%{opacity:.72;transform:scale(1.12)}}

.cloud-layer{position:absolute;z-index:3;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity}
.cloud-layer img{width:108%;height:100%;max-width:none;object-fit:contain;will-change:transform,filter}
.cloud-layer--back{right:-22vw;bottom:-12vh;width:105vw;height:68vh;opacity:.58;transform:translate3d(calc(var(--cloud-back-x) + var(--pointer-far-x)),var(--cloud-back-y),0) scale(1.18)}
.cloud-layer--back img{animation:cloud-drift-back 29s ease-in-out infinite alternate}
.cloud-layer--front{z-index:28;left:-28vw;bottom:-30vh;width:118vw;height:76vh;opacity:var(--cloud-front-opacity,.84);transform:translate3d(calc(var(--cloud-front-x) + var(--pointer-near-x)),var(--cloud-front-y),0) scale(1.28)}
.cloud-layer--front img{animation:cloud-drift-front 17s ease-in-out infinite alternate-reverse}
@keyframes cloud-drift-back{0%{transform:translate3d(-4%,7px,0) scale(1);filter:brightness(.98)}50%{transform:translate3d(0,-8px,0) scale(1.025);filter:brightness(1.06)}100%{transform:translate3d(5%,2px,0) scale(1.015);filter:brightness(1.02)}}
@keyframes cloud-drift-front{0%{transform:translate3d(-5%,10px,0) scale(1.01);filter:brightness(.96)}50%{transform:translate3d(1%,-12px,0) scale(1.04);filter:brightness(1.08)}100%{transform:translate3d(6%,-2px,0) scale(1.02);filter:brightness(1.01)}}

.scene{z-index:8;opacity:var(--scene-opacity);pointer-events:none;will-change:opacity}
.scene--crane{--scene-opacity:var(--scene-one)}
.scene--tv{z-index:12;--scene-opacity:var(--scene-two)}
.scene--typewriter{z-index:11;overflow:hidden;--scene-opacity:var(--scene-three);background:#2c140b;will-change:opacity}
.crane{position:absolute;z-index:7;right:-2vw;bottom:-10vh;width:min(82vw,1240px);height:auto;max-width:none;object-fit:contain;transform-origin:73% 70%;transform:translate3d(calc(var(--crane-x) + var(--pointer-mid-x)),calc(var(--crane-y) + var(--pointer-mid-y)),0) rotate(var(--crane-rotate));filter:drop-shadow(0 24px 24px rgba(36,44,40,.22));will-change:transform}
.astronaut-ladder{position:absolute;z-index:12;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(28,49,50,.22));will-change:transform}
.astronaut-ladder--crane{left:18vw;bottom:-38vh;width:min(34vw,510px);transform:translate3d(calc(var(--astronaut-x) + var(--pointer-near-x)),calc(var(--astronaut-y) + var(--pointer-near-y)),0) rotate(var(--astronaut-rotate))}
.hanging-moon{position:absolute;z-index:11;top:52.5%;left:38.2%;width:clamp(82px,8.3vw,132px);aspect-ratio:1;opacity:var(--moon-opacity);transform:translate3d(calc(var(--moon-x) + var(--pointer-mid-x)),calc(var(--moon-y) + var(--pointer-mid-y)),0) rotate(var(--moon-rotate)) scale(var(--moon-scale));transform-origin:50% -110px;will-change:transform,opacity}
.hanging-moon>span{position:absolute;inset:0;display:block;transform-origin:50% -110px;animation:moon-sway 4.8s ease-in-out infinite;filter:drop-shadow(0 18px 14px rgba(28,42,39,.24))}
.hanging-moon>span::before{position:absolute;z-index:-1;bottom:96%;left:50%;width:2px;height:clamp(88px,12.2vh,118px);content:"";background:linear-gradient(90deg,#1d2929 0,#a47a47 48%,#172323 100%);box-shadow:1px 0 rgba(255,232,165,.24);transform:translateX(-50%) rotate(var(--moon-cable-rotate));transform-origin:50% 100%}
.hanging-moon>span::after{position:absolute;z-index:2;top:-6px;left:50%;width:17px;height:12px;content:"";border:3px solid #6d5133;border-bottom:0;border-radius:10px 10px 2px 2px;transform:translateX(-50%);box-shadow:0 -1px rgba(255,226,160,.36)}
.hanging-moon i{position:absolute;inset:0;display:block;border:1px solid rgba(255,251,220,.88);border-radius:50%;background:radial-gradient(circle at 31% 27%,rgba(255,255,244,.92) 0 6%,transparent 17%),radial-gradient(circle at 68% 65%,rgba(172,136,76,.17) 0 7%,transparent 8%),radial-gradient(circle at 39% 58%,rgba(160,124,69,.12) 0 5%,transparent 6%),radial-gradient(circle at 62% 34%,rgba(255,255,233,.28) 0 4%,transparent 5%),radial-gradient(circle at 38% 30%,#fffde8 0 18%,#f7e8b9 57%,#d5ae68 100%);box-shadow:inset -13px -16px 20px rgba(113,77,31,.19),inset 5px 6px 9px rgba(255,255,241,.58),0 0 23px rgba(255,244,194,.88),0 0 65px rgba(247,196,83,.5)}
.hanging-moon i::before{position:absolute;inset:-28%;content:"";border-radius:50%;background:radial-gradient(circle,rgba(255,244,194,.37) 0 30%,rgba(244,186,75,.12) 48%,transparent 70%);filter:blur(8px);animation:moon-glow 5.6s ease-in-out infinite}
@keyframes moon-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.7deg)}}
@keyframes moon-glow{50%{opacity:.67;transform:scale(1.09)}}

.tv-rig{position:absolute;z-index:10;top:15%;left:50%;width:min(76vw,1080px);aspect-ratio:1672/941;opacity:var(--tv-opacity,1);transform-origin:50.2% 43.4%;transform:translate3d(calc(-50% + var(--tv-x) + var(--pointer-near-x)),calc(var(--tv-y) + var(--pointer-near-y)),0) rotate(var(--tv-rotate)) scale(var(--tv-scale));filter:drop-shadow(0 35px 26px rgba(31,43,38,.3));will-change:transform,opacity}
.television{position:absolute;z-index:3;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.tv-screen{position:absolute;z-index:4;top:29.5%;left:39.2%;width:23.2%;height:34.6%;overflow:hidden;border-radius:18%;clip-path:polygon(4% 0,98% 5%,95% 100%,0 96%);background:transparent;box-shadow:inset 0 0 28px rgba(255,237,183,.5)}
.eye-blink{position:absolute;z-index:9;top:19%;left:7%;width:86%;height:52%;overflow:hidden;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 7px rgba(255,194,50,.46))}
.eye-blink::after{position:absolute;z-index:3;top:49%;left:9%;width:82%;height:13%;content:"";opacity:var(--eye-blink);border-top:2px solid rgba(48,21,6,.82);border-radius:50%;transform:translateY(-50%)}
.eye-lid{position:absolute;left:-3%;width:106%;height:53%;background:radial-gradient(ellipse at 50% 100%,#44230d 0 7%,#a75b16 28%,#df9a29 66%,#61300c 100%);will-change:transform}
.eye-lid--upper{top:0;border-radius:52% 52% 34% 34%;transform:scaleY(var(--eye-blink));transform-origin:top}
.eye-lid--lower{bottom:0;border-radius:34% 34% 52% 52%;transform:scaleY(var(--eye-blink));transform-origin:bottom;background:radial-gradient(ellipse at 50% 0,#45240d 0 8%,#a65b17 30%,#d88f22 67%,#5b2c0b 100%)}
.iris-flare{position:absolute;z-index:8;top:40%;left:50%;width:34%;aspect-ratio:1;border-radius:50%;opacity:var(--iris-flare-opacity,0);background:radial-gradient(circle,#fffbd9 0 5%,#ffc849 12%,rgba(241,139,24,.78) 31%,rgba(22,138,164,.12) 62%,transparent 72%);transform:translate(-50%,-50%) scale(var(--iris-flare-scale,.4));filter:blur(.6px);mix-blend-mode:screen;will-change:transform,opacity}
.gold-flow{position:absolute;z-index:6;top:65%;left:45.7%;width:13.5%;height:48%;opacity:var(--liquid-flow-opacity);filter:drop-shadow(0 5px 5px rgba(111,54,8,.34)) drop-shadow(0 0 8px rgba(255,198,50,.32));pointer-events:none;mix-blend-mode:screen;will-change:opacity}
.gold-flow::after{position:absolute;z-index:0;top:-3%;left:3%;width:94%;height:22%;content:"";border-radius:0 0 42% 50%;background:linear-gradient(180deg,rgba(255,246,166,.65),rgba(226,135,16,.45) 42%,transparent);filter:blur(2px);animation:liquid-sheen 2.4s ease-in-out infinite alternate}
.gold-rim{position:absolute;z-index:2;top:0;left:1%;width:98%;height:11%;border-radius:12% 14% 42% 46%;background:linear-gradient(180deg,#fff0a2 0,#f6bd32 25%,#c8730d 78%,#814008);box-shadow:inset 0 2px 3px rgba(255,255,220,.76),0 3px 5px rgba(88,40,3,.4);animation:liquid-rim 3.2s ease-in-out infinite alternate}
.gold-strand{position:absolute;z-index:1;top:6%;width:5.5%;height:var(--strand-height);min-height:20px;border-radius:15% 18% 55% 48%;background:linear-gradient(90deg,#9e5005 0,#e89513 24%,#fff0a0 53%,#d77a0b 76%,#733503);box-shadow:inset 1px 0 2px rgba(255,249,195,.65),0 3px 6px rgba(94,44,4,.35);transform:scaleY(var(--liquid-stretch));transform-origin:top;animation:liquid-body var(--liquid-duration) ease-in-out infinite alternate;will-change:transform,filter}
.gold-strand::after{position:absolute;right:-15%;bottom:-9px;width:130%;aspect-ratio:.76;content:"";border-radius:48% 52% 58% 42%;background:radial-gradient(circle at 40% 28%,#fff4a8,#eda01e 38%,#9e4a04 83%);box-shadow:0 3px 5px rgba(88,41,3,.34);animation:gold-drop-fall var(--liquid-duration) cubic-bezier(.52,.02,.72,.46) infinite;animation-delay:var(--strand-delay);will-change:transform,opacity}
.gold-strand--one{left:7%;--strand-height:31%;--strand-delay:-.8s}.gold-strand--two{left:27%;width:4%;--strand-height:55%;--strand-delay:-1.9s}.gold-strand--three{left:49%;width:6.2%;--strand-height:82%;--strand-delay:-.35s}.gold-strand--four{left:68%;width:3.8%;--strand-height:46%;--strand-delay:-1.25s}.gold-strand--five{left:87%;width:5%;--strand-height:67%;--strand-delay:-2.3s}
@keyframes liquid-rim{50%{transform:scaleY(1.14) skewX(-1deg);filter:brightness(1.13)}100%{transform:scaleY(.94) skewX(1deg);filter:brightness(.96)}}
@keyframes liquid-sheen{to{transform:translate3d(0,22%,0) scaleX(.94);opacity:.45}}
@keyframes liquid-body{0%{filter:brightness(.9) saturate(1);border-bottom-left-radius:38%}50%{filter:brightness(1.12) saturate(1.18);border-bottom-left-radius:62%}100%{filter:brightness(.98) saturate(1.08);border-bottom-right-radius:68%}}
@keyframes gold-drop-fall{0%,26%{transform:translate3d(0,-4px,0) scale(.58,.76);opacity:0}35%{opacity:1}62%{transform:translate3d(1px,8px,0) scale(.86,1.18);opacity:1}100%{transform:translate3d(-2px,var(--liquid-drop-travel),0) scale(.72,1.02);opacity:0}}
.tv-aura{position:absolute;z-index:5;top:48%;left:50%;width:34vw;aspect-ratio:1;border-radius:50%;opacity:var(--tv-aura-opacity);background:radial-gradient(circle,rgba(255,208,83,.65),rgba(255,174,47,.13) 45%,transparent 70%);filter:blur(15px);transform:translate(-50%,-50%) scale(var(--tv-aura-scale));animation:sun-breathe 3.8s ease-in-out infinite}
.signal-rings{position:absolute;z-index:6;top:49%;left:50%;width:min(56vw,780px);aspect-ratio:1;opacity:var(--rings-opacity);transform:translate(-50%,-50%) scale(var(--rings-scale));will-change:transform,opacity}
.signal-rings i{position:absolute;inset:0;border:1px solid rgba(255,226,144,.66);border-radius:50%;box-shadow:0 0 18px rgba(255,192,62,.22);animation:ring-turn 12s linear infinite}
.signal-rings i:nth-child(2){inset:12%;animation-direction:reverse;animation-duration:9s}.signal-rings i:nth-child(3){inset:25%;border-style:dashed;animation-duration:7s}.signal-rings i:nth-child(4){inset:39%;animation-direction:reverse;animation-duration:5s}
@keyframes ring-turn{to{rotate:1turn}}
.screen-scan{position:absolute;z-index:5;inset:0;overflow:hidden;opacity:var(--screen-opacity);mix-blend-mode:screen}
.screen-scan::before{position:absolute;inset:-40% 0;content:"";background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(255,241,184,.2) 8px),linear-gradient(180deg,transparent 35%,rgba(255,236,160,.76) 48%,transparent 60%);animation:scan 2.6s linear infinite}
@keyframes scan{to{transform:translateY(38%)}}
.typewriter-stage{position:absolute;inset:-4%;overflow:hidden;transform:translate3d(calc(var(--machine-camera-x) + var(--pointer-mid-x)),calc(var(--machine-camera-y) + var(--pointer-mid-y)),0) scale(var(--machine-camera-scale));transform-origin:50% 62%;will-change:transform}
.typewriter-canvas{position:absolute;top:50%;left:50%;height:100%;aspect-ratio:1672/941;transform:translate(-50%,-50%)}
.typewriter-world{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;filter:sepia(var(--machine-warmth)) saturate(var(--machine-saturation)) brightness(var(--machine-brightness));will-change:filter}
.typed-paper{position:absolute;z-index:3;top:15.7%;left:38.55%;width:22.9%;height:28.5%;overflow:hidden;opacity:var(--typed-paper-opacity);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);pointer-events:none;mix-blend-mode:multiply;will-change:opacity}
.typed-paper::after{position:absolute;top:33%;left:12%;width:1px;height:10%;content:"";opacity:var(--typebar-glint-opacity);background:rgba(73,48,27,.72);transform:translateX(var(--carriage-x));animation:caret-blink .55s steps(2,end) infinite}
.typed-copy{position:absolute;right:9%;bottom:3%;left:9%;color:rgba(80,55,31,.76);font-family:var(--narrow);font-size:clamp(5px,.58vw,9px);font-weight:800;letter-spacing:.1em;line-height:2.18;text-align:left;text-transform:uppercase;transform:translateY(var(--paper-feed-y));will-change:transform}
.type-line{display:block;border-top:1px solid rgba(83,58,32,.34);white-space:nowrap;will-change:clip-path}
.type-line--one{clip-path:inset(0 var(--type-line-one-clip) 0 0)}
.type-line--two{clip-path:inset(0 var(--type-line-two-clip) 0 0)}
.type-line--three{clip-path:inset(0 var(--type-line-three-clip) 0 0)}
.type-line--four{clip-path:inset(0 var(--type-line-four-clip) 0 0)}
.type-line--five{clip-path:inset(0 var(--type-line-five-clip) 0 0)}
@keyframes caret-blink{50%{opacity:.12}}
.typebar-glint{position:absolute;z-index:4;top:51%;left:45%;width:10%;height:5%;border-radius:50%;opacity:var(--typebar-glint-opacity);background:radial-gradient(ellipse,#fff0a6,rgba(232,146,36,.42) 44%,transparent 73%);filter:blur(3px);mix-blend-mode:screen;animation:typebar-pulse .78s steps(2,end) infinite}
@keyframes typebar-pulse{50%{transform:translateX(5%) scaleX(.84);filter:blur(1px) brightness(1.3)}}

.transition-cloud{position:absolute;z-index:35;inset:-25%;pointer-events:none;opacity:var(--transition-cloud-opacity);transform:translate3d(var(--transition-cloud-x),var(--transition-cloud-y),0) scale(var(--transition-cloud-scale));background:radial-gradient(circle at 17% 48%,#fff5dc 0 13%,transparent 14%),radial-gradient(circle at 35% 40%,#ead8b3 0 17%,transparent 18%),radial-gradient(circle at 52% 58%,#fff2d2 0 20%,transparent 21%),radial-gradient(circle at 71% 43%,#e7d0a4 0 18%,transparent 19%),radial-gradient(circle at 88% 56%,#fff6dc 0 15%,transparent 16%);filter:blur(2px) drop-shadow(0 20px 40px rgba(64,46,31,.12))}
.transition-flash{position:absolute;z-index:45;inset:0;pointer-events:none;opacity:var(--transition-flash-opacity);background:#fff;will-change:opacity}
.film-vignette{position:absolute;z-index:40;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 0 45%,rgba(4,50,63,.13) 70%,rgba(8,37,42,.5) 115%),linear-gradient(90deg,rgba(8,57,69,.18),transparent 25%,transparent 75%,rgba(8,57,69,.17))}
.film-grain{position:absolute;z-index:42;inset:-50%;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;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='.8'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}
@keyframes grain{25%{translate:3% -2%}50%{translate:-2% 3%}75%{translate:2% 2%}}

.chapter{position:absolute;z-index:50;top:26%;left:28px;width:min(42vw,650px);opacity:0;pointer-events:none;transform:translateY(30px);transition:opacity .42s ease,transform .65s cubic-bezier(.2,.72,.2,1);text-shadow:0 3px 24px rgba(11,64,74,.28)}
.chapter--two{top:25%;right:28px;left:auto;text-align:right}.chapter--three{top:24%}
.chapter.is-active{opacity:1;transform:none}
.chapter--three.is-active{opacity:var(--chapter-three-opacity,1)}
.chapter>span{display:inline-block;margin-bottom:18px;padding:7px 9px;border:1px solid rgba(255,243,215,.72);background:rgba(13,106,130,.78);backdrop-filter:blur(7px);font-family:var(--narrow);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.chapter h1,.chapter h2{margin:0;font-family:var(--display);font-size:clamp(64px,8.7vw,146px);font-weight:900;line-height:.72;letter-spacing:-.075em;text-transform:uppercase}
.chapter p{display:inline-block;margin:25px 0 0;padding:7px 9px;background:rgba(13,106,130,.72);font-size:14px;font-style:italic;line-height:1.45}
.chapter--two p{margin-left:auto}
.chapter--two.is-active{opacity:var(--dive-ui-opacity,1)}
.film-meta{position:absolute;z-index:52;right:28px;bottom:25px;left:28px;display:flex;justify-content:space-between;margin:0;opacity:var(--chrome-opacity,1);font-family:var(--narrow);font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transition:opacity .25s}
.film-meta span{padding:6px 8px;border:1px solid rgba(255,243,215,.34);background:rgba(13,99,122,.62);backdrop-filter:blur(8px)}
.film-rail{position:absolute;z-index:52;bottom:27px;left:50%;display:flex;gap:9px;opacity:var(--chrome-opacity,1);transform:translateX(-50%);transition:opacity .25s}
.film-rail i{width:25px;height:2px;background:rgba(255,243,215,.4);transition:width .35s,background .35s}.film-rail i.is-active{width:52px;background:var(--cream)}
.scroll-cue{position:absolute;z-index:52;right:27px;top:50%;display:flex;align-items:center;gap:9px;margin:0;opacity:var(--chrome-opacity,1);font-family:var(--narrow);font-size:7px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;transform:rotate(90deg) translateX(50%);transform-origin:right center;transition:opacity .25s}
.scroll-cue i{display:block;width:54px;height:1px;background:currentColor;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{50%{width:80px;opacity:.45}}
.film-story.is-paused .world *,.film-story.is-paused .world *::before,.film-story.is-paused .world *::after,.film-story.is-paused .scroll-cue i{animation-play-state:paused!important}

.workfields{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:8vw;padding:140px 7vw 150px;color:var(--ink);background:var(--paper);overflow:hidden}
.workfields::before{content:"M";position:absolute;right:-.05em;bottom:-.24em;color:rgba(217,120,41,.085);font-family:var(--display);font-size:min(78vw,980px);font-weight:900;line-height:1;pointer-events:none}
.workfields-intro,.workfields-list{position:relative;z-index:1}
.section-kicker{margin:0 0 34px;font-family:var(--narrow);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.workfields h2{max-width:940px;margin:0;font-family:var(--display);font-size:clamp(56px,7.2vw,124px);font-weight:900;line-height:.77;letter-spacing:-.075em;text-transform:uppercase}
.workfields-lead{max-width:680px;margin:44px 0 0;font-size:clamp(17px,1.65vw,24px);line-height:1.5}
.workfields-list{align-self:end;margin:0;padding:0;border-top:1px solid rgba(22,29,30,.45);list-style:none}
.workfields-list li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid rgba(22,29,30,.28)}
.workfields-list>li>span{padding-top:4px;color:var(--orange);font-family:var(--narrow);font-size:9px;font-weight:800;letter-spacing:.17em}
.workfields-list h3{margin:0;font-family:var(--narrow);font-size:clamp(17px,1.55vw,24px);font-weight:900;letter-spacing:.025em;text-transform:uppercase}
.workfields-list p{max-width:600px;margin:12px 0 0;color:rgba(22,29,30,.7);font-size:14px;line-height:1.62}

.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 7vw;color:var(--paper);background:var(--ink)}
.contact-kicker{margin:0 0 28px;font-family:var(--narrow);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.contact h2{margin:0;font-family:var(--display);font-size:clamp(72px,13vw,210px);font-weight:900;line-height:.72;letter-spacing:-.08em;text-transform:uppercase}
.contact>a{display:flex;justify-content:space-between;width:min(100%,920px);margin-top:70px;padding:20px 0;border-top:1px solid rgba(244,234,208,.42);border-bottom:1px solid rgba(244,234,208,.42);font-family:var(--narrow);font-size:clamp(13px,1.5vw,22px);font-weight:800;letter-spacing:.08em;transition:color .25s,padding .25s}
.contact>a:hover{padding-right:12px;color:var(--gold)}
.contact-note{max-width:560px;margin:28px 0 0;color:rgba(244,234,208,.58);font-size:13px;line-height:1.6}
.site-footer{display:flex;justify-content:space-between;gap:24px;margin-top:84px;padding-top:18px;border-top:1px solid rgba(244,234,208,.18);color:rgba(244,234,208,.48);font-family:var(--narrow);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

@media (max-width:900px){
  .film-story{height:520svh}.film-stage{min-height:560px}
  .chapter{top:17%;width:min(72vw,560px)}.chapter--two{top:17%;right:auto;left:20px;text-align:left}.chapter--three{top:17%}
  .chapter--two p{margin-left:0}.chapter h1,.chapter h2{font-size:clamp(60px,12vw,105px)}
  .crane{right:-19vw;bottom:-5vh;width:112vw}.astronaut-ladder--crane{left:7vw;width:40vw}
  .tv-rig{top:24%;width:96vw}
  .typed-copy{font-size:7px}
  .workfields{grid-template-columns:1fr;gap:74px}.workfields-list{align-self:auto}
}

@media (max-width:700px){
  .site-header{grid-template-columns:1fr auto;height:60px;padding:0 20px}.header-mode{display:none}.header-cta{font-size:0}.header-cta span{font-size:17px}
  .film-story{height:480svh}.film-stage{min-height:100svh}
  .environment{inset:-2% -34%;width:168%;height:104%;object-position:center}
  .cloud-layer--back{right:-54vw;bottom:-6vh;width:185vw;height:57vh}.cloud-layer--front{left:-72vw;bottom:-18vh;width:210vw;height:64vh}
  .chapter,.chapter--two,.chapter--three{top:14%;right:auto;left:20px;width:calc(100vw - 40px);text-align:left}
  .chapter--three.is-active{opacity:0}
  .chapter h1,.chapter h2{font-size:clamp(54px,17.5vw,82px);line-height:.74}.chapter p{max-width:76vw;margin-top:16px;font-size:12px}.chapter>span{margin-bottom:13px}
  .crane{right:-38vw;bottom:1vh;width:148vw}.astronaut-ladder--crane{left:1vw;bottom:-17vh;width:49vw}.hanging-moon{top:64%;left:24%;width:86px;transform-origin:50% -44px}.hanging-moon>span{transform-origin:50% -44px}.hanging-moon>span::before{height:44px}
  .tv-rig{top:29%;width:124vw}.signal-rings{top:59%;width:120vw}
  .typewriter-stage{inset:-3% -23%;transform-origin:50% 62%}.typed-paper{left:38.5%;width:23%;}.typed-copy{font-size:9px;line-height:1.75;letter-spacing:.04em}
  .film-meta{right:20px;bottom:18px;left:20px}.film-meta span:first-child{display:none}.film-meta span:last-child{margin-left:auto}.film-rail{bottom:23px;left:20px;transform:none}.film-rail i{width:15px}.film-rail i.is-active{width:28px}.scroll-cue{display:none}
  .workfields{gap:58px;padding:96px 20px 110px}.workfields::before{right:-.16em;bottom:-.08em;font-size:110vw}.section-kicker{margin-bottom:24px}.workfields h2{font-size:clamp(45px,13.4vw,66px);line-height:.8}.workfields-lead{margin-top:30px;font-size:17px}.workfields-list li{grid-template-columns:35px 1fr;gap:10px;padding:24px 0}.workfields-list p{font-size:13px}
  .contact{padding:90px 20px}.contact h2{font-size:clamp(48px,13.5vw,66px)}.contact>a{font-size:12px;letter-spacing:.03em}.site-footer{flex-direction:column;margin-top:64px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .film-story{height:100svh}.film-stage{position:relative}
  .scene--tv,.scene--typewriter,.transition-cloud,.transition-flash,.scroll-cue{display:none}
  .scene--crane{opacity:1}.chapter:not(.chapter--one){display:none}.chapter--one{opacity:1;transform:none}
  .crane,.astronaut-ladder--crane,.hanging-moon,.environment,.cloud-layer{transform:none!important}
  .crane{right:-2vw;bottom:-10vh}.astronaut-ladder--crane{left:18vw;bottom:-38vh}
}