:root {
  --black: #070909;
  --hull: #0b0e0e;
  --panel: #101515;
  --red: #c22e2e;
  --red-hot: #e1554f;
  --green: #6aa58c;
  --green-hot: #a2d9b8;
  --ice: #c9dcdf;
  --muted: #8b9a98;
  --line: rgba(188, 211, 205, .18);
  --display: 'Sora', sans-serif;
  --mono: 'Chivo Mono', monospace;
  --depth-pct: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--black); color: #d9e2df; font-family: var(--display); font-size: 16px; line-height: 1.65; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 80; box-shadow: inset 0 0 180px rgba(0, 0, 0, .85); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
::selection { background: var(--red); color: white; }

.skip-link { position: fixed; z-index: 200; top: 12px; left: 12px; transform: translateY(-150%); background: var(--ice); color: var(--black); padding: 10px 16px; font-family: var(--mono); font-size: 12px; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 2px solid var(--green-hot); outline-offset: 4px; }
.grain { position: fixed; inset: -60%; z-index: 79; pointer-events: none; opacity: .075; 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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); animation: grainShift .22s steps(2) infinite; }
.red-wash { position: fixed; inset: 0; z-index: 2; pointer-events: none; opacity: .18; background: radial-gradient(circle at 25% 10%, rgba(194, 46, 46, .42), transparent 42%), linear-gradient(90deg, rgba(150, 12, 12, .12), transparent 35%); mix-blend-mode: screen; animation: battlePulse 7s ease-in-out infinite; }

.site-header { position: fixed; z-index: 90; top: 0; left: 0; right: 0; height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 42px; border-bottom: 1px solid rgba(203, 220, 215, .12); background: linear-gradient(180deg, rgba(6,8,8,.95), rgba(6,8,8,.68) 76%, transparent); backdrop-filter: blur(7px); font-family: var(--mono); }
.wordmark { justify-self: start; display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 12px; letter-spacing: .22em; }
.wordmark b { color: var(--red-hot); font-weight: 500; }
.wordmark-mark { width: 12px; height: 12px; border: 1px solid var(--green); border-radius: 50%; box-shadow: inset 0 0 0 3px var(--black), inset 0 0 0 6px var(--green); }
.site-header nav { display: flex; gap: 38px; }
.site-header nav a { position: relative; display: grid; place-items: center; min-height: 44px; color: #a7b4b1; font-size: 10px; letter-spacing: .2em; }
.site-header nav a::after { content:''; position:absolute; bottom:7px; left:50%; width:0; height:1px; background:var(--red-hot); transition:.25s ease; }
.site-header nav a:hover::after { left:0; width:100%; }
.sound-toggle { justify-self: end; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(203,220,215,.18); background: #090c0c; cursor: pointer; font-family: var(--mono); font-size: 9px; letter-spacing: .16em; }
.sound-led { width: 7px; height: 7px; border-radius: 50%; background: #4f5c59; }
.sound-toggle[aria-pressed="true"] { border-color: rgba(194,46,46,.55); }
.sound-toggle[aria-pressed="true"] .sound-led { background: var(--red-hot); box-shadow: 0 0 12px var(--red); }

.depth-instrument { position: fixed; z-index: 70; top: 112px; right: 23px; bottom: 48px; width: 44px; display: flex; flex-direction: column; align-items: center; pointer-events: none; font-family: var(--mono); }
.depth-readout { writing-mode: vertical-rl; display: flex; align-items: baseline; gap: 4px; color: var(--ice); font-size: 15px; letter-spacing: .12em; }
.depth-readout small { font-size: 8px; color: var(--red-hot); }
.depth-track { position: relative; flex: 1; width: 1px; margin: 18px 0; background: rgba(204,220,216,.16); }
.depth-fill { position: absolute; top: 0; left: -1px; width: 3px; height: calc(var(--depth-pct) * 1%); background: linear-gradient(var(--red-hot), #682220); box-shadow: 0 0 10px rgba(194,46,46,.5); }
.depth-track i { position: absolute; top: var(--tick); right: 8px; transform: translateY(-50%); color: #596663; font-size: 7px; font-style: normal; }
.depth-track i::after { content:''; position:absolute; top:50%; left:calc(100% + 5px); width:8px; height:1px; background:#596663; }
.depth-caption { writing-mode: vertical-rl; color: #596663; font-size: 7px; letter-spacing: .18em; }

main { position: relative; z-index: 3; }
.hero { position: relative; min-height: 100svh; overflow: hidden; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(520px, 1.3fr); grid-template-rows: 1fr auto; align-items: center; gap: 30px; padding: 112px 8vw 52px 7vw; background: radial-gradient(circle at 8% 42%, rgba(194,46,46,.27), transparent 28%), linear-gradient(110deg, #100b0b 0 38%, #070909 57%); }
.hero::after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,transparent,var(--red),transparent); box-shadow:0 0 40px 8px rgba(194,46,46,.2); }
.hero-rails span { position:absolute; z-index:0; top:0; bottom:0; width:1px; background:rgba(218,228,224,.07); transform:skewX(-9deg); }
.hero-rails span:first-child { left: 33%; } .hero-rails span:last-child { left: 37%; }
.hero-copy { position: relative; z-index: 4; align-self: center; padding-top: 8vh; }
.eyebrow, .signal-label, .section-index { margin: 0 0 22px; font-family: var(--mono); text-transform: uppercase; letter-spacing: .22em; font-size: 9px; color: #91a09d; }
.hero h1 { margin: 0; font-size: clamp(52px, 6.7vw, 112px); line-height: .82; letter-spacing: -.075em; font-weight: 750; }
.hero h1 span { display:block; }
.hero h1 span:last-child { color: transparent; -webkit-text-stroke: 1px rgba(218, 226, 224, .56); transform: translateX(3.8vw); }
.hero-deck { margin: 30px 0 0; color: #a9b5b2; font-size: clamp(14px, 1.2vw, 18px); line-height: 1.6; }
.periscope-wrap { position: relative; z-index: 3; width: min(64vw, 850px); justify-self: end; }
.periscope-wrap::before, .periscope-wrap::after { content:''; position:absolute; z-index:3; top:50%; width:9vw; height:1px; background:#4f605d; }
.periscope-wrap::before { left:-5vw; } .periscope-wrap::after { right:-5vw; }
.periscope { position: relative; aspect-ratio: 16/9; overflow: hidden; border: 1px solid rgba(202,220,217,.35); border-radius: 50% / 15%; box-shadow: 0 0 0 12px #080a0a, 0 0 0 13px #303837, 0 28px 90px #000; background:#0a1114; clip-path: ellipse(49% 47% at 50% 50%); }
.scope-image { position:absolute; inset:-7%; background-image:linear-gradient(180deg,rgba(0,31,43,.18),rgba(2,10,12,.48)),url('/assets/gen/silentrunning/hero.jpg'); background-size:cover; background-position:center 53%; filter:saturate(.68) contrast(1.16) brightness(.84) hue-rotate(8deg); animation:scopeDrift 18s ease-in-out infinite alternate; transform:scale(1.07); }
.scope-scrim { position:absolute; inset:0; background:radial-gradient(ellipse at center,transparent 34%,rgba(0,7,9,.64) 73%,#020505 100%),repeating-linear-gradient(0deg,rgba(182,221,224,.03) 0 1px,transparent 1px 4px); }
.scope-scrim::after { content:''; position:absolute; left:-20%; right:-20%; top:14%; height:7%; background:linear-gradient(transparent,rgba(193,236,241,.11),transparent); filter:blur(6px); animation:scanline 7s linear infinite; }
.scope-crosshair span { position:absolute; background:rgba(203,229,226,.43); box-shadow:0 0 4px rgba(201,227,224,.25); }
.scope-crosshair span:first-child { left:50%; top:8%; bottom:8%; width:1px; }
.scope-crosshair span:last-child { top:50%; left:8%; right:8%; height:1px; }
.scope-crosshair::before, .scope-crosshair::after { content:''; position:absolute; left:50%; top:50%; border:1px solid rgba(204,230,226,.55); border-radius:50%; transform:translate(-50%,-50%); }
.scope-crosshair::before { width:28px;height:28px; }.scope-crosshair::after { width:5px;height:5px;background:var(--red);border:0;box-shadow:0 0 9px var(--red); }
.bearing { position:absolute; z-index:2; left:21%; right:21%; top:9%; display:flex; justify-content:space-between; align-items:flex-end; color:rgba(225,238,236,.65); font-family:var(--mono); font-size:8px; }
.bearing b { color:white; font-size:10px; }
.bearing span::before,.bearing b::before { content:''; display:block; width:1px; height:6px; margin:0 auto 3px; background:currentColor; }
.scope-data { position:absolute; z-index:2; left:16%; right:16%; bottom:11%; display:flex; justify-content:space-between; color:rgba(216,234,233,.72); font-family:var(--mono); font-size:8px; letter-spacing:.1em; }
.scope-caption { position:absolute; z-index:2; left:50%; bottom:21%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; color:white; text-align:center; text-shadow:0 2px 12px #000; }
.scope-caption b { font-size:clamp(14px,1.4vw,20px); letter-spacing:.32em; }.scope-caption span { margin-top:5px;font-family:var(--mono);font-size:7px;letter-spacing:.18em;color:#c9d8d6; }
.hero-status { align-self:end; display:flex; gap:30px; color:#7d8b87; font-family:var(--mono); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.hero-status b { margin-right:4px; color:#adb9b7; font-weight:400; }
.dive-command { justify-self:end; display:flex; align-items:center; gap:16px; min-height:48px; font-family:var(--mono); font-size:9px; letter-spacing:.22em; color:#b9c5c2; }
.dive-command i { position:relative; width:36px;height:36px;border:1px solid rgba(190,210,206,.26);border-radius:50%;transition:.3s ease; }
.dive-command i::after { content:'';position:absolute;left:50%;top:45%;width:6px;height:6px;border-right:1px solid var(--red-hot);border-bottom:1px solid var(--red-hot);transform:translate(-50%,-50%) rotate(45deg); }
.dive-command:hover i { transform:translateY(5px);border-color:var(--red-hot); }

.reveal { opacity:0; transform:translateY(18px); animation:loadReveal .9s cubic-bezier(.2,.7,.2,1) forwards; animation-delay:var(--delay,0s); }
.content-shell { width:min(1220px,calc(100% - 12vw)); margin:0 auto; }
.briefing { padding:150px 0 130px; }
.briefing-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start; }
.section-index { padding-top:24px;border-top:1px solid var(--line);color:#63716e; }
.signal-label { color:var(--red-hot); }
h2 { margin:0; font-size:clamp(44px,6vw,90px);line-height:.98;letter-spacing:-.06em;font-weight:650; }
h2 em { color:transparent;-webkit-text-stroke:1px #75817f;font-style:normal; }
.brief-copy { padding-top:48px; }
.brief-copy p { max-width:650px;color:#9fadaa; }
.brief-copy .lede { margin-top:0;font-size:clamp(18px,1.6vw,23px);line-height:1.7;color:#ced7d4; }
blockquote { margin:60px 0 0;padding:25px 0 0 28px;border-top:1px solid var(--red);border-left:1px solid var(--red);font-size:clamp(19px,2vw,27px);line-height:1.55;color:#d8e1de; }
blockquote cite { display:block;margin-top:18px;font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:#71807c;font-style:normal; }
.status-strip { margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0b1010; }
.status-strip span { display:flex;flex-direction:column;padding:22px 24px;border-right:1px solid var(--line);font-family:var(--mono);font-size:13px;color:#c2ceca; }
.status-strip span:last-child { border:0; }.status-strip small { margin-bottom:6px;color:#60706c;font-size:7px;letter-spacing:.16em; }.status-strip .status-red { color:var(--red-hot);background:rgba(194,46,46,.07); }

.sonar-narrative { position:relative;display:grid;grid-template-columns:52% 48%;min-height:300vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#07100e 0 52%,#0b0e0e 52%); }
.sonar-sticky { position:relative;min-height:100%; }
.sonar-frame { position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(39,92,68,.16),transparent 60%),#06100d; }
#sonarCanvas { display:block;width:min(47vw,760px);height:min(47vw,760px);max-height:88vh;aspect-ratio:1;filter:drop-shadow(0 0 24px rgba(77,154,112,.13)); }
.sonar-grid { position:absolute;width:min(43vw,700px);max-height:82vh;aspect-ratio:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(115,182,147,.09) 0 .3deg,transparent .3deg 15deg);mask-image:radial-gradient(circle,transparent 0 16%,#000 16.3% 16.6%,transparent 16.9% 32%,#000 32.3% 32.6%,transparent 32.9% 49%,#000 49.3% 49.6%,transparent 49.9% 65%,#000 65.3% 65.6%,transparent 65.9% 82%,#000 82.3% 82.7%,transparent 83%); }
.sonar-heading { position:absolute;top:8%;left:11%;right:11%;display:flex;justify-content:space-between;color:#486959;font-family:var(--mono);font-size:8px; }
.sonar-heading span:nth-child(2),.sonar-heading span:nth-child(5){color:#8cc4a4;}
.contact-readout { position:absolute;left:7%;bottom:8%;display:flex;flex-direction:column;font-family:var(--mono); }
.contact-readout small {font-size:7px;letter-spacing:.2em;color:#557464}.contact-readout strong{font-family:var(--display);font-size:clamp(24px,3vw,48px);line-height:1.05;color:var(--green-hot);letter-spacing:-.04em}.contact-readout span{font-size:9px;letter-spacing:.12em;color:#678677}.contact-readout b{color:#b8dac7;font-weight:400}
.sweep-status { position:absolute;right:7%;bottom:8%;font-family:var(--mono);font-size:7px;letter-spacing:.14em;color:#607c6e; }.sweep-status span {display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);}
.contact-chapters { position:relative;z-index:2; }
.contact-card { min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 11% 100px;border-bottom:1px solid var(--line); }
.contact-card:last-child {border-bottom:0}.contact-number,.classification {font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:#53635f}.contact-number{margin-bottom:auto;padding-top:3vh}.classification{margin:0 0 27px;color:var(--green)}.classification.danger{color:var(--red-hot)}
.contact-card h3 {margin:0 0 30px;font-size:clamp(31px,3.2vw,50px);line-height:1.08;letter-spacing:-.045em;font-weight:550}.contact-card>p:not(.classification){max-width:570px;color:#9ba8a5}.contact-card em{color:#d8e3df;font-style:normal}
.contact-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 0;border-top:1px solid var(--line);}.contact-card dl div{padding:16px 10px 0 0}.contact-card dt{font-family:var(--mono);font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#5c6c68}.contact-card dd{margin:5px 0 0;font-family:var(--mono);font-size:11px;color:#c6cfcc}

.thermal { display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;padding:160px 0;align-items:center; }
.thermal-copy>p:not(.signal-label){color:#98a6a2;max-width:520px}.thermal-copy h2{margin-bottom:35px}.layer-key{display:flex;flex-direction:column;gap:10px;margin-top:40px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#7f8f8b}.layer-key i{display:inline-block;width:18px;height:2px;margin-right:10px;vertical-align:middle}.key-ice{background:#6b9fb3}.key-warm{background:var(--green)}.key-boat{background:var(--red-hot)}
.thermal-diagram{position:relative;border:1px solid var(--line);background:#081010;box-shadow:0 35px 80px rgba(0,0,0,.35)}.thermal-diagram::before{content:'THERMOCLINE / LIVE';position:absolute;z-index:1;top:18px;left:20px;font-family:var(--mono);font-size:7px;letter-spacing:.17em;color:#738e87}.thermal-diagram svg{display:block;width:100%;height:auto}.diagram-caption{display:flex;justify-content:space-between;padding:15px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:#5f7771}.diagram-caption b{color:var(--green);font-weight:400}

.routine { position:relative;padding:160px 5vw 180px;margin-top:30px;margin-bottom:90px;border:1px solid rgba(194,46,46,.28);background:linear-gradient(135deg,rgba(194,46,46,.15),transparent 42%),#0d0e0e;box-shadow:0 0 80px rgba(194,46,46,.08),inset 0 0 100px rgba(0,0,0,.45); }
.routine::before,.routine::after{content:'';position:absolute;width:38px;height:38px;border-color:var(--red-hot);opacity:.8}.routine::before{top:16px;left:16px;border-top:1px solid;border-left:1px solid}.routine::after{right:16px;bottom:16px;border-right:1px solid;border-bottom:1px solid}.routine-intro{width:48%;}.routine-intro>p:last-child{max-width:480px;color:#a7b3b0}.routine-intro h2{margin-bottom:30px}.rules-list{width:58%;margin:80px 0 0 auto;padding:0;list-style:none;border-top:1px solid rgba(194,46,46,.35)}.rules-list li{display:grid;grid-template-columns:70px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.rules-list li>span{font-family:var(--mono);font-size:9px;color:var(--red-hot)}.rules-list b{font-size:clamp(19px,2vw,27px);font-weight:500}.rules-list p{margin:5px 0 0;color:#788581;font-size:13px}.routine-seal{position:absolute;left:7%;bottom:12%;width:190px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(194,46,46,.35);border-radius:50%;transform:rotate(-9deg);color:var(--red-hot);font-family:var(--mono);opacity:.7}.routine-seal::before{content:'';position:absolute;inset:9px;border:1px dashed rgba(194,46,46,.35);border-radius:50%}.routine-seal span,.routine-seal small{font-size:7px;letter-spacing:.22em}.routine-seal b{font-family:var(--display);font-size:28px;letter-spacing:.08em}

.transit{padding:130px 0 170px}.transit-head{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.transit-summary{max-width:430px;color:#85928f}.logbook{margin-top:90px;border-top:1px solid #38413f}.logbook article{display:grid;grid-template-columns:100px 90px 1fr 65px;gap:25px;align-items:baseline;padding:28px 18px 28px 0;border-bottom:1px solid var(--line);transition:.25s ease}.logbook article:hover{background:linear-gradient(90deg,rgba(106,165,140,.06),transparent);padding-left:18px}.logbook time{font-family:var(--mono);font-size:17px;color:#d7dfdc}.logbook article>span,.logbook article>i{font-family:var(--mono);font-size:9px;color:#6d7d79;font-style:normal}.logbook article>i{text-align:right;color:var(--green)}.logbook b{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#a9b6b2;font-weight:400}.logbook p{margin:5px 0 0;color:#667570;font-size:12px}.logbook .critical{border-left:2px solid var(--red);padding-left:16px;background:rgba(194,46,46,.04)}.logbook .critical b{color:var(--red-hot)}

.final-contact{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:140px 9vw;background:radial-gradient(circle at 70% 45%,rgba(58,117,85,.18),transparent 39%),#050b09;border-block:1px solid rgba(106,165,140,.22)}
.final-rings{position:absolute;right:-7vw;top:50%;width:min(65vw,950px);aspect-ratio:1;transform:translateY(-50%)}.final-rings i{position:absolute;inset:var(--ring);border:1px solid rgba(106,165,140,.13);border-radius:50%}.final-rings i:nth-child(1){--ring:0}.final-rings i:nth-child(2){--ring:12%}.final-rings i:nth-child(3){--ring:24%}.final-rings i:nth-child(4){--ring:36%;border-color:rgba(106,165,140,.3);box-shadow:0 0 35px rgba(106,165,140,.08)}.final-rings::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--green-hot);box-shadow:0 0 25px 8px rgba(106,165,140,.35);animation:contactBlink 2.4s ease-out infinite}
.final-copy{position:relative;z-index:2;width:min(1080px,100%);justify-self:start}.final-copy h2{font-size:clamp(64px,10vw,160px);line-height:.82}.final-copy h2 span{color:var(--green-hot);text-shadow:0 0 35px rgba(106,165,140,.25)}.final-copy>p:not(.signal-label){max-width:650px;margin:50px 0 0;font-size:clamp(17px,1.5vw,22px);color:#9baca6}.decision{display:flex;flex-direction:column;gap:7px;margin-top:45px;padding-left:20px;border-left:2px solid var(--red)}.decision span,.decision b{font-family:var(--mono);font-size:8px;letter-spacing:.16em}.decision span{color:#65756f}.decision b{color:var(--red-hot);font-weight:400}.morse{position:absolute;z-index:2;right:8vw;bottom:8%;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono);color:#729682}.morse span,.morse small{font-size:7px;letter-spacing:.18em}.morse div{font-size:23px;letter-spacing:.25em;color:var(--green-hot);text-shadow:0 0 10px var(--green)}

.epilogue{padding:180px 0 160px;text-align:center}.epilogue h2{font-size:clamp(48px,7vw,100px)}.epilogue>p:not(.eyebrow){max-width:760px;margin:45px auto 0;color:#a0ada9;font-size:clamp(17px,1.5vw,21px)}.epilogue-rule{width:1px;height:100px;margin:70px auto 30px;background:linear-gradient(var(--red),transparent)}.epilogue>span{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:#586662}

footer{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:45px 5vw;border-top:1px solid var(--line);background:#050707;font-family:var(--mono);font-size:9px;letter-spacing:.09em;color:#82908c}footer p{margin:0}.footer-mark{justify-self:start;display:flex;align-items:center;gap:8px;color:#9aa7a3}.footer-mark span{display:block;width:24px;height:1px;background:#4c5a56}.footer-mark b{font-weight:400}.footer-mark+ p{justify-self:center}footer nav{justify-self:end;display:flex;gap:25px}footer a{display:flex;align-items:center;min-height:44px;transition:color .2s}footer a:hover{color:var(--green-hot)}

/* Guide */
.guide-page{background:radial-gradient(circle at 100% 0,rgba(194,46,46,.18),transparent 30%),var(--black)}
.guide-hero{position:relative;min-height:68svh;display:flex;flex-direction:column;justify-content:center;padding:150px 8vw 90px;border-bottom:1px solid var(--line);overflow:hidden}.guide-hero::after{content:'';position:absolute;right:-8vw;bottom:-25vw;width:62vw;aspect-ratio:1;border:1px solid rgba(106,165,140,.16);border-radius:50%;box-shadow:0 0 0 8vw rgba(106,165,140,.03),0 0 0 16vw rgba(106,165,140,.025)}.guide-kicker{position:relative;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--red-hot)}.guide-hero h1{position:relative;z-index:2;max-width:1000px;margin:22px 0 0;font-size:clamp(54px,9vw,140px);line-height:.84;letter-spacing:-.07em}.guide-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #9ba8a5}.guide-deck{position:relative;z-index:2;max-width:570px;margin:38px 0 0;color:#b1bcb9;font-size:clamp(16px,1.5vw,21px)}
.guide-main{width:min(1040px,calc(100% - 12vw));margin:0 auto;padding:110px 0 140px}.guide-section{display:grid;grid-template-columns:220px 1fr;gap:70px;padding:65px 0;border-bottom:1px solid var(--line)}.guide-section:first-child{padding-top:0}.guide-section h2{font-size:13px;line-height:1.4;letter-spacing:.08em;color:var(--ice)}.guide-section h2 span{display:block;margin-bottom:8px;font-family:var(--mono);font-size:8px;letter-spacing:.2em;color:var(--red-hot)}.guide-body p{margin:0 0 22px;color:#a6b2af}.guide-body p:last-child{margin-bottom:0}.guide-body strong{color:#dce4e1;font-weight:550}.guide-body code{padding:2px 5px;background:rgba(106,165,140,.1);color:var(--green-hot);font-family:var(--mono);font-size:.85em}.token-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:28px}.token{min-height:95px;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;border:1px solid var(--line);font-family:var(--mono);font-size:7px;letter-spacing:.08em}.token i{display:block;width:18px;height:18px;margin-bottom:auto;border-radius:50%;background:var(--swatch);box-shadow:0 0 15px color-mix(in srgb,var(--swatch),transparent 50%)}.type-specimen{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-specimen div{padding:20px;border:1px solid var(--line)}.type-specimen b{display:block;font-size:24px}.type-specimen div:last-child b{font-family:var(--mono);font-size:18px;font-weight:400}.type-specimen span{font-family:var(--mono);font-size:7px;color:#61706d}.prompt-card{position:relative;padding:35px;border-left:2px solid var(--red);background:linear-gradient(90deg,rgba(194,46,46,.09),transparent);color:#c2cdca;font-family:var(--mono);font-size:12px;line-height:1.8}.prompt-card::before{content:'PROMPT / 01';position:absolute;right:18px;top:12px;color:#6a7673;font-size:7px;letter-spacing:.15em}

@keyframes loadReveal{to{opacity:1;transform:none}}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}@keyframes battlePulse{0%,72%,100%{opacity:.14}76%{opacity:.3}78%{opacity:.16}82%{opacity:.26}}@keyframes scopeDrift{from{transform:scale(1.07) translate3d(-1%,0,0)}to{transform:scale(1.16) translate3d(2%,-1.5%,0)}}@keyframes scanline{from{transform:translateY(-140%)}to{transform:translateY(1050%)}}@keyframes contactBlink{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:scale(2.2)}}

@media(max-width: 1050px){
  .site-header{padding:0 28px}.depth-instrument{right:10px}.hero{display:block;min-height:100svh;padding:0 5vw}.hero-copy{position:absolute;z-index:5;top:29%;left:54%;width:40%;padding:0}.hero h1{font-size:clamp(48px,7vw,72px)}.hero h1 span:last-child{transform:translateX(1.8vw)}.hero-deck{font-size:14px}.periscope-wrap{position:absolute;left:5%;bottom:13%;width:68vw}.hero-status{position:absolute;right:5%;bottom:6%;width:34%;display:grid;gap:6px;font-size:8px}.dive-command{position:absolute;left:37%;bottom:5%;justify-self:auto}.content-shell{width:calc(100% - 12vw)}.briefing-grid{gap:6vw}.routine{width:calc(100% - 8vw)}footer{grid-template-columns:auto 1fr}footer .footer-mark{display:none}.footer-mark+p{justify-self:start}footer nav{grid-column:2;grid-row:1}
}

@media(max-width: 760px){
  body::before{box-shadow:inset 0 0 75px rgba(0,0,0,.7)}.grain{opacity:.045}.site-header{height:66px;grid-template-columns:auto 1fr auto;padding:0 14px}.site-header nav{justify-self:center;gap:4px}.site-header nav a{padding:0 8px;font-size:8px;letter-spacing:.1em}.wordmark{font-size:10px;letter-spacing:.12em}.wordmark-mark{display:none}.sound-toggle{width:44px;padding:0;justify-content:center}.sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.depth-instrument{top:88px;bottom:24px;right:5px;width:25px}.depth-readout{font-size:11px}.depth-track i{display:none}.depth-caption{font-size:6px}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding:96px 28px 32px 22px;background:radial-gradient(circle at 20% 24%,rgba(194,46,46,.28),transparent 36%),#080a0a}.hero-copy{position:relative;top:auto;left:auto;width:auto;padding:0;z-index:5}.eyebrow{margin-bottom:15px;font-size:7px}.hero h1{font-size:clamp(49px,15vw,72px);line-height:.84}.hero h1 span:last-child{transform:translateX(7vw)}.hero-deck{margin-top:20px;font-size:13px}.periscope-wrap{position:relative;left:auto;bottom:auto;width:104%;margin:16px 0 10px -2%;justify-self:auto}.periscope{box-shadow:0 0 0 7px #080a0a,0 0 0 8px #303837,0 20px 50px #000}.scope-data{left:18%;right:18%;font-size:5px}.scope-caption{bottom:22%}.scope-caption b{font-size:12px}.scope-caption span{font-size:5px}.bearing{font-size:5px}.hero-status{position:relative;right:auto;bottom:auto;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:clamp(24px,6vh,50px)}.hero-status span{font-size:7px}.hero-status span:last-child{grid-column:1/-1;color:var(--red-hot)}.dive-command{position:absolute;left:auto;right:26px;bottom:28px}.dive-command span{position:absolute;width:1px;height:1px;overflow:hidden}.hero-rails{display:none}.content-shell{width:calc(100% - 48px)}.briefing{padding:100px 0 85px}.briefing-grid{grid-template-columns:1fr;gap:10px}.brief-copy{padding-top:15px}.brief-copy .lede{font-size:16px}.brief-copy p{font-size:13px}.status-strip{grid-template-columns:1fr 1fr;margin-top:60px}.status-strip span{padding:16px 14px}.status-strip span:nth-child(2){border-right:0}.status-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}h2{font-size:clamp(40px,12vw,57px)}blockquote{margin-top:40px;padding:20px 0 0 18px;font-size:17px}.sonar-narrative{display:block;min-height:auto;background:#0b0e0e}.sonar-sticky{position:sticky;z-index:5;top:66px;height:40vh;min-height:280px}.sonar-frame{position:relative;height:100%;border-bottom:1px solid var(--line)}#sonarCanvas{width:min(84vw,340px);height:min(84vw,340px)}.sonar-grid{width:min(72vw,300px);max-height:34vh}.sonar-heading{top:7%;font-size:6px}.contact-readout{left:18px;bottom:14px}.contact-readout strong{font-size:23px}.sweep-status{right:18px;bottom:14px}.contact-chapters{margin-top:0}.contact-card{min-height:62vh;padding:68px 25px 55px}.contact-card h3{font-size:31px}.contact-card dl{margin-top:35px}.contact-card .contact-number{margin-bottom:48px;padding-top:0}.thermal{grid-template-columns:1fr;padding:105px 0;gap:45px}.thermal-copy>p:not(.signal-label){font-size:13px}.layer-key{font-size:8px}.thermal-diagram{width:calc(100% + 24px);margin-left:-12px}.thermal-diagram::before{font-size:8px}.thermal-diagram svg text{font-size:17px}.diagram-caption{font-size:7px}.routine{width:calc(100% - 24px);padding:80px 22px 85px;margin-bottom:60px}.routine-intro{width:100%}.routine-intro>p:last-child{font-size:13px}.rules-list{width:100%;margin-top:50px}.rules-list li{grid-template-columns:35px 1fr;gap:12px;padding:20px 0}.rules-list b{font-size:18px}.rules-list p{font-size:11px}.routine-seal{position:relative;left:auto;bottom:auto;margin:45px auto 0;width:115px}.transit{padding:90px 0 120px}.transit-head{grid-template-columns:1fr;gap:30px}.transit-summary{font-size:13px}.logbook{margin-top:60px}.logbook article{grid-template-columns:58px 1fr 35px;gap:10px;padding:20px 0}.logbook article>span{grid-column:1}.logbook article>div{grid-column:2;grid-row:1/3}.logbook article>i{grid-column:3;grid-row:1/3}.logbook time{font-size:13px}.logbook p{font-size:10px}.logbook .critical{padding-left:10px}.final-contact{min-height:95svh;padding:110px 24px}.final-rings{width:120vw;right:-55vw}.final-copy h2{font-size:clamp(54px,17vw,78px)}.final-copy>p:not(.signal-label){font-size:15px;margin-top:35px}.morse{right:24px;bottom:7%;max-width:80%;text-align:right}.morse div{font-size:17px}.morse small{line-height:1.5}.epilogue{padding:120px 0 105px}.epilogue>p:not(.eyebrow){font-size:14px}.epilogue-rule{height:65px;margin:50px auto 25px}footer{display:flex;flex-direction:column;align-items:flex-start;padding:35px 24px;gap:10px}footer .footer-mark+p{order:2}footer nav{order:1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;width:100%}footer nav a:first-child{grid-column:1/-1}footer a{min-height:44px}
  .guide-hero{min-height:62svh;padding:105px 24px 55px}.guide-hero h1{font-size:clamp(50px,16vw,76px)}.guide-main{width:calc(100% - 48px);padding:80px 0 100px}.guide-section{grid-template-columns:1fr;gap:25px;padding:45px 0}.guide-section h2{font-size:15px}.token-grid{grid-template-columns:1fr 1fr}.token{min-height:80px}.token:last-child{grid-column:1/-1;min-height:64px}.type-specimen{grid-template-columns:1fr}.prompt-card{padding:35px 20px 24px;font-size:10px}
}

body.contact-alert .red-wash{opacity:.32;animation-duration:2.8s;background:radial-gradient(circle at 28% 12%,rgba(225,54,49,.55),transparent 45%),linear-gradient(90deg,rgba(150,12,12,.2),transparent 50%)}

@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}.grain,.red-wash,.scope-image,.scope-scrim::after,.final-rings::after{animation:none}.scope-image{transform:scale(1.08)}.reveal{opacity:1;transform:none;animation:none}*{transition-duration:.01ms!important}}

/* Pass 2 — command-room composition and semantic dive instrumentation */
body { color:#dfe8e5; background:
  radial-gradient(circle at 18% 22%,rgba(119,18,18,.13),transparent 31%),
  linear-gradient(115deg,#090b0b,#050808 62%,#07100e); }
body::after { content:'';position:fixed;z-index:1;inset:0;pointer-events:none;opacity:.24;background:
  repeating-linear-gradient(90deg,transparent 0 calc(12.5vw - 1px),rgba(174,205,197,.025) calc(12.5vw - 1px) 12.5vw),
  linear-gradient(105deg,transparent 0 49.8%,rgba(159,184,178,.045) 50%,transparent 50.2%); }
.red-wash { opacity:.22;background:radial-gradient(ellipse at 12% 25%,rgba(194,46,46,.58),transparent 38%),linear-gradient(100deg,rgba(116,7,7,.2),transparent 48%); }
.site-header { background:linear-gradient(180deg,rgba(4,7,7,.98),rgba(4,7,7,.82));box-shadow:0 18px 45px rgba(0,0,0,.24); }
.site-header nav a,.hero-status,.contact-card>p:not(.classification),.thermal-copy>p:not(.signal-label),.transit-summary { color:#aab7b3; }

.chapter-ping { position:fixed;z-index:86;right:74px;top:50%;width:260px;height:110px;display:flex;flex-direction:column;justify-content:center;padding-left:96px;opacity:0;pointer-events:none;transform:translateY(-50%);font-family:var(--mono); }
.chapter-ping i { position:absolute;left:28px;top:50%;width:16px;height:16px;border:1px solid var(--green-hot);border-radius:50%;transform:translate(-50%,-50%); }
.chapter-ping i::before,.chapter-ping i::after { content:'';position:absolute;inset:-1px;border:1px solid var(--green);border-radius:50%; }
.chapter-ping span { color:#6f8d81;font-size:7px;letter-spacing:.18em; }
.chapter-ping b { color:var(--green-hot);font-size:11px;font-weight:400;letter-spacing:.14em; }
.chapter-ping.is-active { animation:pingNotice 1.65s cubic-bezier(.16,.7,.2,1) both; }
.chapter-ping.is-active i::before { animation:chapterRing 1.4s ease-out both; }
.chapter-ping.is-active i::after { animation:chapterRing 1.4s .16s ease-out both; }

.depth-instrument { right:26px;top:104px;bottom:34px;width:50px; }
.depth-instrument::before { content:'CRUSH 612 M';position:absolute;right:49px;bottom:1px;width:max-content;color:#763c39;font-family:var(--mono);font-size:6px;letter-spacing:.16em; }
.depth-track { width:2px;background:linear-gradient(#42524f,#202928); }
.depth-fill { width:4px;left:-1px;background:linear-gradient(#e55750 0,#b62828 45%,#652020 100%);box-shadow:0 0 18px rgba(230,50,45,.65);transition:height .18s linear; }
.depth-context { position:absolute;right:50px;top:52%;width:150px;display:flex;flex-direction:column;align-items:flex-end;color:#61706c;font-family:var(--mono);font-size:6px;letter-spacing:.16em;transform:translateY(-50%); }
.depth-context::after { content:'';width:42px;height:1px;margin-top:8px;background:linear-gradient(90deg,transparent,var(--red-hot)); }
.depth-context b { margin-top:3px;color:#c4cfcc;font-size:8px;font-weight:400; }

.hero { min-height:100svh;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(580px,1.22fr);grid-template-areas:'copy scope' 'status dive';grid-template-rows:1fr auto;gap:24px 5vw;padding:108px 6vw 42px;background:radial-gradient(circle at 10% 44%,rgba(202,36,36,.38),transparent 31%),linear-gradient(108deg,#160b0b 0 33%,#080a0a 56%,#040707); }
.hero::before { content:'';position:absolute;inset:76px 0 0;pointer-events:none;background:linear-gradient(transparent 47%,rgba(184,211,205,.1) 47.15%,transparent 47.3%),linear-gradient(90deg,transparent 49.9%,rgba(184,211,205,.08) 50%,transparent 50.1%); }
.hero-copy { grid-area:copy;align-self:center;padding:0;transform:translateY(-2vh); }
.hero h1 { font-size:clamp(64px,7.3vw,116px);line-height:.77;letter-spacing:-.085em; }
.hero h1 span:last-child { transform:translateX(2.4vw);-webkit-text-stroke-color:rgba(218,226,224,.72); }
.hero-deck { margin-top:38px;color:#c0cbc7;font-size:clamp(15px,1.24vw,19px); }
.periscope-wrap { grid-area:scope;width:min(59vw,920px);justify-self:end;align-self:center;filter:drop-shadow(-35px 40px 50px rgba(0,0,0,.7)); }
.periscope-wrap::before,.periscope-wrap::after { width:13vw;background:linear-gradient(90deg,transparent,#71827e,transparent); }
.periscope { border-color:rgba(212,232,228,.5);border-radius:50% / 22%;box-shadow:0 0 0 10px #050707,0 0 0 11px #4c5a57,0 35px 100px #000; }
.scope-legend { display:flex;justify-content:space-between;margin:0 10% 10px;color:#62736f;font-family:var(--mono);font-size:7px;letter-spacing:.16em; }
.scope-legend b { color:#79ad94;font-weight:400; }
.scope-image { --scope-y:0px;inset:-9%;filter:saturate(.62) contrast(1.2) brightness(.78) hue-rotate(8deg);animation:scopeDriftPass2 19s cubic-bezier(.38,0,.24,1) infinite alternate; }
.scope-scrim { background:radial-gradient(ellipse at center,transparent 24%,rgba(0,7,9,.5) 67%,#010404 100%),linear-gradient(180deg,rgba(167,205,214,.12),transparent 34%),repeating-linear-gradient(0deg,rgba(182,221,224,.035) 0 1px,transparent 1px 4px); }
.ice-ceiling { position:absolute;z-index:1;inset:0 0 auto;height:22%;opacity:.67;clip-path:polygon(0 0,100% 0,100% 35%,89% 56%,76% 39%,66% 72%,53% 46%,42% 76%,30% 49%,18% 70%,0 44%);background:linear-gradient(#b9d0d2,#43616a 38%,#14262c);mix-blend-mode:screen;filter:blur(.4px); }
.bearing,.scope-data,.scope-caption { z-index:3; }
.hero-status { grid-area:status;align-self:end;gap:18px;font-size:8px; }
.dive-command { grid-area:dive;justify-self:end; }
.action-banner { position:absolute;z-index:5;left:0;top:76px;bottom:0;width:34px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:42px 0 36px;border-right:1px solid rgba(225,73,67,.23);background:rgba(100,13,13,.11);font-family:var(--mono);writing-mode:vertical-rl; }
.action-banner b { color:var(--red-hot);font-size:8px;letter-spacing:.25em; }
.action-banner span { color:#788784;font-size:6px;letter-spacing:.2em; }

.briefing { padding:180px 0 150px; }
.briefing-grid { grid-template-columns:.78fr 1.22fr; }
.briefing-grid>div:first-child { position:sticky;top:120px; }
.brief-copy { border-left:1px solid rgba(194,46,46,.28);padding-left:4vw; }
.status-strip { box-shadow:0 26px 70px rgba(0,0,0,.28); }

.sonar-narrative { grid-template-columns:56% 44%;background:linear-gradient(90deg,#04110d 0 56%,#0a0d0d 56%); }
.sonar-frame::before { content:'BQC–7 / PASSIVE ARRAY';position:absolute;left:7%;top:8%;color:#5f796d;font-family:var(--mono);font-size:7px;letter-spacing:.18em; }
.sonar-frame::after { content:'NO ACTIVE EMISSION';position:absolute;right:7%;top:8%;padding:6px 8px;border:1px solid rgba(194,46,46,.34);color:#c95751;font-family:var(--mono);font-size:6px;letter-spacing:.16em; }
.contact-card { position:relative;overflow:hidden;padding-inline:12%;background:linear-gradient(115deg,rgba(255,255,255,.012),transparent 54%); }
.contact-card::before { content:attr(data-bearing)'°';position:absolute;right:-.04em;top:12%;color:transparent;-webkit-text-stroke:1px rgba(127,151,143,.09);font-family:var(--mono);font-size:clamp(100px,13vw,210px);line-height:1;letter-spacing:-.12em; }
.contact-card::after { content:'';position:absolute;left:0;top:0;width:2px;height:0;background:var(--green);box-shadow:0 0 18px var(--green);transition:height .8s cubic-bezier(.16,.7,.2,1); }
.contact-card:hover::after { height:100%; }
.contact-card h3 { position:relative;font-size:clamp(36px,3.5vw,56px);font-weight:600; }
.contact-card dl { position:relative; }
body[data-contact='unknown'] .sonar-frame { background:radial-gradient(circle,rgba(81,102,79,.14),transparent 46%),linear-gradient(135deg,rgba(119,16,16,.16),transparent 54%),#06100d; }
body[data-contact='unknown'] .contact-readout strong,body[data-contact='contact'] .contact-readout strong { color:#f07a6f;text-shadow:0 0 24px rgba(194,46,46,.35); }

.thermal { grid-template-columns:.68fr 1.32fr;padding:190px 0; }
.thermal-diagram { transform:translateX(3vw);box-shadow:-30px 40px 110px rgba(0,0,0,.65),0 0 50px rgba(46,113,94,.06); }
.routine { overflow:hidden;padding-top:180px;background:radial-gradient(circle at 12% 70%,rgba(194,46,46,.22),transparent 28%),linear-gradient(135deg,rgba(194,46,46,.13),transparent 44%),#0b0d0d; }
.routine::marker { content:''; }
.routine-intro::before { content:'09';position:absolute;right:4%;top:0;color:transparent;-webkit-text-stroke:1px rgba(206,67,61,.1);font-size:26vw;font-weight:800;line-height:.8;letter-spacing:-.13em; }
.rules-list { position:relative;z-index:2; }
.rules-list li { transition:transform .35s cubic-bezier(.16,.7,.2,1),background .35s; }
.rules-list li:hover { transform:translateX(-14px);background:linear-gradient(90deg,rgba(194,46,46,.1),transparent); }
.logbook article { position:relative; }
.logbook article::before { content:'';position:absolute;left:-18px;top:50%;width:5px;height:5px;border:1px solid var(--green);border-radius:50%;transform:translateY(-50%); }

.final-contact { min-height:110svh;background:radial-gradient(circle at 72% 48%,rgba(58,117,85,.24),transparent 32%),linear-gradient(90deg,#050908,#07120e 70%,#030605); }
.final-copy h2 { letter-spacing:-.075em; }
.final-copy>p:not(.signal-label) { color:#b6c3be; }
.final-rings { animation:ringBreathe 8s ease-in-out infinite; }

.epilogue { position:relative;width:100%;max-width:none;min-height:92svh;display:grid;grid-template-columns:.65fr 1.35fr;grid-template-areas:'count copy' 'debrief copy' 'end end';align-items:center;gap:34px 7vw;padding:150px 9vw 80px;text-align:left;background:linear-gradient(100deg,rgba(110,17,17,.16),transparent 42%),radial-gradient(circle at 78% 38%,rgba(55,107,88,.08),transparent 30%); }
.epilogue::before { content:'';position:absolute;left:34%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,var(--red),transparent); }
.epilogue-count { grid-area:count;align-self:end;display:flex;align-items:flex-end;gap:14px;font-family:var(--mono); }
.epilogue-count span { color:transparent;-webkit-text-stroke:1px rgba(106,165,140,.55);font-family:var(--display);font-size:clamp(110px,16vw,240px);font-weight:750;line-height:.7;letter-spacing:-.1em; }
.epilogue-count b { color:#749186;font-size:8px;font-weight:400;letter-spacing:.2em; }
.epilogue-copy { grid-area:copy;max-width:820px; }
.epilogue-copy h2 { font-size:clamp(62px,8vw,122px);line-height:.87; }
.epilogue-copy>p:not(.eyebrow) { max-width:690px;margin:44px 0 0;color:#b7c2bf;font-size:clamp(17px,1.45vw,21px); }
.epilogue-debrief { grid-area:debrief;align-self:start;display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 0;border-top:1px solid var(--line); }
.epilogue-debrief div { padding:16px 12px 0 0; }
.epilogue-debrief dt { color:#62716d;font-family:var(--mono);font-size:6px;letter-spacing:.15em; }
.epilogue-debrief dd { margin:5px 0 0;color:#c6d1cd;font-family:var(--mono);font-size:9px; }
.epilogue-end { grid-area:end;justify-self:center;color:#667570;font-family:var(--mono);font-size:7px;letter-spacing:.18em; }

/* Field manual is spatially related to the dive, but behaves like a chart rather than a blog. */
.guide-page .site-header { position:absolute;background:linear-gradient(180deg,rgba(4,7,7,.95),transparent); }
.guide-page .red-wash { opacity:.16; }
.guide-hero { min-height:82svh;padding:150px max(8vw,72px) 100px;background:linear-gradient(100deg,rgba(97,14,14,.18),transparent 52%); }
.guide-hero::before { content:'FIELD / 104';position:absolute;right:7vw;top:19%;color:rgba(180,201,195,.12);font-family:var(--mono);font-size:clamp(32px,5vw,72px);letter-spacing:.14em;writing-mode:vertical-rl; }
.guide-hero::after { right:3vw;bottom:-37vw;width:78vw;border-color:rgba(106,165,140,.2);box-shadow:0 0 0 8vw rgba(106,165,140,.035),0 0 0 16vw rgba(194,46,46,.025),0 0 0 24vw rgba(106,165,140,.02); }
.guide-hero h1 { max-width:1150px;font-size:clamp(64px,9.6vw,154px); }
.guide-deck { max-width:650px;color:#c2cdca; }
.guide-calibration { position:absolute;z-index:2;right:8vw;bottom:70px;width:min(54vw,760px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(106,165,140,.25);font-family:var(--mono); }
.guide-calibration span { position:relative;padding:15px 12px 0;color:#70807b;font-size:6px;letter-spacing:.12em; }
.guide-calibration span::before { content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(106,165,140,.55); }
.guide-calibration b { display:block;margin-bottom:3px;color:#bdcbc6;font-size:9px;font-weight:400; }
.guide-main { position:relative;width:min(1180px,calc(100% - 12vw));padding:130px 0 170px; }
.guide-main::before { content:'';position:absolute;left:248px;top:80px;bottom:120px;width:1px;background:linear-gradient(transparent,rgba(106,165,140,.25) 8%,rgba(194,46,46,.2) 80%,transparent); }
.guide-section { grid-template-columns:248px 1fr;gap:90px;padding:82px 0; }
.guide-section h2 { position:relative;font-size:15px; }
.guide-section h2::after { content:'';position:absolute;right:-8px;top:7px;width:14px;height:14px;border:1px solid var(--green);border-radius:50%;background:var(--black);box-shadow:inset 0 0 0 4px var(--black),inset 0 0 0 7px var(--green); }
.guide-body { font-size:16px;line-height:1.75; }
.guide-body p { color:#b3bfbb; }
.token { background:linear-gradient(145deg,rgba(255,255,255,.025),transparent); }
.type-specimen div { min-height:110px;display:flex;flex-direction:column;justify-content:space-between; }
.prompt-card { padding:46px 42px 38px;box-shadow:inset 30px 0 70px rgba(194,46,46,.06); }

@keyframes pingNotice { 0%{opacity:0;transform:translateY(-50%) translateX(22px)}12%,65%{opacity:1;transform:translateY(-50%) translateX(0)}100%{opacity:0;transform:translateY(-50%) translateX(-18px)} }
@keyframes chapterRing { from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(5.5)} }
@keyframes scopeDriftPass2 { from{transform:scale(1.1) translate3d(-1%,var(--scope-y),0)}to{transform:scale(1.18) translate3d(2%,calc(var(--scope-y) - 8px),0)} }
@keyframes ringBreathe { 0%,100%{transform:translateY(-50%) scale(.96);opacity:.72}50%{transform:translateY(-50%) scale(1.04);opacity:1} }

@media (max-width:1050px) and (min-width:761px) {
  .hero { display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'copy copy' 'scope scope' 'dive status';grid-template-rows:auto 1fr auto;gap:20px;padding:122px 6vw 44px; }
  .hero-copy { position:relative;top:auto;left:auto;width:58%;padding:0;transform:none; }
  .hero h1 { font-size:clamp(62px,9vw,82px); }
  .hero-deck { margin-top:25px; }
  .periscope-wrap { position:relative;left:auto;bottom:auto;width:78vw;justify-self:center;align-self:center; }
  .hero-status { position:relative;right:auto;bottom:auto;width:auto;justify-self:end;display:grid;gap:5px; }
  .dive-command { position:relative;left:auto;bottom:auto;justify-self:start; }
  .action-banner { width:28px; }
  .briefing-grid>div:first-child { position:relative;top:auto; }
  .thermal-diagram { transform:none; }
  .epilogue { grid-template-columns:.6fr 1.4fr;padding-inline:7vw; }
  .guide-hero { min-height:72svh;padding-inline:8vw; }
  .guide-main::before { left:205px; }
  .guide-section { grid-template-columns:205px 1fr;gap:58px; }
  .guide-section h2::after { right:-8px; }
}

@media (max-width:760px) {
  body { font-size:15px; }
  .chapter-ping { right:29px;top:69%;width:210px;height:82px;padding-left:78px; }
  .depth-context { display:none; }
  .depth-instrument::before { display:none; }
  .action-banner { top:66px;left:0;right:0;bottom:auto;width:auto;height:24px;display:flex;flex-direction:row;padding:0 23px;border:0;border-bottom:1px solid rgba(225,73,67,.23);writing-mode:initial; }
  .action-banner b { font-size:6px; }.action-banner span { font-size:5px; }
  .hero { min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding-top:112px; }
  .hero-copy { margin-top:clamp(70px,13vh,112px); }
  .hero h1 { font-size:clamp(50px,15.4vw,66px); }
  .hero h1 span:last-child { transform:translateX(4vw); }
  .hero-deck { margin-top:18px;color:#c6d0cd; }
  .periscope-wrap { width:102%;margin-top:22px; }
  .periscope-wrap.reveal { display:block;flex:0 0 190px;height:190px;align-self:center;opacity:1;transform:none;animation:none; }
  .periscope { width:100%;height:170px;aspect-ratio:auto; }
  .scope-legend { margin-bottom:7px;font-size:5px; }
  .ice-ceiling { height:18%; }
  .hero-status { margin-top:clamp(18px,4vh,35px); }
  .briefing-grid>div:first-child { position:relative;top:auto; }
  .brief-copy { border-left:0;padding-left:0; }
  .sonar-frame::before { left:18px;top:12px;font-size:5px; }
  .sonar-frame::after { right:14px;top:10px;font-size:5px; }
  .contact-card::before { top:10%;font-size:100px; }
  .contact-card h3 { font-size:33px; }
  .thermal-diagram { transform:none; }
  .routine-intro::before { right:-2%;top:12%;font-size:45vw; }
  .rules-list li:hover { transform:none; }
  .final-contact { min-height:100svh; }
  .epilogue { width:100%;min-height:auto;display:grid;grid-template-columns:1fr;grid-template-areas:'count' 'copy' 'debrief' 'end';gap:42px;padding:110px 24px 90px; }
  .epilogue::before { left:24px;right:24px;top:31%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--red),transparent); }
  .epilogue-count { justify-content:flex-start; }.epilogue-count span { font-size:40vw; }.epilogue-count b { padding-bottom:4px; }
  .epilogue-copy h2 { font-size:clamp(50px,14vw,68px); }
  .epilogue-copy>p:not(.eyebrow) { margin-top:30px;font-size:15px; }
  .epilogue-debrief { grid-template-columns:1fr 1fr;gap:14px; }.epilogue-debrief div:last-child { grid-column:1/-1; }
  .epilogue-end { justify-self:start;line-height:1.8; }
  .guide-page .site-header { position:absolute; }
  .guide-hero { min-height:74svh;padding:118px 24px 70px; }
  .guide-hero::before { right:2px;top:26%;font-size:24px; }
  .guide-hero h1 { font-size:clamp(52px,16vw,70px);line-height:.82; }
  .guide-calibration { position:relative;right:auto;bottom:auto;width:100%;grid-template-columns:1fr 1fr;gap:16px 0;margin-top:42px; }
  .guide-main { padding-top:72px; }
  .guide-main::before { left:4px;top:45px;bottom:70px; }
  .guide-section { grid-template-columns:1fr;padding:54px 0;gap:28px; }
  .guide-section h2 { padding-left:18px; }
  .guide-section h2::after { left:-2px;right:auto;top:5px;width:11px;height:11px; }
  .guide-body { font-size:15px; }
  .prompt-card { padding:42px 20px 28px; }
}

@media(prefers-reduced-motion:reduce) {
  .chapter-ping,.final-rings { animation:none!important; }
  .chapter-ping { display:none; }
  .scope-image { animation:none;transform:scale(1.1); }
  .depth-fill { transition:none; }
}

/* Pass 3 — local film optics, one-emission command, and final instrument finish */
html {
  scrollbar-color:#762926 #050707;
  scrollbar-width:thin;
}
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#050707; }
::-webkit-scrollbar-thumb { border:2px solid #050707;border-radius:10px;background:linear-gradient(#a4322e,#4b201f); }
::-webkit-scrollbar-thumb:hover { background:#c43a35; }
::selection { background:#9f2929;color:#f3fbf9;text-shadow:none; }

body { font-optical-sizing:auto; }
h1,h2,h3,.guide-hero h1 { text-wrap:balance; }
p,blockquote { text-wrap:pretty; }
.depth-readout,.depth-context,.hero-status,.bearing,.scope-data,.contact-readout,.contact-card dl,.logbook,.epilogue-debrief,.guide-calibration {
  font-variant-numeric:tabular-nums slashed-zero;
  font-feature-settings:'tnum' 1,'zero' 1;
}
.wordmark,.site-header nav a,.sound-toggle,footer a,.dive-command { transition:color .32s cubic-bezier(.16,.7,.2,1),border-color .32s cubic-bezier(.16,.7,.2,1),background-color .32s cubic-bezier(.16,.7,.2,1); }
.wordmark:hover { color:#fff; }
.wordmark:hover .wordmark-mark { border-color:var(--green-hot);box-shadow:inset 0 0 0 3px var(--black),inset 0 0 0 6px var(--green-hot),0 0 16px rgba(106,165,140,.35); }
.site-header nav a:hover,.site-header nav a:focus-visible { color:#eef6f3; }
.sound-toggle:hover,.sound-toggle:focus-visible { border-color:rgba(162,217,184,.55);background:#0c1211; }
.dive-command:hover,.dive-command:focus-visible { color:#fff; }
footer a { position:relative; }
footer a::after { content:'';position:absolute;left:0;bottom:8px;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,.7,.2,1); }
footer a:hover::after,footer a:focus-visible::after { transform:scaleX(1);transform-origin:left; }

.scope-media {
  --scope-y:0px;
  position:absolute;
  inset:-9%;
  overflow:hidden;
  filter:saturate(.68) contrast(1.16) brightness(.82) hue-rotate(7deg);
  animation:scopeFilmDrift 17s cubic-bezier(.38,0,.24,1) infinite alternate;
  transform:scale(1.1) translate3d(-1%,var(--scope-y),0);
  will-change:transform;
}
.scope-film,.scope-poster { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%; }
.scope-film { display:block;background:#081012; }
.scope-poster { opacity:0; }
.scope-media.film-fallback .scope-film { display:none; }
.scope-media.film-fallback .scope-poster { opacity:1; }
.scope-shutter { position:absolute;z-index:9;inset:0;pointer-events:none; }
.scope-shutter::before,.scope-shutter::after { content:'';position:absolute;left:0;right:0;height:51%;background:linear-gradient(90deg,#020303,#0b1110 47%,#020303);box-shadow:0 0 28px #000; }
.scope-shutter::before { top:0;transform-origin:top;animation:shutterTop 1.35s .24s cubic-bezier(.76,0,.24,1) both; }
.scope-shutter::after { bottom:0;transform-origin:bottom;animation:shutterBottom 1.35s .24s cubic-bezier(.76,0,.24,1) both; }

.command-wave { position:fixed;z-index:88;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;opacity:0; }
.command-wave i { position:absolute;width:18vmin;aspect-ratio:1;border:1px solid rgba(173,235,200,.8);border-radius:50%;box-shadow:0 0 45px rgba(106,165,140,.26),inset 0 0 45px rgba(106,165,140,.1); }
.command-wave i:last-of-type { border-color:rgba(194,46,46,.65); }
.command-wave span { position:absolute;left:50%;top:50%;padding:7px 10px;background:#07100ee6;color:var(--green-hot);font-family:var(--mono);font-size:8px;letter-spacing:.2em;transform:translate(-50%,-50%);white-space:nowrap; }
.command-wave.is-active { animation:commandWaveField 2.5s cubic-bezier(.16,.7,.2,1) both; }
.command-wave.is-active i:first-child { animation:commandRing 2.2s cubic-bezier(.1,.6,.16,1) both; }
.command-wave.is-active i:last-of-type { animation:commandRing 2.2s .18s cubic-bezier(.1,.6,.16,1) both; }
.command-wave.is-active span { animation:commandLabel 2.2s ease both; }
body.rescue-impact main { animation:hullImpact .58s cubic-bezier(.2,.7,.2,1) both; }
body.rescue-revealed .final-contact { background:radial-gradient(circle at 72% 48%,rgba(72,151,107,.34),transparent 34%),linear-gradient(90deg,#050908,#07140f 70%,#030605); }
body.rescue-revealed .final-rings { filter:drop-shadow(0 0 28px rgba(106,165,140,.2)); }

.break-silence { position:relative;width:min(430px,100%);min-height:76px;display:grid;grid-template-columns:1fr 52px;grid-template-rows:auto auto;align-items:center;margin-top:42px;padding:15px 16px 15px 20px;border:1px solid rgba(194,46,46,.48);background:linear-gradient(90deg,rgba(116,15,15,.28),rgba(7,13,12,.86));color:#dbe5e2;text-align:left;cursor:pointer;overflow:hidden; }
.break-silence::before { content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(225,85,79,.13) 50%,transparent 66%);transform:translateX(-100%);transition:transform .7s cubic-bezier(.16,.7,.2,1); }
.break-silence:hover::before,.break-silence:focus-visible::before { transform:translateX(100%); }
.break-silence span { grid-column:1;color:#8a716d;font-family:var(--mono);font-size:7px;letter-spacing:.19em; }
.break-silence strong { grid-column:1;color:#f07870;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.2em; }
.break-silence i { grid-column:2;grid-row:1/3;position:relative;width:42px;aspect-ratio:1;border:1px solid rgba(225,85,79,.6);border-radius:50%; }
.break-silence i::before,.break-silence i::after { content:'';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%; }
.break-silence i::before { width:8px;aspect-ratio:1;background:var(--red-hot);box-shadow:0 0 15px rgba(225,85,79,.7); }
.break-silence i::after { width:22px;aspect-ratio:1;border:1px solid rgba(225,85,79,.34); }
.break-silence:hover,.break-silence:focus-visible { border-color:#e15b54;background-color:#17100f; }
.break-silence[aria-pressed='true'] { border-color:rgba(106,165,140,.65);background:linear-gradient(90deg,rgba(22,75,51,.34),rgba(7,13,12,.9)); }
.break-silence[aria-pressed='true'] span { color:#749a87; }
.break-silence[aria-pressed='true'] strong { color:var(--green-hot); }
.break-silence[aria-pressed='true'] i { border-color:var(--green); }
.break-silence[aria-pressed='true'] i::before { background:var(--green-hot);box-shadow:0 0 18px rgba(162,217,184,.8); }
.contact-result { display:flex;flex-direction:column;margin:22px 0 0!important;padding-left:20px;border-left:2px solid var(--green);opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,.7,.2,1); }
.contact-result[hidden] { display:none; }
.contact-result.is-visible { opacity:1;transform:none; }
.contact-result span { color:#739381;font-family:var(--mono);font-size:7px;letter-spacing:.18em; }
.contact-result b { margin-top:5px;color:var(--green-hot);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em; }

@keyframes scopeFilmDrift { from{transform:scale(1.1) translate3d(-1%,var(--scope-y),0)}to{transform:scale(1.16) translate3d(1.5%,calc(var(--scope-y) - 6px),0)} }
@keyframes shutterTop { from{transform:scaleY(1)}to{transform:scaleY(0)} }
@keyframes shutterBottom { from{transform:scaleY(1)}to{transform:scaleY(0)} }
@keyframes commandWaveField { 0%{opacity:0;background:rgba(194,46,46,.08)}8%,55%{opacity:1}100%{opacity:0;background:rgba(5,18,13,0)} }
@keyframes commandRing { 0%{opacity:0;transform:scale(.15)}8%{opacity:1}100%{opacity:0;transform:scale(12)} }
@keyframes commandLabel { 0%,8%{opacity:0;letter-spacing:.34em}18%,58%{opacity:1;letter-spacing:.2em}100%{opacity:0;letter-spacing:.08em} }
@keyframes hullImpact { 0%,100%{transform:none}20%{transform:translate3d(2px,-1px,0)}38%{transform:translate3d(-2px,1px,0)}60%{transform:translate3d(1px,0,0)} }

@media (max-width:760px) {
  ::-webkit-scrollbar { width:4px; }
  .scope-media { inset:-8%; }
  .break-silence { min-height:72px;margin-top:34px; }
  .command-wave span { font-size:6px;letter-spacing:.14em; }
  .contact-result b { font-size:9px;line-height:1.6; }
}

@media (prefers-reduced-motion:reduce) {
  .scope-media { animation:none!important;transform:scale(1.1); }
  .scope-film { display:none!important; }
  .scope-poster { opacity:1!important; }
  .scope-shutter { display:none; }
  .command-wave { display:none; }
  body.rescue-impact main { animation:none; }
  .contact-result { opacity:1;transform:none; }
}