:root {
  --charcoal: #101311;
  --charcoal-2: #171b19;
  --sweat: #242826;
  --tan: #b9a17a;
  --tan-pale: #d7c8ad;
  --paper: #e6e0d3;
  --xray: #80b5c7;
  --red: #d65448;
  --blue: #416f87;
  --yellow: #d2bd57;
  --corridor: 0px;
  --walk-progress: 0;
  --hero-shift: 0px;
  --display: 'Archivo', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--charcoal); }
body { margin: 0; overflow-x: clip; background: var(--charcoal); color: var(--paper); font-family: var(--display); }
body::before { content: ''; position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .17; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--yellow); outline-offset: 5px; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 1000; padding: 12px 16px; background: var(--paper); color: var(--charcoal); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 0 clamp(20px, 4vw, 64px); border-bottom: 1px solid rgba(230,224,211,.25); font-family: var(--mono); text-transform: uppercase; font-size: 11px; letter-spacing: .13em; }
.wordmark { min-height:44px; display: flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 700; }
.wordmark svg { width: 42px; fill: none; stroke: var(--red); stroke-width: 2.5; }
.site-header nav { display: flex; gap: 30px; }
.site-header nav a { display: grid; place-items: center; min-height: 44px; text-decoration: none; position: relative; }
.site-header nav a::after { content: ''; position: absolute; bottom: 8px; left: 0; width: 100%; height: 1px; background: var(--red); transform: scaleX(0); transform-origin: right; transition: transform .3s ease; }
.site-header nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.audio-switch { justify-self: end; min-height: 44px; border: 0; color: var(--paper); background: transparent; display: flex; align-items: center; gap: 10px; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
.switch-track { width: 39px; height: 18px; border: 1px solid rgba(230,224,211,.55); padding: 3px; display: block; }
.switch-track span { display: block; width: 10px; height: 10px; background: #727873; transition: transform .25s ease, background .25s ease; }
.audio-switch[aria-pressed="true"] .switch-track span { transform: translateX(21px); background: var(--red); }

.hero { position: relative; min-height: 100dvh; overflow: hidden; background: #22251f; }
.hero-image { position: absolute; inset: -4%; background: linear-gradient(90deg, rgba(14,17,15,.65) 0%, rgba(14,17,15,.15) 45%, rgba(14,17,15,.35) 100%), url('/assets/gen/reddwire/hero.jpg') center center / cover no-repeat; transform: translate3d(0,var(--hero-shift),0) scale(1.07); filter: sepia(.15) saturate(.73) contrast(1.12); }
.visor-vignette { position: absolute; inset: 0; box-shadow: inset 0 0 14vw 6vw rgba(0,0,0,.82); background: linear-gradient(180deg, rgba(7,8,8,.45), transparent 27%, transparent 70%, rgba(7,8,8,.75)); }
.visor-vignette::before, .visor-vignette::after { content: ''; position: absolute; left: -4%; width: 108%; height: 12%; background: #090b0a; filter: blur(8px); }
.visor-vignette::before { top: -7%; transform: rotate(-1.2deg); }
.visor-vignette::after { bottom: -7%; transform: rotate(1.2deg); }
.hero-flare { position: absolute; top: 28%; right: -12%; width: 70%; height: 1px; background: linear-gradient(90deg, transparent, rgba(213,84,72,.5), rgba(255,230,194,.9), transparent); box-shadow: 0 0 20px 3px rgba(213,84,72,.28); transform: rotate(-2deg); }
.breath-fog { position: absolute; width: 34vw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(214,224,215,.15), transparent 67%); filter: blur(24px); opacity: .15; }
.breath-fog-one { left: 38%; bottom: 0; animation: breathe 7s ease-in-out infinite; }
.breath-fog-two { left: 48%; bottom: -18%; animation: breathe 7s 3.5s ease-in-out infinite; }
@keyframes breathe { 0%,100% { transform: scale(.7) translateY(20px); opacity: 0; } 45% { opacity: .23; } 75% { transform: scale(1.12) translateY(-30px); opacity: 0; } }
.hero-copy { position: absolute; z-index: 3; left: clamp(22px, 7vw, 108px); bottom: clamp(78px, 10vh, 130px); width: min(900px, 80vw); }
.hero-kicker { margin: 0 0 13px; color: var(--tan-pale); font: 500 11px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .2em; }
.hero h1 { margin: 0; font-size: clamp(72px, 10.8vw, 166px); line-height: .78; letter-spacing: -.075em; font-weight: 900; text-shadow: 0 8px 40px rgba(0,0,0,.45); }
.hero-deck { margin: 28px 0 0; width: min(430px, 100%); color: #ded8ca; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.48; font-weight: 450; }
.walk-entry { margin-top: 25px; width: fit-content; min-height: 48px; display: flex; align-items: center; gap: 18px; text-decoration: none; font: 600 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; }
.walk-entry i { position: relative; width: 85px; height: 1px; background: rgba(230,224,211,.5); overflow: hidden; }
.walk-entry i::after { content: ''; position: absolute; inset: 0; background: var(--red); transform: translateX(-100%); transition: transform .35s ease; }
.walk-entry:hover i::after { transform: translateX(0); }
.hero-telemetry { position: absolute; z-index: 3; bottom: 24px; left: clamp(20px, 4vw, 64px); right: clamp(20px, 4vw, 64px); display: flex; justify-content: space-between; color: rgba(230,224,211,.66); font: 10px/1 var(--mono); letter-spacing: .12em; }
.load-line { opacity: 0; transform: translateY(22px); animation: loadReveal .75s cubic-bezier(.18,.8,.25,1) forwards; }
.load-line:nth-child(1) { animation-delay: .18s; }.load-line:nth-child(2) { animation-delay: .32s; }.load-line:nth-child(3) { animation-delay: .48s; }.load-line:nth-child(4) { animation-delay: .62s; }
@keyframes loadReveal { to { opacity: 1; transform: none; } }

.briefing { position: relative; display: grid; grid-template-columns: .5fr 1.2fr 1fr; gap: clamp(30px, 5vw, 90px); align-items: end; padding: clamp(90px, 12vw, 180px) clamp(24px, 7vw, 110px); background: var(--tan); color: #171914; }
.briefing::after { content: ''; position: absolute; left: 0; bottom: 0; width: 46%; height: 7px; background: var(--red); }
.briefing-code { align-self: start; font: 500 10px/1.8 var(--mono); letter-spacing: .16em; }
.briefing h2 { margin: 0; max-width: 710px; font-size: clamp(44px, 6.6vw, 104px); line-height: .89; letter-spacing: -.065em; }
.briefing > div:nth-child(2) > p { max-width: 58ch; font-size: 17px; line-height: 1.6; }
.briefing blockquote { margin: 0 0 5px; padding-left: 25px; border-left: 1px solid rgba(23,25,20,.42); }
.briefing blockquote p { font-size: clamp(19px, 1.8vw, 27px); line-height: 1.25; font-weight: 600; }
.briefing cite { font: normal 10px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .1em; }

.long-walk { position: relative; padding: 1px 0 0; background: #111513; min-height: 300vh; }
.long-walk::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0,0,0,calc(var(--walk-progress) * .66)), transparent 18%, transparent 82%, rgba(0,0,0,calc(var(--walk-progress) * .66))); }
.walk-rail { position: sticky; top: 0; z-index: 8; height: 3px; background: rgba(128,181,199,.12); }
.walk-rail span { display: block; width: calc(var(--walk-progress) * 100%); height: 100%; background: var(--red); }
.pressure-frame { width: calc(100% - var(--corridor)); margin: 0 auto; transition: width .12s linear; }
.walk-heading { min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 100px 25px; }
.walk-heading p { color: var(--xray); font: 500 11px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.walk-heading h2 { width: min(880px, 100%); margin: 20px 0 0; font-size: clamp(54px, 8vw, 118px); line-height: .88; letter-spacing: -.065em; }
.waypoints { list-style: none; margin: 0 auto; padding: 10vh clamp(22px, 7vw, 100px) 24vh; width: min(1080px, 100%); }
.waypoints li { position: relative; min-height: 55vh; display: grid; grid-template-columns: 130px 1fr; gap: clamp(25px, 5vw, 75px); align-content: center; border-top: 1px solid rgba(230,224,211,.2); }
.waypoint-distance { padding-top: 24px; color: var(--red); font: 500 12px/1 var(--mono); letter-spacing: .14em; }
.waypoints h3 { margin: 0; font-size: clamp(36px, 5vw, 72px); letter-spacing: -.05em; }
.waypoints p { max-width: 55ch; font-size: 17px; line-height: 1.65; color: #bcbdb5; }
.waypoints b { position: absolute; right: 0; top: 13px; color: rgba(230,224,211,.06); font-size: clamp(100px, 18vw, 260px); line-height: .8; }
.device-wrap { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: clamp(16px, 3vw, 36px); background: #090d0f; border: 1px solid rgba(128,181,199,.32); box-shadow: 0 0 90px rgba(67,120,146,.12), 0 40px 100px rgba(0,0,0,.55); }
.device-header { display: flex; justify-content: space-between; gap: 30px; padding: 0 0 24px; font-family: var(--mono); }
.device-header div { display: grid; gap: 7px; }.device-header span { color: var(--xray); font-size: 10px; letter-spacing: .15em; }.device-header strong { font-size: 13px; }
.device-header p { margin: 0; max-width: 48ch; color: #b9c4c3; font-size: 12px; line-height: 1.5; }
.xray-screen { position: relative; overflow: hidden; background: #091219; cursor: crosshair; touch-action: none; box-shadow: inset 0 0 60px rgba(0,0,0,.8); }
#circuitSvg { display: block; width: 100%; height: auto; user-select: none; }
.xray-bg { fill: #0a1820; }.xray-grid path { fill: none; stroke: rgba(128,181,199,.09); stroke-width: 1; }
.board-parts { fill: rgba(128,181,199,.07); stroke: rgba(128,181,199,.38); stroke-width: 2; }.board-parts path { fill: none; }
.wire { fill: none; stroke-width: 9; opacity: .75; }.wire-blue { stroke: var(--blue); }.wire-yellow { stroke: var(--yellow); }
.route-base { fill: none; stroke: rgba(214,84,72,.62); stroke-width: 10; stroke-dasharray: 9 13; }.route-progress { fill: none; stroke: var(--red); stroke-width: 9; filter: url(#softGlow); stroke-dasharray: 1000; stroke-dashoffset: 1000; }.route-hit { fill: none; stroke: transparent; stroke-width: 46; }
.input-node circle:first-child { fill: rgba(214,84,72,.15); stroke: var(--red); stroke-width: 3; }.input-node circle:nth-child(2) { fill: var(--red); }.input-node text,.isolator text,.xray-labels text { fill: var(--xray); font: 11px var(--mono); letter-spacing: .12em; }.isolator rect { fill: rgba(230,224,211,.08); stroke: var(--paper); stroke-width: 3; }.isolator path { stroke: var(--paper); stroke-width: 3; }
.input-node circle:first-child { transform-box: fill-box; transform-origin: center; animation: inputBeacon 2.2s ease-out infinite; }
@keyframes inputBeacon { 0%,52% { transform: scale(1); opacity: 1; } 82% { transform: scale(1.45); opacity: .2; } 100% { transform: scale(1.45); opacity: 0; } }
.scanline { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(128,181,199,.025) 0, rgba(128,181,199,.025) 1px, transparent 1px, transparent 5px); }
.trace-reticle { position: absolute; left: 0; top: 0; width: 28px; height: 28px; border: 1px solid var(--paper); transform: translate(-50%,-50%); opacity: 0; pointer-events: none; }
.trace-reticle::before,.trace-reticle::after { content: ''; position: absolute; background: var(--paper); }.trace-reticle::before { width: 38px; height: 1px; left: -6px; top: 13px; }.trace-reticle::after { height: 38px; width: 1px; top: -6px; left: 13px; }
.xray-screen.tracing .trace-reticle { opacity: .9; }
.device-status { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid rgba(128,181,199,.2); font-family: var(--mono); }
.device-status span { color: var(--red); font-size: 10px; letter-spacing: .15em; }.device-status strong { font-size: 12px; font-weight: 400; text-align: right; color: #aebcba; }
.keyboard-trace { min-height: 48px; margin-top: 18px; padding: 0; border: 0; border-bottom: 1px solid var(--xray); color: var(--xray); background: transparent; font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .13em; cursor: pointer; }
.keyboard-trace:hover { color: var(--paper); border-color: var(--paper); }
.edge-pulse { position: fixed; inset: 0; z-index: 40; pointer-events: none; box-shadow: inset 0 0 0 0 rgba(214,84,72,0); }
body.tension .edge-pulse { animation: tensionPulse .65s ease-out; }
@keyframes tensionPulse { 20% { box-shadow: inset 0 0 80px 18px rgba(214,84,72,.62); } 100% { box-shadow: inset 0 0 0 0 rgba(214,84,72,0); } }
body.resolved .route-progress { stroke: var(--paper); }
body.resolved .device-status span { color: var(--paper); }
body.resolved .pressure-frame { width: 100%; transition: width 1.6s cubic-bezier(.16,.8,.22,1); }

.doctrine { position: relative; padding: clamp(100px, 14vw, 210px) clamp(24px, 7vw, 110px); background: var(--paper); color: #151815; }
.doctrine::before { content: ''; position: absolute; inset: 0; opacity: .13; background: linear-gradient(90deg, transparent 49.8%, #151815 50%, transparent 50.2%); background-size: 34px 100%; }
.doctrine-title-block { position: relative; display: grid; grid-template-columns: .4fr 1.6fr; gap: 30px; align-items: start; }
.section-mark { padding-top: 12px; color: #4f625f; font: 600 10px/1.4 var(--mono); letter-spacing: .14em; }
.doctrine h2 { margin: 0; font-size: clamp(62px, 9.5vw, 142px); line-height: .82; letter-spacing: -.075em; }
.doctrine-sequence { position: relative; display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(70px, 10vw, 150px); border-top: 2px solid #151815; }
.doctrine-sequence article { min-height: 280px; padding: 24px 30px 30px 0; border-right: 1px solid rgba(21,24,21,.25); }
.doctrine-sequence article + article { padding-left: 30px; }
.doctrine-sequence span { color: var(--red); font: 600 12px/1 var(--mono); }.doctrine-sequence h3 { margin: 55px 0 13px; font-size: 32px; }.doctrine-sequence p { max-width: 38ch; line-height: 1.6; }
.doctrine-note { margin: 60px 0 0 auto; max-width: 52ch; padding: 20px 0 0; border-top: 1px solid #151815; font: 500 12px/1.7 var(--mono); }

.inventory { position: relative; overflow: hidden; padding: clamp(125px, 15vw, 210px) clamp(24px, 7vw, 110px) clamp(100px, 14vw, 190px); background: #867352; color: #111411; }
.inventory-band { position: absolute; inset: 0 0 auto; height: 46px; display: grid; grid-template-columns: repeat(3,1fr); background: var(--red); color: #141714; font: 700 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .16em; }
.inventory-band span { display: grid; place-items: center; border-right: 1px solid rgba(20,23,20,.35); }
.inventory-stamp { position: absolute; right: -20px; top: 80px; color: rgba(17,20,17,.1); font: 800 clamp(80px, 16vw, 230px)/1 var(--display); transform: rotate(90deg) translateX(55%); transform-origin: right top; }
.inventory header { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; padding-bottom: 35px; border-bottom: 2px solid #111411; }
.inventory h2 { margin: 0; font-size: clamp(64px, 10vw, 148px); line-height: .8; letter-spacing: -.07em; }.inventory header p { max-width: 48ch; line-height: 1.55; font-size: 17px; }
.tool-roll { position: relative; display: grid; grid-template-columns: repeat(10,1fr); }
.tool-roll article { grid-column: span 2; min-height: 390px; padding: 35px 18px 26px; border-right: 1px solid rgba(17,20,17,.35); display: flex; flex-direction: column; justify-content: space-between; }
.tool-roll article:first-child { border-left: 1px solid rgba(17,20,17,.35); }
.tool-silhouette { position: relative; display: block; width: 100%; height: 190px; }
.tool-silhouette::before,.tool-silhouette::after { content: ''; position: absolute; background: #181b17; }
.mirror::before { width: 9px; height: 150px; left: 53%; top: 30px; transform: rotate(-18deg); }.mirror::after { width: 64px; height: 45px; border: 7px solid #181b17; background: transparent; left: 21%; top: 3px; transform: rotate(-18deg); }
.probe::before { width: 7px; height: 180px; left: 49%; top: 3px; transform: rotate(7deg); }.probe::after { width: 25px; height: 46px; left: calc(49% - 5px); bottom: 0; }
.line::before { width: 126px; height: 126px; left: 50%; top: 15px; transform: translateX(-50%); border: 12px solid #181b17; border-radius: 50%; background: transparent; }.line::after { width: 78px; height: 12px; left: 50%; bottom: 26px; transform: translateX(-50%) rotate(-20deg); }
.lamp::before { width: 50px; height: 165px; left: 50%; top: 16px; transform: translateX(-50%); clip-path: polygon(22% 0,78% 0,100% 35%,72% 43%,68% 100%,32% 100%,28% 43%,0 35%); }.lamp::after { width: 22px; height: 22px; border-radius: 50%; background: var(--tan); left: 50%; top: 34px; transform: translateX(-50%); }
.marker::before { width: 8px; height: 180px; left: 50%; top: 3px; transform: translateX(-50%); }.marker::after { width: 75px; height: 50px; left: 50%; top: 16px; transform: translateX(-3px); clip-path: polygon(0 0,100% 0,78% 50%,100% 100%,0 100%); }
.tool-roll b { font: 500 10px/1 var(--mono); color: rgba(17,20,17,.55); }.tool-roll h3 { margin: 11px 0 8px; font-size: 21px; }.tool-roll p { margin: 0; font: 500 10px/1.5 var(--mono); }

.glossary { padding: clamp(100px, 14vw, 190px) clamp(24px, 7vw, 110px); background: #141a1e; color: var(--paper); }
.glossary-head { display: grid; grid-template-columns: 1.5fr .5fr; gap: 50px; align-items: end; margin-bottom: 80px; }.glossary h2 { margin: 0; color: var(--xray); font-size: clamp(70px, 11vw, 160px); line-height: .78; letter-spacing: -.07em; }.glossary-head p { color: #b2c0c1; line-height: 1.6; }
.glossary dl { margin: 0; border-top: 1px solid rgba(128,181,199,.4); }.glossary dl div { display: grid; grid-template-columns: .7fr 1.3fr; gap: 50px; padding: 31px 0; border-bottom: 1px solid rgba(128,181,199,.24); }.glossary dt { font-size: clamp(22px, 2.4vw, 36px); font-weight: 700; }.glossary dd { margin: 0; max-width: 65ch; color: #b8c3c2; line-height: 1.65; }

.exhale { position: relative; isolation: isolate; overflow: hidden; min-height: 90dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 100px 24px; background: var(--tan-pale); color: #161915; }
.exhale::before,.exhale::after { content: ''; position: absolute; z-index: -1; left: 50%; top: 50%; width: min(58vw,850px); aspect-ratio: 1; border: 1px solid rgba(22,25,21,.12); border-radius: 50%; transform: translate(-50%,-50%) scale(.68); transition: transform 1.8s cubic-bezier(.16,.8,.22,1), opacity 1.8s ease; }
.exhale::after { width: min(78vw,1100px); border-color: rgba(214,84,72,.13); transform: translate(-50%,-50%) scale(.56); }
.resolved .exhale::before,.resolved .exhale::after { transform: translate(-50%,-50%) scale(1); opacity: .55; }
.exhale-rail { position: absolute; right: clamp(16px,3vw,45px); top: 50%; color: rgba(22,25,21,.55); font: 600 9px/1 var(--mono); letter-spacing: .16em; writing-mode: vertical-rl; transform: translateY(-50%); }
.exhale-line { width: min(800px, 70vw); height: 1px; margin-bottom: 44px; background: #161915; position: relative; }.exhale-line::after { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--red); top: -4px; left: 0; transition: left 2s cubic-bezier(.2,.8,.2,1); }.resolved .exhale-line::after { left: calc(100% - 10px); }
.exhale > p:first-of-type { font: 600 10px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .15em; }.exhale h2 { max-width: 1050px; margin: 24px 0; font-size: clamp(58px, 9vw, 136px); line-height: .86; letter-spacing: -.07em; }.exhale-copy { max-width: 65ch; font-size: 18px; line-height: 1.6; }.return-link { min-height: 52px; margin-top: 35px; padding: 0 4px; display: flex; align-items: center; gap: 25px; border-bottom: 2px solid #161915; text-decoration: none; font: 600 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .13em; }.return-link span { transition: transform .3s ease; }.return-link:hover span { transform: translateY(-6px); }

.site-footer { min-height: 120px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 30px clamp(24px, 5vw, 75px); background: #0c0f0e; color: #b8bbb4; font: 500 10px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .09em; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 28px; }.site-footer a { min-height: 44px; display: inline-flex; align-items: center; text-underline-offset: 5px; }

/* Guide */
.guide-page { background: #111513; }
.guide-header { position: static; border-bottom-color: rgba(230,224,211,.14); }
.guide-main { max-width: 1280px; margin: 0 auto; padding: clamp(70px, 10vw, 150px) clamp(24px, 7vw, 90px); }
.guide-hero { position: relative; min-height: min(540px,50vh); display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 70px; border-bottom: 1px solid rgba(128,181,199,.35); }
.guide-hero::after { content: 'R'; position: absolute; z-index: -1; right: -2vw; bottom: -4vw; color: rgba(128,181,199,.06); font-size: min(45vw,560px); line-height: .8; font-weight: 900; }
.guide-hero p { color: var(--xray); font: 600 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .18em; }.guide-hero h1 { max-width: 900px; margin: 12px 0 0; font-size: clamp(62px, 10vw, 142px); line-height: .82; letter-spacing: -.075em; }
.guide-grid { position: relative; display: grid; grid-template-columns: 280px 1fr; gap: clamp(45px, 8vw, 130px); padding-top: 80px; background: linear-gradient(90deg, transparent 139px, rgba(128,181,199,.12) 140px, transparent 141px); }.guide-aside { position: sticky; top: 35px; align-self: start; padding: 0 24px 30px 0; background: #111513; font: 500 10px/1.8 var(--mono); color: #90a2a3; text-transform: uppercase; letter-spacing: .1em; }.guide-aside span { display: block; width: 35px; height: 2px; margin-bottom: 24px; background: var(--red); }
.guide-article section { margin-bottom: 80px; }.guide-article h2 { margin: 0 0 22px; font-size: clamp(35px, 4.4vw, 60px); letter-spacing: -.05em; }.guide-article p,.guide-article li { color: #c3c6bf; font-size: 17px; line-height: 1.75; }.guide-article code { color: var(--xray); font: 500 .9em var(--mono); }.guide-article ul { padding-left: 20px; }
.token-row { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 32px; }.token { min-height: 130px; padding: 14px; display: flex; align-items: end; color: #fff; font: 500 9px/1.4 var(--mono); }.token:nth-child(1){background:#101311}.token:nth-child(2){background:#b9a17a;color:#101311}.token:nth-child(3){background:#80b5c7;color:#101311}.token:nth-child(4){background:#d65448}.token:nth-child(5){background:#d2bd57;color:#101311}
.prompt-block { padding: 28px; border-left: 4px solid var(--red); background: #1a211f; color: #d6d8d1; font: 500 13px/1.8 var(--mono); }

@media (max-width: 900px) {
  .site-header { grid-template-columns: 1fr auto; }.site-header > nav { display: none; }
  .briefing { grid-template-columns: 1fr 1.4fr; }.briefing blockquote { grid-column: 2; }
  .doctrine-title-block { grid-template-columns: 1fr; }.section-mark { padding: 0; }
  .doctrine-sequence { grid-template-columns: 1fr; }.doctrine-sequence article { min-height: 190px; border-right: 0; border-bottom: 1px solid rgba(21,24,21,.3); }.doctrine-sequence article + article { padding-left: 0; }.doctrine-sequence h3 { margin-top: 35px; }
  .inventory header { grid-template-columns: 1fr; }.tool-roll { grid-template-columns: repeat(2,1fr); }.tool-roll article { grid-column: span 1; border-bottom: 1px solid rgba(17,20,17,.35); }.tool-roll article:last-child { grid-column: 1 / -1; }
  .guide-hero { min-height: 430px; }.guide-grid { grid-template-columns: 1fr; background: none; }.guide-aside { position: static; max-width: 500px; padding-right: 0; }.guide-header .audio-switch { white-space: nowrap; }
}

@media (max-width: 600px) {
  .site-header { height: 68px; padding: 0 16px; }.wordmark span { font-size: 10px; }.wordmark svg { width: 32px; }.audio-switch { font-size: 9px; }.switch-copy { width: 56px; text-align: left; }
  .hero-copy { left: 20px; bottom: 82px; width: calc(100% - 40px); }.hero h1 { font-size: clamp(65px, 22vw, 96px); }.hero-deck { max-width: 310px; margin-top: 22px; padding: 7px 8px 7px 0; background: linear-gradient(90deg,rgba(10,12,11,.48),transparent); font-size: 15px; }.hero-telemetry span:nth-child(2) { display: none; }.hero-image { inset: -2% -35%; background-position: 53% center; }
  .briefing { grid-template-columns: 1fr; gap: 30px; }.briefing-code { margin-bottom: 30px; }.briefing blockquote { grid-column: auto; padding-left: 18px; }.briefing h2 { font-size: 52px; }
  .long-walk { min-height: auto; }.walk-heading { min-height: 75dvh; }.walk-heading h2 { font-size: 53px; }.waypoints { padding-bottom: 140px; }.waypoints li { min-height: 56vh; grid-template-columns: 1fr; gap: 12px; }.waypoint-distance { padding-top: 20px; }.waypoints b { font-size: 110px; }.device-wrap { width: calc(100% - 20px); padding: 12px; }.device-header { display: block; }.device-header p { margin-top: 15px; }.xray-screen { margin-inline: -2px; }.device-status { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding: 12px 0; }.device-status strong { text-align: left; }
  .doctrine h2 { font-size: 62px; }.doctrine-sequence { margin-top: 70px; }
  .inventory-stamp { display: none; }.inventory-band { height: 50px; font-size: 8px; }.inventory h2 { font-size: 72px; }.tool-roll { grid-template-columns: 1fr; }.tool-roll article,.tool-roll article:last-child { grid-column: auto; min-height: 300px; display: grid; grid-template-columns: 1fr 1fr; align-items: end; }.tool-roll article:first-child { border-left: 0; }.tool-silhouette { height: 180px; }.tool-roll article div { padding-bottom: 20px; }
  .glossary-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 55px; }.glossary h2 { font-size: 78px; }.glossary dl div { grid-template-columns: 1fr; gap: 14px; }.exhale { min-height: 80dvh; }.exhale h2 { font-size: 62px; }
  .site-footer { align-items: flex-start; flex-direction: column; }.site-footer nav { justify-content: flex-start; flex-direction: column; gap: 0; }
  .guide-hero { min-height: 360px; padding-bottom: 45px; }.guide-hero h1 { font-size: 58px; }.guide-grid { padding-top: 55px; }.token-row { grid-template-columns: repeat(2,1fr); }.token { min-height: 84px; }.token:last-child { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .load-line { opacity: 1; transform: none; }.hero-image { transform: scale(1.04); }.breath-fog { display: none; }
}

/* Pass 2 — pressure, procedure, release */
body { background:
  radial-gradient(circle at 72% 4%, rgba(128,181,199,.055), transparent 28%),
  var(--charcoal);
}
body::after { content: ''; position: fixed; inset: 0; z-index: 49; pointer-events: none; opacity: .12; background: repeating-linear-gradient(90deg, transparent 0 11vw, rgba(255,255,255,.018) 11vw calc(11vw + 1px)); }
.site-header { background: linear-gradient(180deg,rgba(6,9,8,.75),transparent); }
.hero { min-height: max(720px,100svh); border-block: clamp(22px,4.5vh,52px) solid #080b0a; }
.hero-image { inset: -7%; animation: filmBreath 9s ease-in-out infinite alternate; will-change: transform,filter; }
@keyframes filmBreath { from { filter: sepia(.18) saturate(.68) contrast(1.14) brightness(.91); } to { filter: sepia(.12) saturate(.78) contrast(1.1) brightness(1); } }
.hero-dust { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: .48; pointer-events: none; mix-blend-mode: screen; }
.visor-vignette { z-index: 2; box-shadow: inset 0 0 18vw 7vw rgba(0,0,0,.88); }
.visor-vignette::before,.visor-vignette::after { left: 0; width: 100%; height: clamp(24px,5vh,58px); filter: none; background:#070a09; }
.visor-vignette::before { top: 0; transform: none; }.visor-vignette::after { bottom: 0; transform: none; }
.hero-flare { z-index: 3; opacity: .85; transform-origin: right; animation: flareSweep 6s ease-in-out infinite alternate; }
@keyframes flareSweep { from { transform: rotate(-2deg) scaleX(.72); opacity:.25; } to { transform: rotate(-1deg) scaleX(1); opacity:.8; } }
.visor-hud { position:absolute; z-index:4; inset:clamp(90px,11vh,125px) clamp(24px,4vw,62px) clamp(76px,10vh,110px); pointer-events:none; color:rgba(230,224,211,.68); font:500 9px/1 var(--mono); letter-spacing:.16em; }
.visor-hud i,.visor-hud b,.visor-hud em { position:absolute; font-style:normal; font-weight:500; }
.visor-hud i { right:0; top:0; }.visor-hud b { right:0; bottom:0; color:var(--red); }.visor-hud em { left:0; top:0; }
.hud-corner { position:absolute; width:54px; height:54px; border-color:rgba(128,181,199,.46); }.hud-corner-a { left:0; bottom:0; border-left:1px solid; border-bottom:1px solid; }.hud-corner-b { right:0; top:30%; border-right:1px solid; border-top:1px solid; }
.hero-copy { left:clamp(30px,6.8vw,110px); bottom:clamp(94px,13vh,150px); }
.hero h1 { max-width:900px; font-size:clamp(78px,10.2vw,158px); line-height:.76; letter-spacing:-.082em; }
.hero h1::first-line { color:#f0eadf; }
.hero-kicker { display:flex; align-items:center; gap:12px; }.hero-kicker::before { content:''; width:28px; height:2px; background:var(--red); }
.hero-deck { border-left:1px solid rgba(230,224,211,.3); padding-left:17px; }
.hero-case { position:absolute; z-index:4; right:clamp(22px,4vw,62px); top:50%; margin:0; writing-mode:vertical-rl; color:rgba(230,224,211,.53); font:500 8px/1 var(--mono); letter-spacing:.18em; }
.load-line { animation:none; opacity:0; transform:translateY(22px); clip-path:inset(0 0 100% 0); transition:opacity .7s ease,transform .9s cubic-bezier(.16,.82,.25,1),clip-path .9s cubic-bezier(.16,.82,.25,1); }
.loaded .load-line { opacity:1; transform:none; clip-path:inset(0); }.loaded .load-line:nth-child(1){transition-delay:.15s}.loaded .load-line:nth-child(2){transition-delay:.28s}.loaded .load-line:nth-child(3){transition-delay:.48s}.loaded .load-line:nth-child(4){transition-delay:.63s}

.briefing { grid-template-columns:.33fr 1.15fr .8fr; padding-bottom:clamp(145px,16vw,230px); background:
  linear-gradient(120deg,rgba(255,255,255,.13),transparent 35%),
  repeating-linear-gradient(105deg,transparent 0 19px,rgba(24,25,20,.025) 20px),#b49c74; }
.briefing h2 { max-width:780px; text-wrap:balance; }.briefing blockquote { align-self:center; }
.incident-map { position:absolute; left:clamp(24px,7vw,110px); right:clamp(24px,7vw,110px); bottom:50px; display:grid; grid-template-columns:auto 1fr auto; align-items:end; gap:18px; color:#31362f; font:600 8px/1 var(--mono); letter-spacing:.12em; }
.incident-map svg { position:absolute; left:0; right:0; bottom:18px; width:100%; height:85px; overflow:visible; }.incident-map path { fill:none; stroke:rgba(24,26,22,.55); stroke-width:1.5; }.incident-map circle { fill:var(--red); }.incident-map b { text-align:center; font-weight:600; }

.long-walk { min-height:330vh; isolation:isolate; background:
  radial-gradient(ellipse at 50% 42%,#1a211e 0,#101412 48%,#080b0a 100%); }
.long-walk::before { z-index:0; background:linear-gradient(90deg,rgba(0,0,0,calc(var(--walk-progress)*.86)),transparent 31%,transparent 69%,rgba(0,0,0,calc(var(--walk-progress)*.86))); }
.corridor-shutter { position:absolute; z-index:1; top:0; bottom:0; width:calc(var(--corridor)/2); background:linear-gradient(90deg,#050706,rgba(5,7,6,.93)); pointer-events:none; transition:width .08s linear; }
.shutter-left { left:0; }.shutter-right { right:0; transform:scaleX(-1); }
.pressure-frame { position:relative; z-index:2; }
.walk-readout { position:sticky; z-index:7; top:50%; height:0; margin-left:clamp(8px,1.6vw,24px); width:92px; color:rgba(230,224,211,.54); font:500 8px/1 var(--mono); letter-spacing:.12em; transform:translateY(-45px); }
.walk-readout span,.walk-readout b { display:block; font-weight:500; }.walk-readout i { display:block; width:1px; height:54px; margin:9px 0; background:linear-gradient(var(--red),rgba(214,84,72,.08)); }
.walk-heading { align-items:flex-start; text-align:left; padding-inline:clamp(44px,10vw,150px); }
.walk-heading h2 { margin-left:11%; max-width:920px; }.walk-heading p { margin-left:11%; }.walk-heading p span { color:var(--red); }
.walk-command { margin:42px 0 0 11%; display:flex; align-items:center; gap:15px; color:#788986; font:500 9px/1 var(--mono); text-transform:uppercase; letter-spacing:.15em; }.walk-command i { width:70px; height:1px; background:var(--xray); }
.waypoints { max-width:1180px; }.waypoints li { grid-template-columns:110px minmax(0,620px); min-height:60vh; }.waypoints li:nth-child(even) { margin-left:14%; }.waypoints li:nth-child(3) { margin-left:24%; }
.waypoints small { display:block; margin-top:25px; color:#718481; font:500 9px/1.4 var(--mono); letter-spacing:.12em; }
.waypoints b { -webkit-text-stroke:1px rgba(230,224,211,.1); color:transparent; }
.device-wrap { position:relative; width:min(1260px,calc(100vw - 48px)); margin-left:50%; transform:translateX(-50%); padding:clamp(18px,3vw,42px); border-color:rgba(128,181,199,.48); box-shadow:0 0 0 1px #060909,0 0 120px rgba(78,147,171,.15),0 60px 120px rgba(0,0,0,.7); }
.device-wrap::before { content:'NO ASSUMPTIONS'; position:absolute; right:0; top:-25px; color:rgba(128,181,199,.5); font:500 8px/1 var(--mono); letter-spacing:.16em; }
.xray-screen { background:radial-gradient(circle at 58% 40%,#102836,#061117 72%); border:1px solid rgba(128,181,199,.24); }
.xray-grid path { stroke:rgba(128,181,199,.12); }.component-marks { fill:var(--xray); font:9px var(--mono); letter-spacing:.12em; }.component-marks path { fill:none; stroke:rgba(128,181,199,.38); stroke-width:1; }
.trace-legend { display:flex; gap:25px; flex-wrap:wrap; padding:14px 0 4px; color:#7f9392; font:500 8px/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; }.trace-legend span { display:flex; align-items:center; gap:7px; }.trace-legend i { width:19px; height:2px; }.legend-red{background:var(--red)}.legend-blue{background:var(--blue)}.legend-yellow{background:var(--yellow)}
body.tension .device-wrap { animation:caseJolt .38s cubic-bezier(.2,.8,.2,1); }
@keyframes caseJolt { 25%{transform:translateX(calc(-50% - 4px))}50%{transform:translateX(calc(-50% + 3px))}100%{transform:translateX(-50%)} }
body.resolved .corridor-shutter { width:0; transition:width 1.8s cubic-bezier(.16,.8,.22,1); }

.doctrine { overflow:hidden; }.doctrine-title-block { grid-template-columns:.3fr 1.7fr; }.doctrine h2 { text-wrap:balance; }
.robot-route { position:relative; margin-top:55px; min-height:190px; border-block:1px solid rgba(21,24,21,.25); display:flex; align-items:center; justify-content:space-between; }
.robot-route::before { content:''; position:absolute; left:0; right:0; top:50%; border-top:2px dashed rgba(21,24,21,.32); }.robot-body { position:relative; z-index:2; width:110px; height:62px; background:#171a16; clip-path:polygon(12% 20%,78% 20%,92% 44%,100% 100%,0 100%,7% 44%); }.robot-body::before,.robot-body::after { content:''; position:absolute; bottom:-11px; width:44px; height:20px; border:7px solid #171a16; border-radius:50%; background:var(--paper); }.robot-body::before{left:2px}.robot-body::after{right:2px}.robot-body i { position:absolute; width:55px; height:4px; top:4px; left:55px; background:#171a16; transform:rotate(-25deg); transform-origin:left; }.robot-body b { position:absolute; width:8px;height:8px;border-radius:50%;background:var(--red);right:5px;top:10px; }
.robot-route div { position:relative; z-index:2; display:flex; align-items:center; gap:15px; padding-left:20px; background:var(--paper); }.robot-route strong { font-size:96px; line-height:.8; }.robot-route em { max-width:150px; font:600 9px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.1em; }

.inventory { background:
  linear-gradient(90deg,rgba(255,255,255,.06),transparent 24%,rgba(0,0,0,.08)),
  repeating-linear-gradient(0deg,transparent 0 8px,rgba(20,22,18,.025) 9px),#8f7a55; }
.tool-roll { grid-template-columns:repeat(12,1fr); border-bottom:1px solid rgba(17,20,17,.35); }.tool-roll article:nth-child(1){grid-column:span 3}.tool-roll article:nth-child(2){grid-column:span 2}.tool-roll article:nth-child(3){grid-column:span 3}.tool-roll article:nth-child(4){grid-column:span 2}.tool-roll article:nth-child(5){grid-column:span 2}.tool-roll article:nth-child(even){transform:translateY(38px)}
.tool-roll article { min-height:430px; }.tool-roll article:hover .tool-silhouette { transform:translateY(-8px) rotate(2deg); }.tool-silhouette { transition:transform .45s cubic-bezier(.16,.8,.22,1); }

.glossary { background:
  radial-gradient(circle at 8% 20%,rgba(72,126,145,.18),transparent 25%),
  linear-gradient(100deg,#0d151a,#162127 58%,#0d1417); }
.glossary dl div { grid-template-columns:140px .65fr 1.35fr; align-items:start; transition:background .25s ease,padding-inline .25s ease; }.glossary dl div:hover { background:rgba(128,181,199,.055); padding-inline:14px; }.glossary dl span { color:#708d95; font:500 8px/1.4 var(--mono); letter-spacing:.12em; }

.exhale { min-height:100svh; align-items:flex-start; text-align:left; padding-inline:clamp(30px,9vw,140px); background:
  radial-gradient(circle at 74% 47%,rgba(255,255,255,.48),transparent 17%),
  linear-gradient(100deg,#c8b58f,#eadfc8 60%,#d6c39f); }
.exhale::before,.exhale::after { left:74%; }.exhale-line { width:min(760px,58vw); }.exhale h2 { max-width:820px; font-size:clamp(65px,8.6vw,132px); }.exhale-copy { max-width:55ch; }
.return-figure { position:absolute; z-index:2; right:18%; top:47%; width:54px; height:104px; opacity:.64; transform:translateY(-50%) scale(.88); transition:transform 2.2s cubic-bezier(.16,.8,.22,1),opacity 1.5s ease; }.return-figure::before { content:''; position:absolute; left:10px; top:20px; width:34px; height:54px; background:#252822; clip-path:polygon(20% 0,80% 0,100% 55%,78% 100%,22% 100%,0 55%); }.return-figure::after { content:''; position:absolute; left:17px; width:20px; height:23px; border-radius:50%; background:#252822; }.return-figure i,.return-figure span { position:absolute; bottom:0; width:10px; height:37px; background:#252822; }.return-figure i{left:14px;transform:rotate(7deg)}.return-figure span{right:14px;transform:rotate(-7deg)}.resolved .return-figure { transform:translate(130px,-50%) scale(.55); opacity:.35; }
.return-log { position:absolute; right:clamp(20px,4vw,65px); bottom:55px; display:flex; gap:25px; color:rgba(22,25,21,.58); font:600 8px/1 var(--mono); letter-spacing:.12em; }.return-link { margin-top:28px; }

.reveal { opacity:1; transform:translateY(16px); filter:brightness(.76); transition:filter .9s ease,transform 1.1s cubic-bezier(.16,.8,.22,1); }.reveal.is-visible { filter:none; transform:none; }

/* Guide becomes a field artifact instead of a plain article. */
.guide-page { background:
  linear-gradient(90deg,rgba(128,181,199,.025) 1px,transparent 1px) 0 0/72px 100%,
  radial-gradient(circle at 68% 8%,rgba(128,181,199,.09),transparent 28%),#0c1110; }
.guide-main { max-width:1360px; }.guide-hero { min-height:min(650px,67vh); padding-left:clamp(0px,8vw,100px); }
.guide-hero::before { content:'FIELD\A NOTES'; white-space:pre; position:absolute; right:5%; top:25%; color:rgba(128,181,199,.11); font:800 clamp(68px,10vw,145px)/.75 var(--display); letter-spacing:-.08em; }
.guide-hero h1 { position:relative; max-width:930px; }.guide-hero h1::after { content:'02'; position:absolute; right:-30px; top:-25px; color:var(--red); font:600 10px/1 var(--mono); letter-spacing:.1em; }
.guide-pressure { position:absolute; left:clamp(0px,8vw,100px); right:0; bottom:22px; display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:12px; color:#768c8d; font:500 8px/1 var(--mono); letter-spacing:.13em; }.guide-pressure i { height:1px; background:linear-gradient(90deg,var(--xray),rgba(128,181,199,.08)); }.guide-pressure b { color:var(--red); font-weight:600; }
.guide-grid { grid-template-columns:310px 1fr; background:linear-gradient(90deg,transparent 153px,rgba(128,181,199,.16) 154px,transparent 155px); }.guide-aside { padding-right:42px; }
.guide-article { counter-reset:guide-section; }.guide-article section { position:relative; counter-increment:guide-section; padding-top:15px; border-top:1px solid rgba(128,181,199,.16); }.guide-article section::before { content:'0' counter(guide-section); position:absolute; right:0; top:22px; color:rgba(128,181,199,.28); font:600 10px/1 var(--mono); }.guide-article h2 { max-width:720px; text-wrap:balance; }.guide-article p { max-width:72ch; }
.token-row { gap:2px; transform:skewX(-4deg); }.token { min-height:160px; transform:skewX(4deg); box-shadow:inset 0 -30px 45px rgba(0,0,0,.12); }
.prompt-block { position:relative; padding:38px 42px; background:linear-gradient(110deg,#1a2320,#18211f); }.prompt-block::after { content:'COPY / ADAPT / AUDIT'; position:absolute; right:14px; top:10px; color:rgba(128,181,199,.35); font:500 7px/1 var(--mono); letter-spacing:.14em; }
.guide-schematic { margin:38px 0 0; padding:26px; border:1px solid rgba(128,181,199,.2); display:grid; grid-template-columns:70px 1fr; align-items:center; gap:13px 20px; background:rgba(7,13,14,.42); color:#718a8e; font:500 8px/1 var(--mono); letter-spacing:.12em; }.guide-schematic i { justify-self:center; display:block; width:var(--w); height:9px; border-inline:1px solid var(--red); background:linear-gradient(90deg,rgba(214,84,72,.05),rgba(214,84,72,.22),rgba(214,84,72,.05)); }.guide-schematic i.release { border-color:var(--paper); background:linear-gradient(90deg,transparent,rgba(230,224,211,.2),transparent); }
.guide-ledger { display:grid; grid-template-columns:repeat(4,1fr); margin-top:34px; border-block:1px solid rgba(128,181,199,.18); }.guide-ledger span { min-height:90px; display:flex; flex-direction:column; justify-content:space-between; padding:15px 12px; border-right:1px solid rgba(128,181,199,.18); color:#93a3a1; font:500 9px/1.3 var(--mono); text-transform:uppercase; letter-spacing:.1em; }.guide-ledger b { color:var(--red); font-weight:500; }

@media (max-width:900px) {
  .site-header { grid-template-columns:1fr auto auto; }.site-header > nav { display:flex; gap:18px; }
  .briefing { grid-template-columns:.4fr 1.6fr; }.incident-map { bottom:42px; }
  .walk-heading h2,.walk-heading p,.walk-command { margin-left:6%; }.waypoints li:nth-child(even),.waypoints li:nth-child(3) { margin-left:0; }
  .doctrine-title-block { grid-template-columns:1fr; }.tool-roll { grid-template-columns:repeat(2,1fr); }.tool-roll article:nth-child(n) { grid-column:span 1; transform:none; }
  .glossary dl div { grid-template-columns:100px .75fr 1.25fr; gap:26px; }
  .exhale { align-items:center;text-align:center; }.exhale::before,.exhale::after{left:50%}.return-figure{display:none}.return-log{left:30px;right:30px;justify-content:center}.exhale-line{width:70vw}
  .guide-grid { grid-template-columns:1fr; background:none; }.guide-aside { border-left:1px solid rgba(128,181,199,.22); padding-left:24px; }
}

@media (max-width:680px) {
  .site-header { height:116px; grid-template-columns:1fr auto; grid-template-rows:68px 48px; grid-template-areas:'mark sound' 'nav nav'; padding:0 16px; background:linear-gradient(#080b0a 0 68px,rgba(8,11,10,.78) 68px,transparent); }.wordmark{grid-area:mark}.audio-switch{grid-area:sound}.site-header > nav { grid-area:nav; align-self:stretch; justify-content:space-between; gap:0; border-top:1px solid rgba(230,224,211,.14); }.site-header nav a { min-width:30%; font-size:8px; }
  .hero { min-height:780px; border-block-width:18px; }.hero-copy { bottom:88px; }.hero h1 { font-size:clamp(64px,20.5vw,82px); line-height:.79; }.hero-deck { max-width:295px; }.hero-kicker{font-size:9px}.hero-case,.visor-hud i,.visor-hud em{display:none}.hero-image{inset:-2% -34%;background-position:54% center}.visor-hud{inset:132px 18px 85px}.hud-corner{width:34px;height:34px}.hero-telemetry{bottom:28px}.hero-telemetry span:last-child{display:block}
  .briefing { display:block; padding-bottom:165px; }.briefing-code{margin-bottom:42px}.briefing blockquote{margin-top:38px}.incident-map{bottom:38px}.incident-map svg{height:60px}.incident-map b{font-size:7px}
  .walk-readout{display:none}.long-walk{min-height:auto}.walk-heading{align-items:flex-start;text-align:left;padding-inline:34px;min-height:86svh}.walk-heading h2,.walk-heading p,.walk-command{margin-left:0}.walk-heading h2{font-size:54px}.waypoints{padding-inline:30px}.waypoints li{grid-template-columns:1fr;min-height:62svh}.device-wrap{width:calc(100vw - 12px);padding:12px}.device-wrap::before{right:10px}.trace-legend{gap:11px}.trace-legend span{font-size:7px}.corridor-shutter{opacity:.85}
  .doctrine{padding-inline:28px}.doctrine h2{font-size:60px}.robot-route strong{font-size:68px}.robot-route em{font-size:8px}.doctrine-sequence article{padding-right:0}
  .inventory{padding-inline:28px}.inventory header{display:block}.inventory header p{margin-top:24px}.tool-roll{grid-template-columns:1fr}.tool-roll article:nth-child(n){grid-column:auto;min-height:300px}.glossary{padding-inline:28px}.glossary dl div{grid-template-columns:1fr;gap:10px}.glossary dl span{margin-bottom:5px}
  .exhale{min-height:86svh;padding-inline:30px}.exhale h2{font-size:58px}.exhale-line{width:74vw}.return-log{bottom:25px;gap:10px}.return-log span:nth-child(2){display:none}
  .reveal{transform:translateY(12px)}
  .guide-header { height:68px; display:grid; grid-template-columns:1fr auto; grid-template-rows:68px; grid-template-areas:'mark sound'; }.guide-header > nav{display:none}.guide-main{padding-inline:27px}.guide-hero{min-height:410px;padding-left:0}.guide-hero::before{font-size:76px;top:12%;opacity:.55}.guide-hero h1{font-size:55px}.guide-hero h1::after{right:2px;top:-24px}.guide-grid{padding-top:62px}.guide-article p{font-size:16px;line-height:1.72}.guide-article section{margin-bottom:68px}.token-row{transform:none;grid-template-columns:repeat(2,1fr)}.token{transform:none;min-height:100px}.prompt-block{padding:28px 26px}
  .guide-pressure{left:0}.guide-schematic{grid-template-columns:54px 1fr;padding:18px 14px}.guide-ledger{grid-template-columns:repeat(2,1fr)}.guide-ledger span{min-height:76px}
}

@media (prefers-reduced-motion:reduce) {
  .hero-image,.hero-flare { animation:none; }.loaded .load-line,.load-line,.reveal { opacity:1; transform:none; clip-path:none; filter:none; }.corridor-shutter { transition:none; }
}

/* Pass 3 — optical contact, typographic finish, mobile procedure */
:root { --visor-x: 55%; --visor-y: 42%; }
html { scrollbar-color: var(--red) #090c0b; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #090c0b; }
::-webkit-scrollbar-thumb { border: 3px solid #090c0b; background: var(--red); }
::selection { background: var(--red); color: #fffaf0; text-shadow: none; }
body { font-kerning: normal; font-optical-sizing: auto; font-synthesis: none; text-rendering: optimizeLegibility; }
p, dd { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
.hero-telemetry,.hero-case,.walk-readout,.device-header,.device-status,.return-log,.incident-map,.guide-pressure { font-variant-numeric: tabular-nums slashed-zero; }

.wordmark,.site-header nav a,.audio-switch,.site-footer a { transition: color .25s ease, opacity .25s ease, background-color .25s ease; }
.wordmark:hover,.site-header nav a:hover,.audio-switch:hover,.site-footer a:hover { color: #fffaf0; }
.wordmark:hover svg { filter: drop-shadow(0 0 7px rgba(214,84,72,.65)); }
.audio-switch:hover .switch-track { border-color: var(--paper); }
.site-footer a:hover { text-decoration-color: var(--red); }
.site-footer a:focus-visible,.return-link:focus-visible,.walk-entry:focus-visible { outline-offset: 3px; }

.hero-image { background-position: 49% center; }
@keyframes filmBreath {
  from { filter: sepia(.18) saturate(.68) contrast(1.14) brightness(.91); background-position:49% center; }
  to { filter: sepia(.10) saturate(.82) contrast(1.09) brightness(1.02); background-position:51% center; }
}
.visor-condensation { position:absolute; z-index:3; inset:clamp(24px,5vh,58px) 0; pointer-events:none; opacity:.56; background:
  radial-gradient(circle at 14% 28%,rgba(224,232,222,.2) 0 1px,transparent 2px),
  radial-gradient(circle at 77% 18%,rgba(224,232,222,.16) 0 1px,transparent 2px),
  radial-gradient(circle at 65% 72%,rgba(224,232,222,.2) 0 1.5px,transparent 2.5px),
  radial-gradient(ellipse at 52% 55%,rgba(205,218,209,.22),rgba(121,139,132,.09) 45%,transparent 76%);
  background-size:91px 83px,137px 121px,183px 167px,100% 100%;
  -webkit-mask-image:radial-gradient(circle 120px at var(--visor-x) var(--visor-y),transparent 0 57%,rgba(0,0,0,.2) 65%,#000 77%);
  mask-image:radial-gradient(circle 120px at var(--visor-x) var(--visor-y),transparent 0 57%,rgba(0,0,0,.2) 65%,#000 77%);
  backdrop-filter:blur(2.5px) saturate(.72); transition:opacity 1.15s cubic-bezier(.16,.8,.22,1); }
.hero.visor-cleared .visor-condensation { opacity:0; }
.hero.visor-cleared .hero-image { filter:sepia(.08) saturate(.84) contrast(1.1) brightness(1.02); }
.visor-clear { position:absolute; z-index:6; right:clamp(28px,6vw,96px); bottom:clamp(104px,14vh,158px); min-width:190px; min-height:48px; padding:0; border:0; color:rgba(230,224,211,.78); background:rgba(7,10,9,.52); display:flex; align-items:center; text-align:left; cursor:pointer; backdrop-filter:blur(7px); opacity:0; transform:translateX(16px); transition:opacity .7s .8s ease,transform .8s .8s cubic-bezier(.16,.8,.22,1),background-color .25s ease,color .25s ease; }
.loaded .visor-clear { opacity:1; transform:none; }
.visor-clear:hover { background:rgba(7,10,9,.82); color:#fffaf0; }
.visor-clear-icon { position:relative; flex:0 0 48px; align-self:stretch; border:1px solid rgba(128,181,199,.55); }
.visor-clear-icon::before,.visor-clear-icon::after,.visor-clear-icon i::before,.visor-clear-icon i::after { content:''; position:absolute; background:var(--xray); transition:transform .45s cubic-bezier(.16,.8,.22,1); }
.visor-clear-icon::before { width:18px; height:1px; left:14px; top:23px; }
.visor-clear-icon::after { width:1px; height:18px; left:23px; top:14px; }
.visor-clear-icon i::before { width:5px; height:5px; left:21px; top:21px; border-radius:50%; background:var(--red); }
.visor-clear-icon i::after { inset:6px; border:1px solid rgba(128,181,199,.36); background:transparent; border-radius:50%; }
.visor-clear[aria-pressed="true"] .visor-clear-icon i::after { transform:scale(1.55); opacity:.2; }
.visor-clear-copy { display:grid; gap:4px; padding:0 12px; }
.visor-clear-copy b { font:600 9px/1 var(--mono); text-transform:uppercase; letter-spacing:.15em; }
.visor-clear-copy small { color:#849593; font:500 7px/1 var(--mono); text-transform:uppercase; letter-spacing:.09em; }

.doctrine::after { content:'REMOTE OPTION / VERIFIED FIRST'; position:absolute; right:clamp(24px,7vw,110px); top:48px; color:rgba(21,24,21,.42); font:600 8px/1 var(--mono); letter-spacing:.16em; }
.doctrine-sequence article { position:relative; transition:background-color .3s ease,padding-left .3s ease; }
.doctrine-sequence article:hover { background:rgba(21,24,21,.035); }
.robot-route { background:linear-gradient(90deg,rgba(21,24,21,.035),transparent 65%); }

.asset-chain { display:grid; grid-template-columns:minmax(120px,1fr) minmax(30px,.45fr) minmax(150px,1fr) minmax(30px,.45fr) minmax(160px,1fr); align-items:center; margin-top:34px; border-block:1px solid rgba(128,181,199,.2); color:#9aaba9; font:500 9px/1.55 var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.asset-chain span { min-height:108px; padding:17px 12px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(125deg,rgba(128,181,199,.07),transparent); }
.asset-chain b { color:var(--red); font-weight:500; }
.asset-chain i { height:1px; background:linear-gradient(90deg,var(--xray),rgba(128,181,199,.12)); position:relative; }
.asset-chain i::after { content:''; position:absolute; right:0; top:-3px; width:7px; height:7px; border-right:1px solid var(--xray); border-top:1px solid var(--xray); transform:rotate(45deg); }

@media (max-width:680px) {
  .hero-image { background-position:54% center; }
  .visor-condensation { inset:18px 0; opacity:.44; -webkit-mask-image:radial-gradient(circle 82px at var(--visor-x) var(--visor-y),transparent 0 55%,rgba(0,0,0,.25) 67%,#000 79%); mask-image:radial-gradient(circle 82px at var(--visor-x) var(--visor-y),transparent 0 55%,rgba(0,0,0,.25) 67%,#000 79%); }
  .visor-clear { top:132px; right:18px; bottom:auto; min-width:0; background:rgba(7,10,9,.64); }
  .visor-clear-copy { padding-right:10px; }
  .visor-clear-copy small { display:none; }
  .doctrine::after { top:38px; right:28px; max-width:135px; text-align:right; line-height:1.5; }
  .doctrine-sequence { gap:10px; border-top:0; }
  .doctrine-sequence article,.doctrine-sequence article + article { min-height:240px; padding:28px 22px; overflow:hidden; border:1px solid rgba(21,24,21,.18); background:linear-gradient(145deg,rgba(21,24,21,.055),transparent 66%); }
  .doctrine-sequence article::after { content:''; position:absolute; left:0; top:0; width:34px; height:3px; background:var(--red); }
  .doctrine-sequence span { position:absolute; right:10px; top:13px; color:rgba(21,24,21,.12); font:800 78px/.8 var(--display); letter-spacing:-.08em; }
  .doctrine-sequence h3 { margin:105px 0 12px; font-size:36px; letter-spacing:-.04em; }
  .doctrine-sequence p { margin-bottom:0; }
  .asset-chain { grid-template-columns:1fr 24px 1fr; }
  .asset-chain span { min-height:96px; }
  .asset-chain span:last-child { grid-column:1/-1; margin-top:12px; }
  .asset-chain i:last-of-type { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .visor-condensation { transition:none; backdrop-filter:none; }
  .visor-clear { opacity:1; transform:none; transition:none; }
  .hero.visor-cleared .hero-image { filter:sepia(.1) saturate(.78) contrast(1.1); }
}