:root{--night:#070916;--indigo:#11163a;--blue:#283267;--silver:#d9dde1;--titanium:#9298a2;--paper:#c9c8be;--red:#d7333f;--line:rgba(217,221,225,.24);--mono:'Space Mono',monospace;--display:'Michroma',sans-serif;--gutter:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;background:var(--night);color:var(--silver);font-family:var(--mono);overflow-x:hidden}a{color:inherit}button{font:inherit}.skip-link{position:fixed;z-index:1000;left:12px;top:12px;padding:12px 16px;background:var(--silver);color:var(--night);transform:translateY(-140%)}.skip-link:focus{transform:none}.grain{position:fixed;inset:-80%;z-index:90;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.site-header{height:72px;position:absolute;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(#03040a99,transparent)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:400 11px/1 var(--display);letter-spacing:.06em}.wordmark svg{width:42px;fill:var(--silver)}.primary-nav{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.08em}.primary-nav a{text-decoration:none;position:relative;padding:17px 0}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:10px;height:1px;background:var(--silver);transition:right .25s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{right:0}.audio-switch{min-height:44px;border:1px solid var(--line);color:var(--silver);background:#080b1db8;padding:0 13px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:9px}.audio-led{width:6px;height:6px;border:1px solid var(--red);border-radius:50%}.audio-switch[aria-pressed="true"] .audio-led{background:var(--red);box-shadow:0 0 12px var(--red)}.menu-toggle{display:none}.hero{position:relative;min-height:100svh;overflow:hidden;background:#03040a}.hero-image{position:absolute;inset:-3%;background:url('/assets/gen/reconwing/hero.jpg') 50% 50%/cover no-repeat;filter:saturate(.75) contrast(1.18);transform:scale(1.08);animation:heroDrift 14s ease-out both}.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0102098c 0%,transparent 30%,transparent 60%,#050712e8 100%),linear-gradient(90deg,#0507129c 0%,transparent 62%)}.flare{position:absolute;width:70vw;height:2px;left:30%;top:56%;background:linear-gradient(90deg,transparent,#f6a7a1aa,#fff4dbdd,transparent);box-shadow:0 0 30px 8px #ef798055;transform:rotate(-2deg);mix-blend-mode:screen;animation:flareIn 2.4s 1s both}.hero-frame{position:absolute;inset:92px var(--gutter) 68px;border:1px solid rgba(255,255,255,.35)}.hero-frame span{position:absolute;width:12px;height:12px;border-color:var(--silver)}.hero-frame span:nth-child(1){left:-1px;top:-1px;border-left:3px solid;border-top:3px solid}.hero-frame span:nth-child(2){right:-1px;top:-1px;border-right:3px solid;border-top:3px solid}.hero-frame span:nth-child(3){left:-1px;bottom:-1px;border-left:3px solid;border-bottom:3px solid}.hero-frame span:nth-child(4){right:-1px;bottom:-1px;border-right:3px solid;border-bottom:3px solid}.hero-copy{position:absolute;z-index:2;left:calc(var(--gutter) + clamp(22px,5vw,86px));top:50%;transform:translateY(-48%);max-width:920px}.classification{margin:0 0 24px;color:#f1a3aa;font-size:10px;letter-spacing:.18em;opacity:0;animation:reveal .65s .25s forwards}.hero h1{margin:0;font:400 clamp(3.6rem,10.7vw,10.8rem)/.79 var(--display);letter-spacing:-.055em;text-shadow:0 4px 30px #03040c}.hero h1 span{display:block;opacity:0;transform:translateX(-45px);animation:revealLine .9s cubic-bezier(.2,.8,.2,1) forwards}.hero h1 span:nth-child(2){margin-left:clamp(30px,8vw,125px);color:transparent;-webkit-text-stroke:1px rgba(232,234,237,.68);animation-delay:.14s}.hero-deck{max-width:440px;margin:30px 0 0 8px;font-size:12px;line-height:1.8;letter-spacing:.06em;opacity:0;animation:reveal .7s .65s forwards}.frame-data{position:absolute;z-index:2;right:calc(var(--gutter) + 16px);top:116px;text-align:right;display:grid;gap:7px;font-size:9px;letter-spacing:.11em;color:#c7cbd1}.enter-film{position:absolute;z-index:2;left:calc(var(--gutter) + 22px);bottom:20px;height:48px;display:flex;align-items:center;gap:18px;text-decoration:none;font-size:9px;letter-spacing:.18em}.enter-film svg{width:42px;fill:none;stroke:currentColor;transition:transform .25s}.enter-film:hover svg{transform:translateX(8px)}.prologue{min-height:760px;padding:clamp(130px,14vw,230px) var(--gutter);display:grid;grid-template-columns:minmax(140px,.5fr) 1.5fr .55fr;gap:clamp(30px,6vw,100px);position:relative;background:radial-gradient(circle at 85% 10%,#1a2047 0,transparent 35%),var(--night)}.prologue-rule{height:100%;border-left:1px solid var(--line);position:absolute;left:calc(var(--gutter) + 4px);top:0}.prologue-rule span{display:block;width:9px;height:60px;background:var(--silver);margin-left:-5px;margin-top:28%}.prologue-coordinate{font-size:9px;line-height:2;letter-spacing:.1em;color:var(--titanium);margin:9px 0}.prologue-copy h2,.camera-title-block h2,.ritual-intro h2,.ledger-head h2{font:400 clamp(2.2rem,5vw,5.5rem)/1.06 var(--display);letter-spacing:-.04em;margin:0}.prologue-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #e7e9eb}.prologue-copy>p{max-width:700px;color:#b3b7c2;font-size:clamp(13px,1.2vw,16px);line-height:1.95;margin:45px 0 0}.stamp{align-self:end;justify-self:end;border:4px double var(--red);color:var(--red);padding:14px 20px;text-align:center;font-weight:700;font-size:22px;line-height:1;transform:rotate(-9deg);mix-blend-mode:screen}.stamp small{font-size:7px;line-height:1.5;letter-spacing:.12em}.film-section{height:650vh;background:#03040b;position:relative}.film-sticky{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.film-head{height:100px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:22px;margin-bottom:28px}.film-head p{font-size:8px;letter-spacing:.12em;color:var(--titanium);margin:0 0 8px}.film-head h2{font:400 clamp(1.6rem,3.2vw,3.6rem)/1 var(--display);margin:0}.film-progress{width:min(22vw,280px);height:1px;background:#444a57;margin-bottom:11px}.film-progress-fill{display:block;width:0;height:3px;background:var(--red);transform:translateY(-1px)}.film-counter{font-size:10px;margin-bottom:4px}.film-rail-wrap{width:100%;overflow:visible}.film-rail{display:flex;gap:clamp(30px,5vw,78px);width:max-content;padding:0 50vw;will-change:transform}.film-card{width:min(68vw,920px);height:min(62vh,600px);background:#101114;color:#9c9b94;padding:42px 24px;position:relative;box-shadow:0 30px 90px #000;--dev:0;filter:brightness(calc(.45 + var(--dev)*.55));transition:box-shadow .3s}.film-card:after{content:attr(data-frame);position:absolute;right:17px;top:11px;color:#85847e;font-size:9px}.sprockets{position:absolute;left:0;width:100%;height:20px;background:repeating-linear-gradient(90deg,transparent 0 11px,#03040b 11px 32px,transparent 32px 44px)}.sprockets.top{top:10px}.sprockets.bottom{bottom:10px}.film-image{height:calc(100% - 45px);position:relative;overflow:hidden;background-color:#6c6a60;filter:grayscale(calc(1 - var(--dev)*.75)) invert(calc((1 - var(--dev))*.86)) contrast(calc(1.35 + var(--dev)*.2)) sepia(calc((1 - var(--dev))*.35));transition:filter .08s linear}.terrain-one,.terrain-five{background-image:linear-gradient(#16172b20,#05060b99),url('/assets/gen/reconwing/hero.jpg');background-size:cover}.terrain-one{background-position:55% 52%}.terrain-five{background-position:15% 78%}.terrain-two{background:linear-gradient(140deg,#a3a194,#484c5c)}.terrain-svg{width:100%;height:100%;color:#282d3d}.terrain-svg path{stroke-width:3}.terrain-svg .runway{fill:#272b34;stroke:none}.terrain-three{background:linear-gradient(155deg,#555b68,#a7a69c 48%,#333847)}.ridge{position:absolute;width:110%;height:45%;left:-5%;border-radius:50%;border-top:2px solid #242a38;box-shadow:0 -30px 50px #232839}.ridge-a{top:18%;transform:rotate(-8deg)}.ridge-b{top:52%;transform:rotate(10deg)}.river{position:absolute;inset:-50% 40%;width:45px;background:#c7c7bd;transform:rotate(26deg);filter:blur(2px)}.terrain-four{background:linear-gradient(120deg,#858478,#323642)}.grid-set{position:absolute;inset:0;background-image:linear-gradient(22deg,transparent 48%,#222630 49% 50%,transparent 51%),linear-gradient(112deg,transparent 48%,#242833 49% 50%,transparent 51%);background-size:75px 75px}.shadow-object{position:absolute;width:120px;height:28px;background:#131722;left:52%;top:38%;transform:rotate(18deg);box-shadow:100px 40px 35px #161a25}.target-ring{position:absolute;width:84px;height:84px;border:2px solid var(--red);border-radius:50%;box-shadow:0 0 0 1px #0a0b0e}.target-ring:before,.target-ring:after{content:"";position:absolute;background:var(--red)}.target-ring:before{width:116px;height:1px;left:-17px;top:40px}.target-ring:after{height:116px;width:1px;top:-17px;left:40px}.ring-a{left:57%;top:57%}.ring-b{left:62%;top:38%}.ring-c{left:20%;top:40%}.ring-d{left:51%;top:35%}.annotation{position:absolute;max-width:230px;background:#0a0b0ed9;color:#f0b1b5;border-left:2px solid var(--red);padding:10px 13px;font-size:9px;line-height:1.6;letter-spacing:.07em;clip-path:inset(0 calc((1 - var(--dev))*100%) 0 0)}.note-a{left:66%;top:69%}.note-b{left:49%;top:12%}.note-c{left:8%;top:18%}.note-d{right:5%;bottom:10%}.note-e{left:12%;top:12%}.cloud-deck{position:absolute;width:90%;height:55%;left:-10%;bottom:-5%;border-radius:50%;background:#b0aea4;filter:blur(22px)}.contrail-code{position:absolute;width:85%;height:3px;right:-5%;top:44%;background:#e3ded2;transform:rotate(2deg);box-shadow:0 0 10px #ece8dd}.film-caption{height:45px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;font-size:8px;letter-spacing:.08em}.film-caption strong{color:#d7d4c9}.developer-note{display:flex;justify-content:space-between;padding:0 var(--gutter);margin:26px 0 0;font-size:8px;letter-spacing:.1em;color:#7f8490}.camera-section{min-height:1000px;padding:clamp(100px,12vw,190px) var(--gutter);background:linear-gradient(135deg,#c5c7c8,#8d929b);color:#111522;position:relative}.camera-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#10152214 1px,transparent 1px),linear-gradient(90deg,#10152214 1px,transparent 1px);background-size:32px 32px;mix-blend-mode:multiply}.camera-title-block{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.section-kicker{grid-column:1/-1;font-size:9px;letter-spacing:.16em;margin:0 0 20px}.camera-title-block>p:last-child{font-size:12px;line-height:1.8;margin:0;max-width:480px}.camera-blueprint{position:relative;margin:90px auto 0;max-width:1200px}.camera-blueprint>svg{width:100%;display:block}.bay-shell,.bay-mech,.bay-label,.airflow{fill:none;stroke:#1b2130;stroke-width:2}.bay-shell{fill:#747b8624;stroke-width:3}.bay-mech{stroke-width:2}.bay-label{stroke:var(--red)}.bay-numbers circle{fill:var(--red)}.bay-numbers text{fill:white;font:12px var(--mono);text-anchor:middle}.camera-legend{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #343a47}.camera-legend div{padding:20px;border-right:1px solid #343a47}.camera-legend dt{font-size:9px;font-weight:700}.camera-legend dd{margin:9px 0 0;font-size:9px}.camera-specs{position:relative;margin-top:90px;border-top:1px solid #343a47;border-bottom:1px solid #343a47;display:grid;grid-template-columns:repeat(4,1fr)}.camera-specs div{padding:30px 2vw;border-right:1px solid #343a47}.camera-specs span{display:block;font-size:8px;letter-spacing:.12em}.camera-specs strong{display:block;font:400 clamp(1.4rem,3vw,3rem)/1 var(--display);margin-top:15px}.ritual-section{min-height:1100px;padding:clamp(120px,14vw,220px) var(--gutter);background:radial-gradient(circle at 74% 40%,#242a49,transparent 38%),#0a0d1e;display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:6vw;position:relative}.ritual-intro p{max-width:430px;color:#aeb2bd;line-height:1.85;font-size:12px;margin-top:35px}.ritual-list{list-style:none;margin:80px 0 0;padding:0}.ritual-list li{display:grid;grid-template-columns:68px 1fr 14px;gap:22px;padding:25px 0;border-top:1px solid var(--line);position:relative}.ritual-time{color:#ef7b84;font-size:9px}.ritual-list strong{font:400 12px var(--display)}.ritual-list p{font-size:10px;line-height:1.7;color:#9fa4b2;margin:10px 0 0}.ritual-list i{width:10px;height:10px;border:1px solid var(--red);transform:rotate(45deg);margin-top:3px}.suit-figure{align-self:end;position:relative}.suit-figure svg{width:100%;max-height:700px}.suit-figure svg circle:nth-of-type(2){fill:#13192a;stroke:#b3bbc5;stroke-width:4}.suit-callout{position:absolute;right:0;bottom:5%;padding:12px;background:#090b15;border-left:2px solid var(--red);font-size:8px;line-height:1.7}.ethos-section{min-height:1050px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#060815}.ethos-sky{position:absolute;inset:0;background:linear-gradient(#070812 10%,#171d4b 48%,#c57d78 69%,#17152e 72%)}.ethos-sky:after{content:"";position:absolute;left:0;right:0;top:69%;height:2px;background:#ffe3c2;box-shadow:0 0 45px 14px #df7b78}.ethos-sky span{position:absolute;width:60vw;height:2px;right:-5%;top:39%;background:linear-gradient(90deg,transparent,#dedbe7);transform:rotate(3deg);box-shadow:0 0 10px #fff}.ethos-sky span:before{content:"";position:absolute;left:-10px;top:-5px;border-right:14px solid #090b16;border-top:5px solid transparent;border-bottom:5px solid transparent}.ethos-copy{position:relative;z-index:2;text-align:center;width:min(960px,90vw);text-shadow:0 3px 22px #000}.ethos-copy>p{font-size:8px;letter-spacing:.16em}.ethos-copy h2{font:400 clamp(3rem,7.6vw,8rem)/1.08 var(--display);margin:45px 0}.ethos-copy blockquote{max-width:620px;margin:auto}.ethos-copy blockquote p{font-size:12px;line-height:1.9}.ethos-copy blockquote footer{margin-top:20px;color:#aeb2c0;font-size:9px}.ethos-stats{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:45px;border-top:1px solid #ffffff4f;display:grid;grid-template-columns:repeat(3,1fr);padding-top:17px;font-size:8px}.ethos-stats div:nth-child(2){text-align:center}.ethos-stats div:nth-child(3){text-align:right}.ethos-stats span{font:400 26px var(--display);display:block}.ledger-section{padding:clamp(120px,13vw,200px) var(--gutter) 80px;background:#bfc0bb;color:#121622;min-height:1000px}.ledger-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.ledger-head p{font-size:11px;line-height:1.85;margin:0}.ledger-table{margin-top:100px;border-top:2px solid #1a1f2a}.ledger-row{display:grid;grid-template-columns:.6fr 2fr .8fr .7fr;border-bottom:1px solid #5f6268;min-height:68px;align-items:center;font-size:10px}.ledger-row span{padding:14px}.ledger-columns{min-height:42px;font-size:8px;font-weight:700}.ledger-close{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;margin-top:100px;border-top:1px solid #5f6268;padding-top:50px}.ledger-close>span{font-size:9px}.ledger-close>p{text-align:right;font:400 clamp(1rem,2vw,1.6rem)/1.4 var(--display)}.canister{justify-self:center;width:150px;height:150px;border:5px solid #585d67;border-radius:50%;background:radial-gradient(circle,#b9bcc0 0 30%,#5d626c 31% 34%,#d6d7d5 35% 57%,#676c74 58% 62%,#babcc0 63%);box-shadow:8px 12px 25px #4c4f55;display:grid;place-items:center;position:relative}.canister i{position:absolute;inset:10px;border:1px dashed #333945;border-radius:50%}.canister b{text-align:center;font-size:10px;z-index:2}.site-footer{min-height:260px;padding:55px var(--gutter);background:#05060d;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:start;border-top:1px solid var(--line);font-size:9px}.footer-mark{display:flex;gap:18px;align-items:center;font:400 11px/1.5 var(--display)}.footer-mark svg{width:55px;fill:var(--silver)}.footer-mark small{font:8px var(--mono);color:#858a98}.site-footer>p{grid-column:1;margin:20px 0 0;color:#8e93a0}.site-footer nav{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:18px}.site-footer a{text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid #ff7b84;outline-offset:4px}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,3%)}100%{transform:translate(-2%,-2%)}}@keyframes heroDrift{from{transform:scale(1.16) translate3d(-1%,1%,0)}to{transform:scale(1.08)}}@keyframes flareIn{from{opacity:0;transform:translateX(40%) rotate(-2deg)}to{opacity:.7;transform:translateX(0) rotate(-2deg)}}@keyframes reveal{to{opacity:1}}@keyframes revealLine{to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){.site-header{height:66px}.menu-toggle{display:flex;align-items:center;gap:10px;min-width:78px;min-height:44px;justify-content:center;color:var(--silver);background:transparent;border:0;font-size:9px}.menu-toggle i{display:block;width:13px;height:13px;border:1px solid currentColor}.primary-nav{position:absolute;top:66px;left:0;right:0;display:none;background:#070916f7;padding:12px var(--gutter) 24px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px}.primary-nav.open{display:flex}.primary-nav a{min-height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line)}.audio-switch{margin-left:auto}.hero-frame{inset:84px 20px 64px}.hero-copy{left:44px}.frame-data{right:40px}.prologue{grid-template-columns:.5fr 1.5fr}.stamp{position:absolute;right:7vw;bottom:65px}.camera-title-block,.ledger-head{grid-template-columns:1fr}.ritual-section{grid-template-columns:.85fr 1.15fr}.suit-figure{grid-column:1/-1;width:42%;justify-self:end;margin-top:-250px;opacity:.48}.film-card{width:78vw}.film-head{grid-template-columns:1fr auto}.film-progress,.film-head p{display:none}.film-counter{grid-column:2}.camera-legend{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){:root{--gutter:20px}.grain{opacity:.055}.site-header{position:absolute}.wordmark{font-size:9px}.wordmark svg{width:33px}.audio-switch{width:100%;justify-content:center;margin:0}.primary-nav{justify-content:space-between}.hero{min-height:720px}.hero-image{inset:0;background-position:61% 50%;animation:none;transform:scale(1.04)}.hero-scrim{background:linear-gradient(180deg,#02030aaa,transparent 28%,#0608178f 57%,#050712 92%),linear-gradient(90deg,#050712ad,transparent)}.hero-frame{inset:84px 14px 54px}.hero-copy{left:31px;right:20px;top:44%}.classification{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(3.05rem,16vw,4.2rem);line-height:.88;letter-spacing:-.06em}.hero h1 span:nth-child(2){margin-left:18px}.hero-deck{font-size:10px;line-height:1.7;max-width:260px;margin-top:24px}.frame-data{top:auto;bottom:76px;left:32px;right:auto;text-align:left;grid-template-columns:1fr 1fr;font-size:7px}.frame-data span:nth-child(n+3){display:none}.enter-film{left:auto;right:26px;bottom:11px}.flare{top:56%;width:100vw;left:20%}.prologue{min-height:810px;padding:120px 26px;display:block}.prologue-coordinate{margin:0 0 40px 28px}.prologue-copy h2,.camera-title-block h2,.ritual-intro h2,.ledger-head h2{font-size:2.25rem}.prologue-copy>p{font-size:12px;line-height:1.85;margin-top:30px}.prologue-rule{left:20px}.stamp{font-size:17px;bottom:72px}.film-section{height:550vh}.film-sticky{justify-content:flex-start;padding-top:78px}.film-head{height:72px;margin:0;padding:0 20px;align-items:center}.film-head h2{font-size:1.45rem}.film-rail{gap:24px;padding:0 50vw}.film-card{width:84vw;height:54vh;min-height:390px;padding:36px 14px}.film-image{height:calc(100% - 52px)}.film-caption{grid-template-columns:1fr auto;font-size:7px}.film-caption span:nth-child(2){display:none}.developer-note{padding:0 20px;font-size:7px;margin-top:20px}.developer-note span{display:none}.annotation{font-size:7px;max-width:150px}.target-ring{width:60px;height:60px}.target-ring:before{width:86px;top:28px;left:-14px}.target-ring:after{height:86px;left:28px;top:-14px}.camera-section{padding:100px 20px;min-height:auto}.camera-title-block{display:block}.camera-title-block>p:last-child{margin-top:30px}.camera-blueprint{margin-top:70px}.camera-blueprint>svg{width:150%;margin-left:-25%}.camera-legend{grid-template-columns:1fr}.camera-legend div{border-right:0}.camera-specs{grid-template-columns:repeat(2,1fr);margin-top:60px}.camera-specs div:nth-child(2){border-right:0}.camera-specs strong{font-size:1.35rem}.ritual-section{padding:115px 20px;display:block;min-height:auto}.ritual-intro p{font-size:11px}.ritual-list{margin-top:65px}.ritual-list li{grid-template-columns:55px 1fr 10px;gap:12px}.suit-figure{width:75%;margin:60px auto 0;opacity:.58}.ethos-section{min-height:800px}.ethos-copy{width:88vw}.ethos-copy h2{font-size:2.55rem;margin:40px 0}.ethos-copy blockquote p{font-size:10px}.ethos-stats{left:20px;right:20px}.ethos-stats span{font-size:18px}.ledger-section{padding:100px 20px 60px;min-height:auto}.ledger-head{display:block}.ledger-head p{margin-top:30px}.ledger-table{margin-top:70px}.ledger-row{grid-template-columns:.7fr 1.7fr .8fr;min-height:78px;font-size:8px}.ledger-row span{padding:8px}.ledger-row span:last-child{display:none}.ledger-close{grid-template-columns:1fr 120px;margin-top:70px;gap:20px}.ledger-close>p{grid-column:1/-1;text-align:left;margin-top:40px}.canister{width:110px;height:110px}.site-footer{display:block;padding:50px 20px}.site-footer>p{margin-top:45px}.site-footer nav{margin-top:35px;align-items:flex-start;gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.hero-image,.flare,.classification,.hero h1 span,.hero-deck{animation:none}.classification,.hero h1 span,.hero-deck{opacity:1;transform:none}.hero-image{transform:none}.film-rail{will-change:auto}}

/* Pass 1 refinements */
html,body{max-width:100%;overflow-x:hidden}
.film-section{height:500vh;overflow:clip;background-color:#03040b;background-image:repeating-linear-gradient(180deg,transparent 0 96vh,rgba(217,221,225,.045) 96vh calc(96vh + 1px),transparent calc(96vh + 1px) 100vh)}
.film-section:before{content:"ROLL C / EXPOSURE TRANSPORT / 6,400 FT";position:absolute;left:18px;top:110vh;bottom:110vh;width:12px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.35em;color:rgba(217,221,225,.12);border-left:1px solid rgba(217,221,225,.08);padding-left:10px}
.film-rail-wrap{overflow:hidden}
.camera-section{margin-top:-200svh;z-index:3}
.film-card{box-shadow:0 30px 90px #000,0 0 0 calc(var(--dev)*2px) rgba(215,51,63,calc(var(--dev)*.65)),0 0 calc(var(--dev)*45px) rgba(208,219,255,calc(var(--dev)*.16));filter:brightness(calc(.5 + var(--dev)*.65))}
.terrain-two{background:linear-gradient(140deg,#8b8c84,#252b3d)}
.terrain-three{background:linear-gradient(155deg,#343b4b,#98988f 48%,#1d2433)}
.terrain-four{background:linear-gradient(120deg,#71736d,#171d2b)}
.annotation{font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}
.site-footer{position:relative;overflow:hidden;min-height:235px}
.site-footer:before{content:"END OF ROLL";position:absolute;left:42%;bottom:-.18em;font:400 clamp(2.6rem,6.5vw,7.5rem)/1 var(--display);letter-spacing:-.06em;color:rgba(217,221,225,.035);white-space:nowrap;pointer-events:none}
@media(max-width:600px){
  .film-section{height:440vh}
  .film-section:before{display:none}
  .film-sticky{justify-content:center;padding-top:0}
  .film-card{height:58vh;min-height:430px}
  .annotation{font-size:8px}
  .ledger-row{font-size:9px;grid-template-columns:.75fr 1.65fr .8fr}
  .ledger-columns{font-size:7px;min-height:45px}
  .site-footer nav a{display:flex;align-items:center;min-height:44px}
  .site-footer{min-height:300px}
}

/* Pass 2 — external critique */
:root{--night:#050711;--indigo:#121941;--blue:#2e396e;--silver:#e0e3e2;--titanium:#9da4ad;--paper:#d0d0c8;--red:#ef3d4f;--amber:#f0a17f;--line:rgba(224,227,226,.22)}
body{background:linear-gradient(90deg,#02030a 0 1px,transparent 1px calc(100% - 1px),#02030a calc(100% - 1px)),var(--night);text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;z-index:89;left:13.5%;top:0;width:1px;height:100%;pointer-events:none;background:linear-gradient(transparent 5%,rgba(255,255,255,.09) 19%,transparent 46%,rgba(239,61,79,.08) 72%,transparent);mix-blend-mode:screen}
.grain{opacity:.065;animation-duration:.36s}
.site-header{height:76px;background:linear-gradient(180deg,rgba(2,3,10,.9),rgba(2,3,10,.28),transparent);backdrop-filter:blur(2px)}
.wordmark{letter-spacing:-.015em}.wordmark svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}
.primary-nav{gap:34px;font-size:9px;letter-spacing:.15em}.audio-switch{border-color:rgba(224,227,226,.3);background:rgba(5,7,17,.7);transition:border-color .25s,background .25s}.audio-switch:hover{border-color:var(--red);background:rgba(239,61,79,.08)}
.hero{min-height:100svh;background:#02030a}.hero:after{content:"FRAME 001 / PRIMARY EXPOSURE";position:absolute;right:-55px;bottom:190px;z-index:2;transform:rotate(90deg);font-size:7px;letter-spacing:.34em;color:rgba(224,227,226,.48)}
.hero-image{filter:saturate(.7) contrast(1.2) brightness(.88)}
.hero-scrim{background:linear-gradient(180deg,rgba(1,2,8,.74) 0%,transparent 24%,transparent 57%,rgba(3,5,15,.88) 100%),linear-gradient(90deg,rgba(3,5,15,.82) 0%,rgba(5,7,17,.14) 59%,rgba(5,7,17,.22)),radial-gradient(circle at 73% 66%,rgba(240,161,127,.14),transparent 28%)}
.hero-frame{inset:94px var(--gutter) 68px;border-color:rgba(224,227,226,.42);box-shadow:inset 0 0 90px rgba(0,0,0,.22)}
.hero-frame:before,.hero-frame:after{content:"";position:absolute;background:rgba(224,227,226,.4)}
.hero-frame:before{width:22px;height:1px;left:calc(50% - 11px);top:-1px;box-shadow:0 calc(100svh - 163px) rgba(224,227,226,.4)}
.hero-frame:after{height:22px;width:1px;top:calc(50% - 11px);left:-1px;box-shadow:calc(100vw - var(--gutter)*2) 0 rgba(224,227,226,.4)}
.hero-copy{left:calc(var(--gutter) + clamp(28px,5vw,82px));top:52%;max-width:min(940px,72vw)}
.classification{color:#ff949e;font-size:9px;letter-spacing:.25em;margin-bottom:28px}
.hero h1{font-size:clamp(4.1rem,10.4vw,10.2rem);line-height:.76;letter-spacing:-.065em;text-shadow:0 10px 45px rgba(0,0,0,.58)}
.hero h1 span:nth-child(2){margin-left:clamp(54px,10vw,150px);-webkit-text-stroke-color:rgba(235,237,238,.6)}
.hero-deck{max-width:510px;margin-top:36px;font-size:12px;line-height:1.9;letter-spacing:.075em}
.hero-file{position:absolute;z-index:3;left:calc(var(--gutter) + 16px);bottom:94px;margin:0;font-size:7px;line-height:1.9;letter-spacing:.17em;color:rgba(224,227,226,.56)}
.hero-gate-mark{position:absolute;z-index:3;left:72.5%;top:35%;height:31%;width:1px;background:linear-gradient(transparent,rgba(239,61,79,.78),transparent)}
.hero-gate-mark i{position:absolute;left:-18px;top:50%;width:37px;height:1px;background:rgba(239,61,79,.68)}
.hero-gate-mark span{position:absolute;left:10px;top:calc(50% + 9px);white-space:nowrap;color:#ff8c97;font-size:7px;letter-spacing:.18em}
.frame-data{top:118px;font-size:8px;line-height:1.25;letter-spacing:.16em}.enter-film{bottom:19px;letter-spacing:.24em}
.prologue{min-height:890px;padding-top:clamp(160px,17vw,250px);grid-template-columns:.38fr 1.45fr .48fr;background:radial-gradient(ellipse at 86% 3%,#253269 0,rgba(18,25,65,.36) 19%,transparent 48%),linear-gradient(105deg,#050711 0 14%,#080b20 14% 100%)}
.prologue:after{content:"EVIDENCE / NOT INTELLIGENCE UNTIL READ";position:absolute;left:var(--gutter);right:var(--gutter);bottom:37px;padding-top:14px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.25em;color:rgba(224,227,226,.38)}
.prologue-coordinate{font-size:9px;letter-spacing:.14em;color:#aab0ba}.prologue-copy{padding-left:clamp(0px,2vw,30px)}
.prologue-copy h2{max-width:920px;font-size:clamp(2.8rem,5.6vw,6.1rem);line-height:1.02;letter-spacing:-.055em}
.prologue-copy>p{max-width:670px;color:#c1c5cd;font-size:14px;line-height:2}
.stamp{margin-bottom:70px;border-width:3px;font-size:24px;box-shadow:0 0 28px rgba(239,61,79,.08)}
.film-section{height:460vh;background-color:#02030a;background-image:linear-gradient(90deg,transparent 49.96%,rgba(239,61,79,.055) 50%,transparent 50.04%),repeating-linear-gradient(180deg,transparent 0 89vh,rgba(224,227,226,.065) 89vh calc(89vh + 1px),transparent calc(89vh + 1px) 90vh)}
.film-section:before{content:"ROLL C  /  001··002··003··004··005  /  ESTAR SAFETY BASE  /  6,400 FT";top:70vh;bottom:70vh;color:rgba(224,227,226,.2);border-color:rgba(224,227,226,.13)}
.film-sticky{padding:16px 0 10px;background:radial-gradient(ellipse at 50% 55%,rgba(26,31,58,.24),transparent 46%)}
.film-head{position:relative;z-index:10;height:94px;margin-bottom:22px;grid-template-columns:.8fr auto 1.15fr auto;align-items:center}
.film-head h2{font-size:clamp(1.7rem,3.1vw,3.3rem);letter-spacing:-.045em}.film-head p{font-size:8px;letter-spacing:.2em}.film-progress{height:1px;background:rgba(224,227,226,.22)}.film-progress-fill{height:2px;background:linear-gradient(90deg,var(--red),#ffadb4);box-shadow:0 0 15px rgba(239,61,79,.48)}
.film-counter{font-size:11px;letter-spacing:.13em}
.film-rail-wrap{position:relative;z-index:4;padding:8px 0 10px}
.film-rail{gap:clamp(42px,6vw,100px)}
.film-card{width:min(66vw,900px);height:min(61vh,590px);padding:44px 24px 40px;background:#111216;opacity:calc(.3 + var(--dev)*.7);transform:translateY(calc((1 - var(--dev))*17px)) scale(calc(.95 + var(--dev)*.05));transform-origin:center;transition:box-shadow .15s linear,opacity .15s linear;box-shadow:0 35px 110px #000,0 0 0 calc(var(--dev)*2px) rgba(239,61,79,calc(var(--dev)*.85)),0 0 calc(var(--dev)*70px) rgba(190,207,255,calc(var(--dev)*.18))}
.film-card:before{content:"";position:absolute;z-index:5;inset:35px 17px 38px;pointer-events:none;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,calc(var(--dev)*.22)) 50%,transparent 52%);mix-blend-mode:screen;opacity:calc(var(--dev)*.7)}
.film-card:after{font-size:8px;letter-spacing:.16em;color:#aaa9a2}
.sprockets{height:21px;background:repeating-linear-gradient(90deg,transparent 0 8px,#02030a 8px 29px,transparent 29px 41px)}
.film-image{height:calc(100% - 42px);border:1px solid rgba(224,227,226,.13);filter:grayscale(calc(1 - var(--dev)*.86)) invert(calc((1 - var(--dev))*.92)) contrast(calc(1.45 + var(--dev)*.3)) sepia(calc((1 - var(--dev))*.48)) brightness(calc(.54 + var(--dev)*.58));box-shadow:inset 0 0 70px rgba(0,0,0,.48)}
.film-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 9px,rgba(5,7,17,.07) 10px 11px),linear-gradient(112deg,transparent 0 46%,rgba(255,255,255,.13) 47%,transparent 49%);mix-blend-mode:multiply}
.terrain-two{background:radial-gradient(ellipse at 61% 46%,rgba(200,200,186,.34) 0 3%,transparent 3.5%),linear-gradient(138deg,#a09f96 0 28%,#424858 29% 30%,#767871 31% 58%,#252b3b 59%)}
.terrain-three{background:radial-gradient(ellipse at 23% 43%,#171c2a 0 6%,transparent 6.5%),linear-gradient(160deg,#2a3142,#a5a49a 49%,#151b29)}
.terrain-four{background:linear-gradient(120deg,#80817a,#151b29)}
.target-ring{opacity:calc(.25 + var(--dev)*.75);transform:scale(calc(.82 + var(--dev)*.18));transform-origin:center;box-shadow:0 0 0 1px rgba(5,7,17,.8),0 0 18px rgba(239,61,79,.22)}
.annotation{max-width:250px;min-height:48px;background:rgba(5,7,17,.9);color:#ffb8be;border-left:2px solid var(--red);padding:11px 14px;font-size:10px;line-height:1.6;letter-spacing:.075em;clip-path:none;white-space:pre-line;opacity:calc(.15 + var(--dev)*.85);text-shadow:0 1px 2px #000}
.annotation.is-typing:after{content:"_";color:#fff;animation:cursor .52s steps(1) infinite}
.film-caption{height:42px;font-size:8px;letter-spacing:.11em}.film-caption strong{color:#f1f0e9}
.optical-gate{position:absolute;z-index:7;left:50%;top:155px;bottom:91px;width:1px;pointer-events:none;background:linear-gradient(transparent 0,rgba(239,61,79,.52) 18%,rgba(255,255,255,.56) 50%,rgba(239,61,79,.45) 82%,transparent)}
.optical-gate span{position:absolute;left:-14px;top:0;width:29px;height:9px;border:1px solid rgba(239,61,79,.72);border-bottom:0}.optical-gate i{position:absolute;bottom:-3px;left:10px;color:rgba(255,154,163,.75);font-style:normal;font-size:6px;letter-spacing:.18em;white-space:nowrap}.optical-gate b{position:absolute;left:-24vw;top:35%;width:48vw;height:28%;background:radial-gradient(ellipse,rgba(218,225,255,.09),transparent 65%);filter:blur(8px)}
.film-readout{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto;padding:0 var(--gutter);align-items:start}.developer-note{padding:0;margin:18px 0 0}.interpreter-status{margin-top:18px;color:#ff929c;font-size:7px;letter-spacing:.13em;text-align:right}
.camera-section{margin-top:-100svh;min-height:1120px;padding-top:clamp(130px,13vw,190px);background-color:#c4c6c5;background-image:radial-gradient(circle at 19% 27%,rgba(255,255,255,.58),transparent 22%),linear-gradient(105deg,rgba(70,77,89,.12),transparent 25% 68%,rgba(63,69,80,.12)),repeating-linear-gradient(0deg,rgba(20,26,38,.04) 0 1px,transparent 1px 4px);border-top:6px solid #141824;box-shadow:0 -38px 100px #000}
.camera-section:after{content:"PLATE 09 / BAY ASSEMBLY / RESTRICTED";position:absolute;right:var(--gutter);top:48px;font-size:7px;letter-spacing:.19em;color:rgba(17,21,34,.55)}
.camera-title-block{grid-template-columns:1.25fr .55fr;gap:12vw}.camera-title-block h2{font-size:clamp(3rem,5.7vw,6.4rem);letter-spacing:-.06em}.camera-title-block>p:last-child{font-size:13px;line-height:1.9;border-left:2px solid var(--red);padding-left:24px}
.camera-redline{position:relative;z-index:2;width:min(31vw,390px);margin:46px 0 -28px auto;padding:15px 0 15px 22px;border-left:3px solid var(--red);transform:rotate(-1.2deg);color:#272d39}.camera-redline strong{display:block;font-size:8px;letter-spacing:.13em}.camera-redline span{display:block;margin-top:9px;font-size:9px;line-height:1.65}
.camera-blueprint{margin-top:82px}.camera-blueprint>svg{filter:drop-shadow(0 15px 22px rgba(25,29,38,.08))}.bay-shell,.bay-mech,.bay-label,.airflow{stroke:#171d2b}.camera-legend{background:rgba(255,255,255,.08)}.camera-legend dt{font-size:10px}.camera-legend dd{font-size:10px;line-height:1.5}.camera-specs{margin-top:74px}.camera-specs div{position:relative}.camera-specs div:after{content:"";position:absolute;right:8px;top:8px;width:5px;height:5px;background:var(--red)}
.ritual-section{min-height:1180px;grid-template-columns:.72fr 1.05fr .7fr;background:radial-gradient(ellipse at 78% 43%,#2b3457 0,rgba(18,25,65,.45) 25%,transparent 48%),linear-gradient(100deg,#070918,#0b1028);border-top:1px solid rgba(224,227,226,.16)}
.ritual-section:before{content:"CREW 27 / LIFE SUPPORT";position:absolute;left:var(--gutter);top:55px;font-size:7px;letter-spacing:.22em;color:rgba(224,227,226,.35)}
.ritual-intro h2{font-size:clamp(3rem,5.4vw,6rem);letter-spacing:-.06em}.ritual-intro p{font-size:13px;line-height:1.95}.ritual-list{margin-top:45px}.ritual-list li{padding:30px 0;transition:background .35s,padding .35s}.ritual-list li:hover{background:rgba(224,227,226,.035);padding-left:14px;padding-right:14px}.ritual-time{font-size:10px}.ritual-list strong{font-size:13px}.ritual-list p{font-size:11px;line-height:1.75}.ritual-pressure{position:absolute;left:var(--gutter);bottom:105px;width:29%;font-size:7px;letter-spacing:.13em}.ritual-pressure i{display:block;height:3px;margin:12px 0;background:linear-gradient(90deg,var(--red) 0 72%,rgba(224,227,226,.2) 72%);box-shadow:0 0 12px rgba(239,61,79,.2)}.ritual-pressure b{font:400 1.2rem var(--display)}
.suit-figure{filter:drop-shadow(0 32px 38px rgba(0,0,0,.4))}.suit-callout{font-size:9px}
.ethos-section{min-height:1080px;justify-content:flex-start}.ethos-sky{background:linear-gradient(#050611 8%,#10163b 42%,#bf6f6e 67%,#121128 70%)}.ethos-sky:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 63% 69%,rgba(255,216,186,.2),transparent 24%),linear-gradient(90deg,rgba(2,3,10,.55),transparent 53%)}
.ethos-copy{text-align:left;width:min(1060px,82vw);margin-left:var(--gutter);transform:translateY(-2%)}.ethos-copy>p{letter-spacing:.24em}.ethos-copy h2{font-size:clamp(3.6rem,7.8vw,8.4rem);line-height:.99;letter-spacing:-.055em;margin:50px 0 40px;max-width:1000px}.ethos-copy blockquote{margin:0 0 0 31%;max-width:570px;border-left:2px solid var(--red);padding-left:28px}.ethos-copy blockquote p{font-size:13px}.ethos-copy blockquote footer{text-align:right}.ethos-margin{position:absolute;right:var(--gutter);top:125px;text-align:right;font-size:8px;line-height:2;letter-spacing:.16em;color:rgba(224,227,226,.62)}
.ethos-stats{padding-top:20px}.ethos-stats span{font-size:30px}
.ledger-section{position:relative;min-height:1120px;padding-top:clamp(140px,14vw,210px);background-color:#d0d0c8;background-image:radial-gradient(circle at 74% 15%,rgba(255,255,255,.6),transparent 25%),repeating-linear-gradient(0deg,rgba(17,22,34,.035) 0 1px,transparent 1px 5px);border-top:10px solid #242a36}
.ledger-head{grid-template-columns:1.25fr .48fr}.ledger-head h2{font-size:clamp(3rem,5.7vw,6rem);letter-spacing:-.06em}.ledger-head p{font-size:12px;line-height:1.9;border-top:1px solid #6f7378;padding-top:18px}.ledger-docket{margin:38px 0 0;font-size:8px;line-height:1.9;letter-spacing:.14em;color:#50545d}.ledger-table{margin-top:72px}.ledger-row{font-size:11px;transition:background .2s}.ledger-row:not(.ledger-columns):hover{background:rgba(239,61,79,.055)}.ledger-row span:nth-child(3){text-transform:uppercase;font-size:9px;letter-spacing:.08em}.ledger-close{margin-top:85px}.canister{box-shadow:8px 16px 28px rgba(48,52,59,.5),inset 0 0 0 1px rgba(255,255,255,.72)}
.site-footer{min-height:270px;padding-top:62px;background:radial-gradient(circle at 70% 120%,#12183b,transparent 32%),#03040a}.site-footer nav{gap:12px}.site-footer nav a{display:flex;align-items:center;min-height:34px;transition:color .2s,transform .2s}.site-footer nav a:hover{color:#ff9ba4;transform:translateX(-6px)}
.reveal-ready{opacity:1;transform:none;transition:filter .8s cubic-bezier(.2,.7,.2,1)}.reveal-ready:not(.is-visible){filter:brightness(.82)}.reveal-ready.is-visible{filter:none}
@keyframes cursor{50%{opacity:0}}

@media(max-width:900px){
  .site-header{height:66px}.hero:after{display:none}.hero-copy{max-width:78vw}.hero-gate-mark{left:75%}.hero-file{display:none}
  .prologue{grid-template-columns:.42fr 1.58fr;min-height:850px}.prologue-copy h2{font-size:clamp(2.8rem,6vw,4.5rem)}
  .film-card{width:80vw}.camera-title-block{grid-template-columns:1fr}.camera-redline{position:relative;top:auto;right:auto;width:min(48vw,390px);margin:38px 0 0 auto}.camera-blueprint{margin-top:70px}
  .ritual-section{grid-template-columns:.72fr 1.2fr}.ritual-pressure{width:36%}.suit-figure{width:45%;margin-top:-220px}
  .ethos-copy{width:86vw}.ethos-copy blockquote{margin-left:18%}.ledger-head{grid-template-columns:1fr}.ledger-docket{margin-top:24px}
}
@media(max-width:600px){
  body:before{left:8%}.site-header{background:rgba(3,4,12,.82);backdrop-filter:blur(8px)}
  .hero{min-height:760px}.hero-frame{inset:84px 14px 58px}.hero-copy{left:30px;top:43%;max-width:none}.hero h1{font-size:clamp(3.05rem,15.7vw,4rem);line-height:.84}.hero h1 span:nth-child(2){margin-left:22px}.hero-deck{font-size:10px;max-width:280px;margin-top:28px}.classification{font-size:7px;letter-spacing:.22em}.hero-gate-mark{left:76%;top:54%;height:19%}.hero-gate-mark span{display:none}.frame-data{top:114px;bottom:auto;font-size:7px;grid-template-columns:auto auto}.frame-data span:nth-child(3){display:block;grid-column:1/-1}.frame-data span:nth-child(4){display:none}
  .prologue{min-height:880px;padding:120px 26px 150px;background:radial-gradient(ellipse at 90% 5%,#26316a,transparent 45%),#060817}.prologue-copy h2{font-size:2.38rem;line-height:1.05}.prologue-copy>p{font-size:12px;line-height:1.9}.stamp{bottom:78px;margin:0}.prologue:after{left:26px;right:26px;font-size:6px;line-height:1.7}
  .film-section{height:440vh}.film-sticky{padding-top:10px;justify-content:center}.film-head{height:70px;margin-bottom:6px;padding:0 20px}.film-head h2{font-size:1.22rem;letter-spacing:-.075em;white-space:nowrap}.film-card{width:86vw;height:59vh;min-height:440px;padding:38px 13px 36px}.film-card:before{inset:32px 10px 34px}.film-image{height:calc(100% - 39px)}.film-caption{font-size:7px}.annotation{font-size:8px;line-height:1.5;padding:9px 10px;max-width:160px}.optical-gate{top:125px;bottom:78px}.optical-gate i{display:none}.film-readout{padding:0 20px;display:block}.developer-note{font-size:6px}.interpreter-status{display:block;text-align:left;font-size:6px;margin-top:7px}.film-section:before{display:block;left:7px;font-size:5px}
  .camera-section{margin-top:-100svh;padding:105px 20px 95px;border-top-width:5px}.camera-section:after{top:30px;right:20px}.camera-title-block h2{font-size:2.55rem}.camera-title-block>p:last-child{font-size:11px;line-height:1.85;padding-left:17px}.camera-redline{position:relative;top:auto;right:auto;width:auto;margin:48px 0 0 34%;}.camera-blueprint{margin-top:55px}.camera-blueprint>svg{width:146%;margin-left:-23%}.camera-legend dt,.camera-legend dd{font-size:9px}.camera-specs div{padding:27px 8px}.camera-specs span{font-size:7px}
  .ritual-section{padding:125px 20px 160px}.ritual-intro h2{font-size:2.65rem}.ritual-intro p{font-size:11px}.ritual-list li{padding:27px 0}.ritual-list strong{font-size:11px}.ritual-list p{font-size:9px}.ritual-pressure{left:20px;bottom:75px;width:42%}.suit-figure{width:78%;margin:70px auto 0;opacity:.7}
  .ethos-section{min-height:820px}.ethos-copy{width:auto;margin:0 24px;transform:translateY(-4%)}.ethos-copy>p{font-size:7px}.ethos-copy h2{font-size:2.8rem;line-height:1.04;margin:38px 0}.ethos-copy blockquote{margin-left:12%;padding-left:18px}.ethos-copy blockquote p{font-size:9px;line-height:1.85}.ethos-copy blockquote footer{font-size:7px}.ethos-margin{top:82px;right:20px;font-size:6px}.ethos-stats{bottom:35px}.ethos-stats span{font-size:20px}
  .ledger-section{padding:105px 20px 70px}.ledger-head h2{font-size:2.58rem}.ledger-head p{font-size:10px}.ledger-docket{font-size:7px}.ledger-table{margin-top:55px}.ledger-row{font-size:9px}.ledger-row span:nth-child(3){font-size:7px}.ledger-close{margin-top:65px}.site-footer{min-height:330px}
}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.annotation.is-typing:after{animation:none}.ritual-list li,.site-footer nav a{transition:none}.film-card{transition:none;transform:none}}

/* Pass 3 — art direction: analyst optics, refined surface, and interaction finish. */
::selection{background:var(--red);color:#fff}
html{scrollbar-color:var(--red) #070914;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070914}::-webkit-scrollbar-thumb{background:linear-gradient(var(--red),#7d2634);border:3px solid #070914}
.wordmark,.enter-film,.primary-nav a,.audio-switch,.loupe-switch,.site-footer a{transition:color .28s cubic-bezier(.2,.75,.25,1),border-color .28s cubic-bezier(.2,.75,.25,1),transform .28s cubic-bezier(.2,.75,.25,1),background .28s cubic-bezier(.2,.75,.25,1)}
.wordmark:hover,.wordmark:focus-visible{color:#ff9da6}.wordmark:hover svg,.wordmark:focus-visible svg{fill:#ff9da6}
.enter-film:hover,.enter-film:focus-visible{color:#ff9da6}.enter-film:focus-visible svg{transform:translateX(8px)}
.hero-copy,.frame-data,.hero-file,.enter-film{font-variant-numeric:tabular-nums}
.hero-image{will-change:transform;transform-origin:62% 56%}
.hero-scrim:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 42%,rgba(255,235,220,.055) 49%,transparent 55%),radial-gradient(ellipse at 73% 61%,rgba(255,170,145,.1),transparent 25%);mix-blend-mode:screen;pointer-events:none}
.hero-frame{box-shadow:inset 0 0 110px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.24)}
.film-sticky{--loupe-x:50%;--loupe-y:52%;--loupe-frame:"001"}
.film-sticky{z-index:2}
.transport-spine{position:absolute;z-index:0;inset:105vh var(--gutter) 95vh;display:grid;grid-template-rows:repeat(4,1fr);pointer-events:none;color:rgba(224,227,226,.33)}
.transport-spine:before{content:"UNEXPOSED MARGIN / ROLL C / DO NOT SPLICE";position:absolute;left:50%;top:0;bottom:0;width:1px;border-left:1px dashed rgba(239,61,79,.28);padding-left:13px;writing-mode:vertical-rl;font-size:6px;letter-spacing:.28em;color:rgba(255,139,149,.34)}
.transport-spine span{position:relative;align-self:center;display:flex;justify-content:space-between;gap:30px;padding:15px 2vw;border-top:1px solid rgba(224,227,226,.17);border-bottom:1px solid rgba(224,227,226,.06);font-size:7px;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.transport-spine span:before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;background:var(--red);box-shadow:calc(100vw - var(--gutter)*2) 0 var(--red)}
.transport-spine b,.transport-spine i{font-style:normal;font-weight:400}.transport-spine b{color:rgba(255,154,163,.46)}
.analyst-loupe{position:absolute;z-index:12;left:var(--loupe-x);top:var(--loupe-y);width:clamp(112px,13vw,184px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.72);opacity:0;pointer-events:none;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 0 5px rgba(5,7,17,.72),0 0 0 6px rgba(239,61,79,.75),0 24px 75px rgba(0,0,0,.72),inset 0 0 35px rgba(200,216,255,.16);backdrop-filter:grayscale(1) contrast(1.55) brightness(1.28);transition:opacity .26s ease,transform .42s cubic-bezier(.16,1,.3,1),left .16s ease-out,top .16s ease-out}
.loupe-on .analyst-loupe{opacity:1;transform:translate(-50%,-50%) scale(1)}
.analyst-loupe:before,.analyst-loupe:after{content:"";position:absolute;background:rgba(239,61,79,.92);box-shadow:0 0 5px rgba(239,61,79,.7)}
.analyst-loupe:before{left:50%;top:0;bottom:0;width:1px}.analyst-loupe:after{top:50%;left:0;right:0;height:1px}
.analyst-loupe span{position:absolute;inset:18%;border:1px solid rgba(255,255,255,.72);border-radius:50%}.analyst-loupe i{position:absolute;inset:4px;border:1px dashed rgba(224,227,226,.42);border-radius:50%}.analyst-loupe b{position:absolute;right:13px;bottom:10px;color:#fff;font-size:7px;letter-spacing:.12em;font-weight:400;text-shadow:0 1px 3px #000}.analyst-loupe b:before{content:"FR " var(--loupe-frame) " / ";color:#ff9ba4}
.film-readout{grid-template-columns:1fr auto auto;gap:24px}.analysis-controls{display:flex;align-items:center;gap:13px;margin-top:10px}.loupe-switch{min-height:44px;padding:0 14px;border:1px solid rgba(224,227,226,.32);background:rgba(8,11,29,.82);color:#d7dae0;cursor:crosshair;font-size:7px;letter-spacing:.13em;white-space:nowrap}.loupe-switch:hover,.loupe-switch:focus-visible,.loupe-switch[aria-pressed="true"]{color:#fff;border-color:var(--red);background:rgba(239,61,79,.1)}.loupe-switch[aria-pressed="true"]{box-shadow:inset 3px 0 var(--red),0 0 24px rgba(239,61,79,.08)}
.loupe-coordinate{font-size:6px;letter-spacing:.12em;color:#8f95a2;min-width:65px;font-variant-numeric:tabular-nums}.interpreter-status{white-space:nowrap}
.camera-section:before{background-image:radial-gradient(ellipse at 61% 59%,transparent 0 28%,rgba(22,27,39,.06) 50%,transparent 71%),linear-gradient(#10152212 1px,transparent 1px),linear-gradient(90deg,#10152210 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.camera-blueprint:before{content:"OPTICAL PATH / ROTARY CYCLE 118 SEC";position:absolute;left:0;top:-34px;font-size:7px;letter-spacing:.18em;color:rgba(17,21,34,.58)}
.camera-blueprint:after{content:"";position:absolute;left:9%;right:7%;top:48%;height:18%;background:radial-gradient(ellipse,rgba(255,255,255,.26),transparent 66%);mix-blend-mode:screen;pointer-events:none}
.ledger-row:not(.ledger-columns):hover span:nth-child(2){transform:translateX(5px)}.ledger-row span{transition:transform .24s ease}.canister{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.ledger-close:hover .canister{transform:rotate(8deg) translateY(-5px);box-shadow:16px 24px 36px rgba(48,52,59,.44),inset 0 0 0 1px rgba(255,255,255,.72)}
@media(max-width:900px){.film-readout{grid-template-columns:1fr auto}.analysis-controls{grid-column:1}.interpreter-status{grid-column:2;grid-row:1/3;align-self:center}.analyst-loupe{width:126px}}
@media(max-width:600px){.film-readout{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.developer-note{grid-column:1/-1}.analysis-controls{grid-column:1/-1;margin-top:4px}.interpreter-status{grid-column:1/-1;grid-row:auto;margin-top:4px}.loupe-switch{min-height:44px;font-size:6px}.loupe-coordinate{font-size:6px}.analyst-loupe{width:106px}.transport-spine{inset-inline:20px}.transport-spine span{font-size:5px;padding-inline:8px}.transport-spine span i{display:none}.transport-spine span:before{box-shadow:calc(100vw - 40px) 0 var(--red)}.camera-blueprint:before{font-size:6px;top:-27px}.camera-blueprint:after{left:-10%;right:-10%}}
@media(prefers-reduced-motion:reduce){.analyst-loupe,.wordmark,.enter-film,.primary-nav a,.audio-switch,.loupe-switch,.site-footer a,.ledger-row span,.canister{transition:none}.hero-image{will-change:auto}.hero-scrim:after{display:none}}