:root {
  --royal: #1737d1;
  --deep: #0a145b;
  --ink: #071040;
  --cyan: #47dcf4;
  --pale: #eafcff;
  --white: #f7feff;
  --magenta: #ff2f9b;
  --acid: #c7f743;
  --break: 0;
  --mono: 'IBM Plex Mono', monospace;
  --display: 'Outfit', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--deep); scrollbar-color:var(--magenta) var(--deep); scrollbar-width:thin; }
body { margin: 0; color: var(--white); background: var(--deep); font-family: var(--display); font-optical-sizing:auto; font-kerning:normal; text-rendering:optimizeLegibility; overflow-x: clip; }
::selection{color:var(--white);background:var(--magenta);text-shadow:none}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--magenta),var(--cyan));border:3px solid var(--deep);border-radius:99px}
a { color: inherit; }
button { font: inherit; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 12px 18px; color: var(--ink); background: var(--acid); transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--acid); outline-offset: 4px; }
.grain { position: fixed; z-index: 90; inset: 0; opacity: .055; pointer-events: none; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.eyebrow { margin: 0 0 22px; font: 600 11px/1.2 var(--mono); font-variant-numeric:tabular-nums slashed-zero; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow.dark { color: var(--royal); }
.site-header { position: absolute; z-index: 40; top: 0; left: 0; display: flex; align-items: center; width: 100%; min-height: 94px; padding: 18px 5vw; border-bottom: 1px solid rgba(255,255,255,.25); }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font: 600 9px/1.25 var(--mono); letter-spacing: .12em; }
.brand-mark { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid currentColor; border-radius: 50%; font-size: 21px; font-weight: 800; }
.brand-mark span { color: var(--magenta); }
.brand-mark{transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .3s}.brand:hover .brand-mark{transform:rotate(12deg);background:rgba(255,255,255,.08)}
.site-header nav { display: flex; gap: 2.6vw; margin: auto; }
.site-header nav a { position: relative; min-height: 44px; display: grid; place-items: center; text-decoration: none; font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.site-header nav a::after { content: ''; position: absolute; bottom: 8px; left: 0; width: 100%; height: 2px; background: var(--magenta); transform: scaleX(0); transform-origin: right; transition: transform .35s; }
.site-header nav a:hover::after,.site-header nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.audio-toggle { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 14px; color: inherit; border: 1px solid rgba(255,255,255,.45); background: rgba(7,16,64,.18); cursor: pointer; font: 600 10px var(--mono); letter-spacing: .08em; }
.audio-led { width: 7px; height: 7px; background: rgba(255,255,255,.55); border-radius: 50%; }
.audio-toggle[aria-pressed="true"] .audio-led { background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.audio-toggle{transition:background-color .25s,border-color .25s,transform .25s}.audio-toggle:hover{background:rgba(71,220,244,.15);border-color:var(--cyan);transform:translateY(-2px)}
.altitude-rail { position: fixed; z-index: 70; top: 50%; right: 19px; display: grid; justify-items: center; gap: 9px; transform: translateY(-50%); color: var(--white); mix-blend-mode: difference; pointer-events: none; }
.altitude-rail__label, .altitude-readout { font: 600 8px/1 var(--mono); letter-spacing: .08em; writing-mode: vertical-rl; }
.altitude-readout { min-height: 58px; }
.altitude-rail__track { position: relative; width: 2px; height: 168px; background: rgba(255,255,255,.3); }
.altitude-rail__fill { position: absolute; top: 0; width: 100%; height: var(--scroll-pct, 0%); background: currentColor; }
.altitude-rail__marker { position: absolute; top: var(--scroll-pct, 0%); left: 50%; width: 9px; height: 9px; background: var(--magenta); border: 2px solid white; border-radius: 50%; transform: translate(-50%,-50%); }
.hero { position: relative; min-height: 100svh; overflow: hidden; background: radial-gradient(circle at 72% 24%, rgba(255,225,176,.93) 0 5%, rgba(255,177,166,.3) 13%, transparent 34%), linear-gradient(165deg, #08134f 0%, #1737d1 37%, #2799e6 70%, #85ebf2 100%); }
.hero::after { content: ''; position: absolute; right: -8%; bottom: -24%; width: 80%; height: 56%; border-radius: 50%; background: rgba(255,255,255,.72); filter: blur(45px); transform: rotate(-8deg); }
.sun-disc { position: absolute; right: 17%; top: 18%; width: 14vw; aspect-ratio: 1; min-width: 130px; background: #ffe9c6; border-radius: 50%; box-shadow: 0 0 80px 25px rgba(255,210,190,.32); }
.contrails i { position: absolute; z-index: 1; width: 74vw; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent); transform: rotate(-19deg); }
.contrails i:nth-child(1) { top: 31%; left: -19%; }.contrails i:nth-child(2) { top: 54%; left: 22%; opacity: .45; }.contrails i:nth-child(3) { top: 14%; left: 29%; opacity: .28; }
.exit-plane { position: absolute; z-index: 4; top: 8%; right: -9%; width: clamp(410px, 58vw, 920px); transform: rotate(4deg); filter: drop-shadow(0 28px 20px rgba(4,9,45,.27)); }
.plane-body { fill: var(--white); }.plane-shadow { fill: rgba(8,18,86,.18); transform: translateY(14px); }.plane-cut { fill: var(--royal); }.exit-plane circle { fill: var(--magenta); }
.hero-copy { position: absolute; z-index: 5; left: 5vw; bottom: 9vh; width: 88vw; }
.hero h1 { margin: 0; font-size: clamp(96px, 19.8vw, 300px); font-weight: 800; line-height: .67; letter-spacing: -.075em; text-transform: uppercase; }
.hero h1 span { display: block; }.hero h1 span:nth-child(2) { margin-left: 18%; color: transparent; -webkit-text-stroke: 2px var(--white); }
.hero-sub { position: absolute; right: 2%; bottom: 1%; width: min(350px, 28vw); }
.hero-sub p { font-size: clamp(17px, 1.6vw, 25px); line-height: 1.15; }.hero-sub .mono { margin-top: 20px; font: 500 10px/1.5 var(--mono); letter-spacing: .08em; }
.exit-count { position: absolute; z-index: 8; top: 26%; left: 7%; display: grid; font: 700 clamp(18px,2vw,32px)/.8 var(--mono); transform: rotate(-12deg); }
.exit-count span { opacity: .35; }.exit-count b { margin-left: 25px; color: var(--cyan); }.exit-count em { margin: 6px 0 0 57px; color: var(--magenta); font-size: 2em; font-style: normal; }
.scroll-cue { position: absolute; z-index: 9; right: 5vw; bottom: 24px; display: flex; align-items: center; gap: 12px; text-decoration: none; text-transform: uppercase; font: 600 9px var(--mono); letter-spacing: .12em; }
.scroll-cue i { position: relative; width: 2px; height: 45px; background: rgba(255,255,255,.35); overflow: hidden; }.scroll-cue i::after { content:''; position:absolute; inset:0; background:white; animation: cue 1.8s ease-in-out infinite; }
.scroll-cue{transition:color .25s}.scroll-cue:hover{color:var(--acid)}
@keyframes cue { from { transform: translateY(-100%); } to { transform: translateY(100%); } }
.load-reveal { opacity: 0; transform: translateY(-60px) scaleY(1.25); animation: drop-in .85s cubic-bezier(.1,.85,.2,1) forwards; }.load-reveal:nth-child(2) { animation-delay:.12s; }.load-reveal:nth-child(3) { animation-delay:.25s; }.exit-count.load-reveal { animation-delay:.42s; }
@keyframes drop-in { 65% { opacity: 1; transform: translateY(7px) scaleY(.97); } 100% { opacity: 1; transform: translateY(0) scaleY(1); } }
.site-header{animation:header-arrive .8s cubic-bezier(.16,1,.3,1) both}.exit-plane{animation:plane-arrive 1.25s .08s cubic-bezier(.16,1,.3,1) both}.sun-disc{animation:sun-arrive 1.6s .18s ease-out both}.exit-swarm i{animation:jumper-arrive .48s calc(.62s + var(--i)*.065s) ease-out both}
@keyframes header-arrive{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes plane-arrive{from{opacity:0;transform:translate(18vw,-5vh) rotate(1deg)}to{opacity:1;transform:rotate(4deg)}}@keyframes sun-arrive{from{opacity:0;filter:blur(12px);transform:scale(.78)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes jumper-arrive{from{opacity:0;filter:blur(3px)}to{filter:blur(0)}}

.formation-sequence { position: relative; min-height: 480vh; background: linear-gradient(180deg, #1638d1 0%, #1355d9 40%, #198bdd 72%, #50cce8 100%); }
.formation-sticky { position: sticky; z-index: 1; top: 0; display: grid; grid-template-columns: 31% 1fr; align-items: center; min-height: 100vh; padding: 8vh 7vw 7vh 5vw; overflow: hidden; }
.formation-heading { position: relative; z-index: 2; align-self: end; padding-bottom: 6vh; }
.formation-heading h2 { margin: 0; font-size: clamp(56px, 7.2vw, 120px); line-height: .77; letter-spacing: -.065em; text-transform: uppercase; }.formation-heading h2 i { color: var(--magenta); font-style: normal; }
.velocity-heading { opacity: .001; transform: translateY(-110px) scaleY(1.3); transition: opacity .15s linear, transform .85s cubic-bezier(.08,.9,.18,1); transform-origin: top; }
.velocity-heading.is-visible { opacity: 1; transform: translateY(0) scaleY(1); }
.formation-board { position: relative; justify-self: end; width: min(64vw, 760px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.05) 0 20%, transparent 21%), rgba(6,18,81,.08); box-shadow: inset 0 0 90px rgba(4,11,62,.15); }
.formation-board::before,.formation-board::after { content:''; position:absolute; z-index:0; inset:50% 0 auto; border-top:1px solid rgba(255,255,255,.22); }.formation-board::after { inset:0 auto 0 50%; border-top:0; border-left:1px solid rgba(255,255,255,.22); }
.board-grid { position:absolute; inset:10%; border:1px dashed rgba(255,255,255,.22); border-radius:50%; }.board-grid::after { content:''; position:absolute; inset:22%; border:1px dashed rgba(255,255,255,.2); border-radius:50%; }
#formation-svg { position: relative; z-index: 2; display:block; width:100%; height:100%; overflow:visible; }
.grip-line { stroke: rgba(234,252,255,.8); stroke-width: 3; stroke-dasharray: 5 7; }
.jumper-dot { fill: var(--royal); stroke: var(--white); stroke-width: 4; filter: drop-shadow(0 6px 8px rgba(4,10,58,.28)); }.jumper-head { fill: var(--magenta); stroke: var(--white); stroke-width:2; }.jumper-limb { stroke: var(--white); stroke-width: 6; stroke-linecap: round; }
.jumper-index { fill: var(--white); font: 700 14px var(--mono); text-anchor: middle; dominant-baseline: middle; pointer-events:none; }
.formation-hud { position: absolute; z-index: 4; inset: 8% 0 auto; display: flex; align-items: baseline; justify-content: space-between; padding: 0 7%; font: 500 10px var(--mono); letter-spacing: .08em; }.formation-hud strong { font: 800 clamp(30px,4.2vw,64px)/1 var(--display); letter-spacing: -.04em; }.formation-hud b { color: var(--magenta); }
.flow-arrow { position: absolute; right: 3%; bottom: 18%; color: var(--magenta); font-size: 72px; transform: rotate(20deg); }
.formation-picker { position: absolute; z-index: 6; right: 7vw; bottom: 4vh; display:flex; border:1px solid rgba(255,255,255,.35); background:rgba(7,16,64,.15); backdrop-filter: blur(8px); }
.formation-picker button { min-height: 46px; padding: 0 15px; color: rgba(255,255,255,.72); border:0; border-right:1px solid rgba(255,255,255,.25); background:transparent; cursor:pointer; font:600 10px var(--mono); transition:color .2s,background-color .2s,transform .2s }.formation-picker button:last-child{border:0}.formation-picker button span{display:none}.formation-picker button.is-active{color:var(--ink);background:var(--acid)}.formation-picker button:hover:not(.is-active){color:var(--white);background:rgba(255,255,255,.13);transform:translateY(-2px)}
.formation-step { position: relative; z-index: 3; display:grid; grid-template-columns:minmax(240px, 30vw) minmax(260px, 34vw); gap:5vw; align-items:end; min-height:100vh; width:83%; padding: 15vh 0 10vh 5vw; pointer-events:none; }
.formation-step--right { margin-left:auto; padding-left:0; padding-right:7vw; grid-template-columns:minmax(260px,34vw) minmax(240px,30vw); }.formation-step--right div{grid-column:2}.formation-step--right p,.formation-step--right code{grid-column:1;grid-row:1;text-align:right}.formation-step div{align-self:center}.point-kicker{font:600 10px var(--mono);letter-spacing:.12em}.formation-step h3{margin:10px 0 0;color:rgba(255,255,255,.95);font-size:clamp(55px,8vw,132px);line-height:.72;letter-spacing:-.065em}.formation-step p{align-self:center;margin:0;padding:24px;background:rgba(7,16,64,.75);box-shadow:12px 12px 0 var(--magenta);font-size:clamp(16px,1.35vw,21px);line-height:1.45}.formation-step code{align-self:end;font:600 10px var(--mono);letter-spacing:.06em}

.ritual { position:relative; display:grid; grid-template-columns: .8fr 1.2fr; gap:7vw; padding: 14vh 7vw; color:var(--ink); background:var(--pale); overflow:hidden; }.ritual::before{content:'CREEP / CREEP / CREEP';position:absolute;right:-3%;top:2%;color:rgba(23,55,209,.06);font-size:11vw;font-weight:800;white-space:nowrap;letter-spacing:-.06em}
.ritual-intro{position:relative;z-index:2}.ritual-intro h2,.signal-copy h2,.deployment h2,.roster-head h2{margin:0;font-size:clamp(64px,8.4vw,142px);line-height:.72;letter-spacing:-.07em}.ritual-intro h2 i{color:var(--magenta);font-style:normal}.ritual-intro>p:last-child{max-width:520px;margin:45px 0 0 12%;font-size:clamp(18px,1.6vw,25px);line-height:1.45}
.creeper-floor{position:relative;align-self:center;min-width:0;margin-top:10vh;border:2px solid var(--royal);background:linear-gradient(135deg,rgba(23,55,209,.05),transparent);box-shadow:16px 16px 0 var(--royal)}.creeper-floor svg{display:block;width:100%}.chalk{fill:none;stroke:rgba(23,55,209,.28);stroke-width:2;stroke-dasharray:8 7}.creepers ellipse{fill:var(--royal)}.creepers circle{fill:var(--magenta)}.creepers path{fill:none;stroke:var(--royal);stroke-width:12;stroke-linecap:round}.floor-mark{position:absolute;padding:5px 8px;color:var(--pale);background:var(--royal);font:600 9px var(--mono);letter-spacing:.1em}.floor-mark--one{left:-2px;top:-25px}.floor-mark--two{right:7%;bottom:4%}.ritual-notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--royal)}.ritual-notes span{padding:14px;border-right:1px solid var(--royal);font:500 9px/1.3 var(--mono)}.ritual-notes span:last-child{border:0}.ritual-notes b{display:block;font-size:20px;color:var(--magenta)}
.superstitions{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1.4fr;gap:4vw;margin-top:11vh;padding-top:5vh;border-top:2px solid var(--ink)}.superstitions ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;list-style:none}.superstitions li{display:flex;gap:25px;min-height:110px;padding:25px;border-left:1px solid rgba(7,16,64,.25);border-bottom:1px solid rgba(7,16,64,.25);font-size:18px}.superstitions li b{color:var(--magenta);font:600 11px var(--mono)}
.signal-culture{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7vw;min-height:105vh;padding:14vh 8vw;color:var(--white);background:radial-gradient(circle at 76% 48%,#2753e7 0 12%,transparent 36%),var(--deep);overflow:hidden}.signal-rings{position:absolute;right:-9vw;top:50%;width:63vw;aspect-ratio:1;transform:translateY(-50%)}.signal-rings i{position:absolute;inset:calc(var(--i,0)*11%);border:1px solid rgba(71,220,244,.24);border-radius:50%}.signal-rings i:nth-child(1){--i:0}.signal-rings i:nth-child(2){--i:1}.signal-rings i:nth-child(3){--i:2}.signal-rings i:nth-child(4){--i:3;background:rgba(255,47,155,.12)}
.signal-copy{position:relative;z-index:2}.signal-copy h2 i{font-style:normal;color:var(--cyan)}.signal-copy>p:last-child{max-width:440px;margin:50px 0 0;font-size:21px;line-height:1.45}.altimeter-panel{position:relative;z-index:2;align-self:center;display:grid;grid-template-columns:220px 1fr;background:rgba(5,13,67,.72);border:1px solid rgba(255,255,255,.35);box-shadow:20px 20px 0 var(--magenta);backdrop-filter:blur(8px)}.altimeter-dial{position:relative;display:grid;place-content:center;aspect-ratio:1;margin:20px;border:1px solid var(--cyan);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(71,220,244,.07)}.altimeter-dial::before{content:'0  .  .  .  4';position:absolute;inset:27px 20px auto;text-align:center;font:500 9px var(--mono);letter-spacing:.7em}.altimeter-dial b{font-size:65px;line-height:.7}.altimeter-dial small{text-align:center;font:600 10px var(--mono)}.dial-hand{position:absolute;left:50%;top:50%;width:35%;height:2px;background:var(--magenta);transform:rotate(-45deg);transform-origin:left}.tone-list{display:flex;flex-direction:column}.tone-list div{display:grid;grid-template-columns:1fr auto;align-items:center;flex:1;padding:17px;border-bottom:1px solid rgba(255,255,255,.2)}.tone-list span,.tone-list b{font:600 10px var(--mono);letter-spacing:.08em}.tone-list i{grid-column:1/-1;color:var(--magenta);font-style:normal;letter-spacing:.7em}.audio-demo{grid-column:1/-1;min-height:52px;color:var(--ink);border:0;background:var(--cyan);cursor:pointer;font:600 10px var(--mono);letter-spacing:.04em}.audio-demo:disabled{color:rgba(255,255,255,.5);background:rgba(255,255,255,.1);cursor:not-allowed}.signal-culture blockquote{position:relative;z-index:2;grid-column:1/-1;max-width:880px;margin:8vh auto 0;text-align:center;font-size:clamp(25px,3vw,46px);font-weight:300;line-height:1.25}.signal-culture cite{display:block;margin-top:22px;color:var(--cyan);font:500 10px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.audio-demo{transition:filter .2s,transform .2s}.audio-demo:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-2px)}

/* Pass 3 — the break wave turns release into a physical threshold */
.break-wave{position:relative;min-height:180vh;color:var(--white);background:radial-gradient(circle at 68% 45%,rgba(37,84,232,.9),transparent 29%),linear-gradient(142deg,#050c3a 0%,#09165f 46%,#1737d1 100%)}
.break-wave::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 78px,rgba(71,220,244,.055) 79px,transparent 81px),linear-gradient(90deg,transparent 49.9%,rgba(71,220,244,.11) 50%,transparent 50.1%);pointer-events:none}
.break-sticky{position:sticky;top:0;display:grid;grid-template-columns:minmax(300px,.76fr) minmax(500px,1.24fr);align-items:center;gap:4vw;min-height:100vh;padding:9vh 7vw;overflow:hidden}
.break-copy{position:relative;z-index:3}.break-copy h2{margin:0;font-size:clamp(64px,7.4vw,118px);font-weight:820;line-height:.69;letter-spacing:-.078em;white-space:nowrap}.break-copy h2 i{color:var(--magenta);font-style:normal}.break-copy>p:last-of-type{max-width:430px;margin:40px 0 0 10%;font-size:clamp(17px,1.45vw,22px);line-height:1.5;text-wrap:pretty}
.break-replay{display:flex;align-items:center;gap:12px;min-height:48px;margin:32px 0 0 10%;padding:0 18px;color:var(--white);border:1px solid rgba(255,255,255,.55);background:rgba(7,16,64,.35);cursor:pointer;font:600 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:color .25s,background-color .25s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.break-replay span{color:var(--magenta);font-size:19px}.break-replay:hover{color:var(--ink);background:var(--acid);transform:translate(4px,-4px);box-shadow:-4px 4px 0 var(--magenta)}
.break-replay:disabled{opacity:.68;cursor:default}
.break-field{position:relative;justify-self:center;width:min(62vw,760px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 42px 80px rgba(0,0,0,.15))}
.break-radar,.break-radar i{position:absolute;inset:0;border:1px solid rgba(71,220,244,.26);border-radius:50%}.break-radar{transform:scale(calc(.28 + var(--break)*.72));opacity:calc(.25 + var(--break)*.75)}.break-radar i:nth-child(1){inset:14%;border-style:dashed}.break-radar i:nth-child(2){inset:29%}.break-radar i:nth-child(3){inset:44%;background:rgba(255,47,155,.08);border-color:rgba(255,47,155,.55)}
.break-field>strong{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:clamp(104px,12vw,160px);aspect-ratio:1;border:1px solid var(--magenta);border-radius:50%;background:rgba(5,12,58,.84);transform:translate(-50%,-50%) scale(calc(.86 + var(--break)*.14));box-shadow:0 0 0 calc(var(--break)*18px) rgba(255,47,155,.08);font:600 8px var(--mono);letter-spacing:.14em}.break-field>strong b{color:var(--white);font:800 clamp(27px,3.6vw,52px)/.8 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.break-field>strong span{color:var(--magenta)}.break-field>strong small{font:600 7px var(--mono)}
.break-jumpers{position:absolute;inset:0}.break-jumpers>i{position:absolute;left:50%;top:50%;width:24px;height:34px;border:3px solid var(--white);border-radius:55% 55% 42% 42%;background:var(--royal);box-shadow:0 0 0 5px rgba(71,220,244,.08),0 10px 24px rgba(0,0,0,.22);transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(calc(-58px - var(--break)*clamp(88px,19vw,260px))) rotate(calc(var(--i)*-45deg));transform-origin:center;transition:filter .25s}
.break-jumpers>i::before{content:'';position:absolute;left:50%;top:-13px;width:9px;height:9px;border:2px solid var(--white);border-radius:50%;background:var(--magenta);transform:translateX(-50%)}.break-jumpers>i::after{content:'';position:absolute;left:50%;top:13px;width:47px;height:3px;border-radius:3px;background:var(--white);transform:translateX(-50%)}.break-jumpers span{position:absolute;left:50%;top:50%;color:var(--white);font:700 8px var(--mono);transform:translate(-50%,-50%)}
.break-field.is-replaying .break-jumpers>i{animation:replay-break 1.05s cubic-bezier(.12,.78,.16,1) both}@keyframes replay-break{0%{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-58px) rotate(calc(var(--i)*-45deg));filter:blur(0)}45%{filter:blur(2px)}100%{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(calc(-58px - clamp(88px,19vw,260px))) rotate(calc(var(--i)*-45deg));filter:blur(0)}}
.break-axis{position:absolute;left:5%;right:5%;top:50%;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.28);transform:rotate(-12deg)}.break-axis span{padding-top:8px;color:rgba(255,255,255,.56);font:600 8px var(--mono);letter-spacing:.1em}
.break-legend{position:absolute;z-index:3;left:7vw;right:7vw;bottom:5vh;display:flex;justify-content:flex-end;gap:28px;color:rgba(255,255,255,.68);font:600 8px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.1em}.break-legend span::before{content:'+';margin-right:8px;color:var(--acid)}

.deployment{position:relative;min-height:180vh;color:var(--ink);background:linear-gradient(#58d5ed 0%,#bdf3f6 48%,#f9fded 100%)}.deployment-sky{position:sticky;top:0;display:grid;place-items:center;height:100vh;overflow:hidden}.deployment-sky::after{content:'';position:absolute;left:-10%;bottom:-12%;width:120%;height:32%;background:rgba(255,255,255,.78);border-radius:50%;filter:blur(35px)}.canopy-wrap{position:relative;z-index:2;width:min(86vw,900px);transform:translateY(calc(28vh - var(--bloom,0)*20vh)) scale(calc(.12 + var(--bloom,0)*.88));transform-origin:50% 80%;filter:drop-shadow(0 35px 25px rgba(10,20,91,.18))}.canopy{display:block;width:100%;overflow:visible}.canopy-skin{transform:scaleY(calc(.1 + var(--bloom,0)*.9));transform-origin:50% 45%;}.cell-lines{fill:none;stroke:rgba(255,255,255,.75);stroke-width:3;}.lines{fill:none;stroke:var(--ink);stroke-width:2;opacity:calc(.2 + var(--bloom,0)*.8)}.pilot circle{fill:var(--magenta)}.pilot path{fill:none;stroke:var(--royal);stroke-width:8;stroke-linecap:round}.deployment-copy{position:relative;z-index:5;margin-top:-78vh;padding:0 7vw 13vh;pointer-events:none}.deployment-copy .eyebrow{color:var(--royal)}.deployment h2{max-width:1000px;font-size:clamp(72px,12vw,190px)}.deployment h2 i{font-style:normal;color:var(--magenta)}.deployment-lede{max-width:620px;margin:48vh 0 0 auto;font-size:clamp(22px,2.4vw,36px);line-height:1.35}.soft-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:820px;margin:12vh 0 0 auto;background:rgba(7,16,64,.25);border:1px solid rgba(7,16,64,.25)}.soft-stats div{padding:30px;background:rgba(234,252,255,.72)}.soft-stats b{font-size:clamp(38px,5vw,72px);letter-spacing:-.06em}.soft-stats b span{margin-left:5px;font:600 10px var(--mono);letter-spacing:0}.soft-stats p{font:500 10px var(--mono);text-transform:uppercase}
.roster{position:relative;padding:14vh 7vw 8vh;color:var(--ink);background:var(--white);overflow:hidden}.roster::after{content:'08';position:absolute;right:-3vw;top:-8vh;color:rgba(23,55,209,.06);font-size:55vw;font-weight:900;line-height:1}.roster-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr}.roster-head h2{grid-column:2}.roster-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:11vh;border-top:2px solid var(--ink);border-left:1px solid rgba(7,16,64,.3)}.roster-grid article{min-height:180px;padding:25px;border-right:1px solid rgba(7,16,64,.3);border-bottom:1px solid rgba(7,16,64,.3)}.roster-grid article:nth-child(3n){transform:translateY(-24px);background:var(--royal);color:white}.roster-grid span{font:600 9px var(--mono);letter-spacing:.1em;color:var(--magenta)}.roster-grid h3{margin:50px 0 7px;font-size:25px}.roster-grid p{margin:0;font:500 10px var(--mono)}.closing-call{position:relative;z-index:2;margin:16vh 0 8vh;text-align:center;font-size:clamp(35px,6vw,90px);font-weight:800;line-height:.92;letter-spacing:-.045em}.closing-call i{color:var(--magenta);font-style:normal}
footer{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:45px 6vw;color:var(--white);background:var(--ink);border-top:1px solid rgba(255,255,255,.2);font:500 10px var(--mono)}.footer-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--cyan);border-radius:50%;font:800 23px var(--display)}.footer-mark span{color:var(--magenta)}footer nav{display:flex;gap:25px}footer a{text-underline-offset:4px}footer a:hover{color:var(--cyan)}
@media(max-width: 900px){
  .site-header{padding:14px 22px}.site-header nav{display:none}.audio-toggle{margin-left:auto}.altitude-rail{right:8px}.hero-copy{bottom:14vh}.hero h1{font-size:24vw}.hero-sub{position:relative;right:auto;bottom:auto;width:65%;margin:36px 0 0 40%}.exit-plane{top:16%;right:-20%;width:80vw}.formation-sticky{grid-template-columns:1fr;padding:12vh 8vw}.formation-heading{position:absolute;top:13vh;left:6vw;align-self:auto}.formation-heading h2{font-size:10vw}.formation-board{width:min(86vw,680px);margin:auto}.formation-picker{right:50%;bottom:4vh;transform:translateX(50%)}.formation-step,.formation-step--right{width:92%;grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.formation-step h3{font-size:10vw}.ritual{grid-template-columns:1fr;padding-left:7vw;padding-right:7vw}.ritual-intro>p:last-child{margin-left:20%}.creeper-floor{width:92%;margin-left:auto}.superstitions{grid-template-columns:1fr}.signal-culture{grid-template-columns:1fr;padding:12vh 8vw}.signal-rings{width:100vw}.altimeter-panel{width:85%;margin-left:auto}.signal-copy h2{font-size:13vw}.deployment h2{font-size:15vw}.roster-head{grid-template-columns:1fr}.roster-head h2{grid-column:1;margin-left:27%}.roster-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:auto 1fr}footer nav{grid-column:1/-1;justify-content:space-between}
}
@media(max-width: 560px){
  .site-header{min-height:76px}.brand-mark{width:44px;height:44px}.brand>span:last-child{display:none}.audio-toggle{padding:0 10px}.altitude-rail{display:none}.hero{min-height:760px}.sun-disc{top:20%;right:12%;min-width:92px}.exit-plane{top:20%;right:-34%;width:130vw}.hero-copy{left:20px;bottom:85px;width:calc(100% - 40px)}.hero h1{font-size:28vw;line-height:.72}.hero h1 span:nth-child(2){margin-left:6%}.hero-sub{width:72%;margin:30px 0 0 auto}.hero-sub p{font-size:17px}.exit-count{top:31%;left:8%}.scroll-cue{right:20px;bottom:14px}.formation-sequence{min-height:440vh}.formation-sticky{padding:8vh 20px}.formation-heading{top:11vh;left:20px}.formation-heading .eyebrow{display:none}.formation-heading h2{font-size:44px;line-height:.76}.formation-board{width:118vw;margin-left:-17vw;margin-top:8vh}.formation-hud{inset:13% 0 auto;padding:0 14%;}.formation-hud strong{font-size:31px}.formation-hud span:last-child{display:none}.formation-picker{width:calc(100% - 40px)}.formation-picker button{flex:1;padding:0 8px}.formation-step,.formation-step--right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;min-height:100vh;padding:0 28px 13vh}.formation-step--right{align-items:flex-end}.formation-step--right div{order:0}.formation-step--right p{order:1;text-align:left}.formation-step--right code{order:2}.formation-step h3{font-size:60px}.formation-step p{width:87%;font-size:15px;padding:18px;box-shadow:8px 8px 0 var(--magenta)}.formation-step code{font-size:8px}.ritual{padding:11vh 24px}.ritual-intro h2,.signal-copy h2,.roster-head h2{font-size:58px}.ritual-intro>p:last-child{margin:32px 0 0 12%;font-size:17px}.creeper-floor{width:100%;margin:8vh 0 0;box-shadow:8px 8px 0 var(--royal)}.ritual-notes{grid-template-columns:1fr}.ritual-notes span{border-right:0;border-bottom:1px solid var(--royal)}.superstitions{margin-top:9vh}.superstitions ol{grid-template-columns:1fr}.superstitions li{min-height:86px;padding:20px 10px}.signal-culture{padding:11vh 24px}.signal-copy>p:last-child{font-size:17px}.altimeter-panel{grid-template-columns:1fr;width:100%;margin:4vh 0 0;box-shadow:9px 9px 0 var(--magenta)}.altimeter-dial{width:210px;justify-self:center}.tone-list div{min-height:72px}.signal-culture blockquote{font-size:22px}.deployment{min-height:170vh}.canopy-wrap{width:130vw}.deployment-copy{padding-left:24px;padding-right:24px}.deployment h2{font-size:66px}.deployment-lede{margin-top:53vh;font-size:21px}.soft-stats{grid-template-columns:1fr;margin-top:8vh}.soft-stats div{padding:20px}.roster{padding:11vh 24px 6vh}.roster-head h2{margin-left:13%}.roster-grid{grid-template-columns:1fr;margin-top:8vh}.roster-grid article{min-height:130px}.roster-grid article:nth-child(3n){transform:none}.roster-grid h3{margin-top:30px}.closing-call{margin:11vh 0 5vh;font-size:39px}footer{grid-template-columns:auto 1fr;padding:35px 24px}footer nav{flex-direction:column;gap:0}footer nav a{display:flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}.load-reveal{opacity:1;transform:none;animation:none}.scroll-cue i::after{animation:none}.velocity-heading{opacity:1;transform:none;transition:none}.canopy-wrap{transform:translateY(0) scale(1)}.canopy-skin{transform:none}}

/* Pass 1 refinements: stronger telemetry contrast and tighter section rhythm */
.altitude-rail{right:12px;padding:10px 7px;color:var(--ink);background:rgba(247,254,255,.82);border:1px solid rgba(7,16,64,.25);box-shadow:0 8px 25px rgba(7,16,64,.1);backdrop-filter:blur(8px);mix-blend-mode:normal}
.hero-sub{width:min(390px,30vw);padding:18px 20px;color:var(--ink);background:rgba(247,254,255,.76);border-left:5px solid var(--magenta);box-shadow:10px 10px 0 rgba(23,55,209,.18);backdrop-filter:blur(10px)}
.hero-sub p{margin:0;font-weight:600}.hero-sub .mono{margin-top:16px;font-weight:600;letter-spacing:.06em}
.formation-sequence{min-height:400vh}
.formation-sticky + .formation-step{margin-top:-100vh}
.ritual{padding-top:11vh;padding-bottom:11vh;background-color:var(--pale);background-image:linear-gradient(rgba(23,55,209,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,55,209,.035) 1px,transparent 1px);background-size:42px 42px}
.floor-mark--two{right:2%;top:3%;bottom:auto}
.superstitions{margin-top:7vh;padding-top:4vh}
.roster-grid article{position:relative;overflow:hidden}
.roster-grid article::after{content:attr(data-slot);position:absolute;right:-8px;bottom:-25px;color:rgba(23,55,209,.06);font-size:90px;font-weight:900;letter-spacing:-.08em}
.roster-grid article:nth-child(3n)::after{color:rgba(255,255,255,.11)}
@media(max-width:900px){.hero-sub{width:65%}}
@media(max-width:560px){.hero-sub{width:76%;padding:14px 16px}.formation-sequence{min-height:400vh}.formation-hud strong{padding:4px 8px;background:rgba(7,16,64,.72)}.ritual{background-size:28px 28px}}

/* Pass 2 — external critique: exit continuity, regroup physics, softer deployment */
.hero{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 72% 25%,rgba(255,245,209,.98) 0 4.5%,rgba(255,188,169,.26) 10%,transparent 25%),
    linear-gradient(169deg,#071044 0%,#12258f 25%,#1a54da 55%,#38b9e8 81%,#c4f5f1 100%);
}
.hero::before{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(112deg,transparent 0 48%,rgba(255,255,255,.08) 48.15% 48.35%,transparent 48.5%),repeating-linear-gradient(172deg,transparent 0 86px,rgba(255,255,255,.045) 87px,transparent 89px);mix-blend-mode:screen}
.dawn-strata{position:absolute;z-index:1;inset:auto -8% -17% -8%;height:50%;border-radius:50% 50% 0 0/38% 38% 0 0;background:radial-gradient(ellipse at 52% 0,rgba(255,255,255,.9),rgba(211,249,247,.5) 34%,rgba(61,187,231,.08) 65%,transparent 70%);filter:blur(12px);transform:rotate(-3deg)}
.sun-disc{z-index:2;background:#ffedc8;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 34px 12px rgba(255,224,183,.32),0 0 105px 38px rgba(255,178,176,.22)}
.sun-disc::before,.sun-disc::after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(255,242,214,.75),transparent);transform:translate(-50%,-50%)}
.sun-disc::before{width:42vw;height:1px}.sun-disc::after{width:1px;height:34vh;background:linear-gradient(transparent,rgba(255,242,214,.35),transparent)}
.exit-plane{z-index:5}.plane-cut{fill:#163ed7}
.door-callout{position:absolute;z-index:8;top:31%;right:38%;margin:0;padding-left:54px;color:rgba(255,255,255,.78);font:600 8px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-11deg)}
.door-callout::before{content:'';position:absolute;left:0;top:7px;width:44px;border-top:1px solid var(--magenta)}.door-callout span{display:block;color:var(--magenta);font-size:10px}
.exit-swarm{position:absolute;z-index:7;left:61%;top:24%;width:1px;height:1px;pointer-events:none}
.exit-swarm i{--tx:calc(var(--i) * -25px);--ty:calc(var(--i) * 23px);position:absolute;left:0;top:0;width:13px;height:18px;border:2px solid var(--white);border-radius:55% 55% 42% 42%;background:var(--royal);box-shadow:0 4px 10px rgba(6,12,61,.28);transform:translate(calc(var(--tx) - var(--exit,0) * 16vw),calc(var(--ty) + var(--exit,0) * 48vh)) rotate(calc(-44deg + var(--i) * 4deg));transform-origin:center;opacity:calc(.96 - var(--i) * .055)}
.exit-swarm i::before{content:'';position:absolute;left:50%;top:-8px;width:6px;height:6px;border-radius:50%;background:var(--magenta);transform:translateX(-50%)}
.exit-swarm i::after{content:'';position:absolute;left:50%;top:7px;width:27px;height:2px;border-radius:2px;background:var(--white);transform:translateX(-50%)}
.hero h1{font-weight:850;text-shadow:0 10px 35px rgba(4,12,74,.1)}
.hero h1 span:nth-child(2){-webkit-text-stroke-width:1.5px;opacity:.92}
.hero-sub{border:1px solid rgba(7,16,64,.18);border-left:6px solid var(--magenta);box-shadow:12px 12px 0 rgba(19,73,206,.22),0 25px 55px rgba(7,16,64,.12)}
.load-reveal{animation-duration:1.05s;animation-timing-function:cubic-bezier(.08,.82,.16,1)}
.hero-copy>.eyebrow{animation-delay:.12s}.hero-copy>h1{animation-delay:.3s}.hero-copy>.hero-sub{animation-delay:.62s}.exit-count.load-reveal{animation-delay:.82s}

.formation-sequence{isolation:isolate;background:linear-gradient(180deg,#1435cb 0%,#174dde 26%,#1874dc 58%,#28a8df 82%,#61d6e8 100%)}
.formation-sequence::before{content:'';position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(163deg,transparent 0 12vh,rgba(255,255,255,.055) 12.1vh,transparent 12.3vh),radial-gradient(ellipse at 82% 19%,rgba(108,236,248,.26),transparent 28%),radial-gradient(ellipse at 14% 69%,rgba(7,16,64,.13),transparent 30%);pointer-events:none}
.formation-sequence::after{content:'4000  ·  3280  ·  2470  ·  1720';position:absolute;z-index:0;left:2vw;top:112vh;bottom:15vh;color:rgba(255,255,255,.16);font:700 clamp(62px,12vw,190px)/1 var(--display);letter-spacing:-.075em;writing-mode:vertical-rl;white-space:nowrap;pointer-events:none}
.formation-sticky{z-index:2}
.formation-board{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.09) 0 19%,transparent 19.4%),radial-gradient(circle,rgba(6,18,81,.08),rgba(6,18,81,.18));box-shadow:inset 0 0 130px rgba(4,11,62,.2),0 40px 90px rgba(4,11,62,.12);backdrop-filter:blur(2px)}
.formation-board::before{box-shadow:0 -175px 0 rgba(255,255,255,.09),0 175px 0 rgba(255,255,255,.09)}
.grip-line{stroke:rgba(234,252,255,.9);stroke-width:3;stroke-dasharray:7 8;transition:opacity .08s linear}
.jumper-dot{fill:#1538ce;stroke-width:3}.jumper-limb{stroke-width:5}.jumper-head{fill:var(--magenta)}
.formation-instruments{position:absolute;z-index:4;left:10%;right:10%;bottom:10%;display:flex;justify-content:space-between;color:rgba(255,255,255,.62);font:600 8px var(--mono);letter-spacing:.1em}
.formation-instruments span::before{content:'+';margin-right:7px;color:var(--acid)}
.formation-step{z-index:4}
.formation-step::before{position:absolute;z-index:-1;top:13%;right:4%;color:rgba(255,255,255,.09);font:850 clamp(130px,25vw,380px)/.7 var(--display);letter-spacing:-.09em}
.formation-step:nth-of-type(1)::before{content:'01'}.formation-step:nth-of-type(2)::before{content:'02';right:auto;left:3%}.formation-step:nth-of-type(3)::before{content:'03'}.formation-step:nth-of-type(4)::before{content:'04';right:auto;left:3%}
.formation-step p{position:relative;background:linear-gradient(110deg,rgba(7,16,64,.88),rgba(7,16,64,.68));border-left:3px solid var(--magenta);box-shadow:none;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.formation-step p::after{content:'GRIP PICTURE';position:absolute;right:16px;top:9px;color:rgba(71,220,244,.8);font:600 7px var(--mono);letter-spacing:.12em}
.formation-step h3{text-wrap:balance;text-shadow:0 10px 30px rgba(7,16,64,.14)}
.formation-picker{border-color:rgba(255,255,255,.55);box-shadow:0 12px 38px rgba(7,16,64,.15)}

.ritual::after{content:'';position:absolute;left:-10%;right:-10%;top:49%;height:1px;background:linear-gradient(90deg,transparent,var(--royal),transparent);transform:rotate(-4deg);opacity:.18}
.creeper-floor{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(23,55,209,.04));box-shadow:18px 18px 0 #183dde,36px 36px 70px rgba(23,55,209,.09)}
.superstitions li{background:rgba(247,254,255,.42)}

.signal-culture{grid-template-columns:.78fr 1.22fr;background:radial-gradient(circle at 78% 46%,#244cd4 0 9%,rgba(36,76,212,.65) 10%,transparent 35%),linear-gradient(140deg,#071040,#0a1763 58%,#101f81)}
.signal-copy{align-self:center}.altimeter-panel{transform:rotate(1.5deg);box-shadow:16px 16px 0 var(--magenta),-35px 45px 100px rgba(0,0,0,.18)}
.signal-culture blockquote{margin-left:8%;text-align:left;font-weight:400}.signal-culture cite{padding-left:16%;}

.deployment{isolation:isolate;background:linear-gradient(180deg,#4dcce7 0%,#9ae8f0 32%,#e5f8ef 68%,#fffdf0 100%)}
.deployment::before{content:'800 M';position:absolute;z-index:0;left:-2vw;top:13vh;color:rgba(255,255,255,.24);font:850 26vw/.75 var(--display);letter-spacing:-.09em;white-space:nowrap}
.deployment-sky::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(175deg,transparent 0 13vh,rgba(255,255,255,.14) 13.1vh,transparent 13.35vh)}
.deployment-sky::after{height:38%;background:rgba(255,255,255,.82);filter:blur(45px)}
.canopy-wrap{width:min(92vw,1050px);transform:translateY(calc(31vh - var(--bloom,0)*25vh)) scale(calc(.08 + var(--bloom,0)*.92)) rotate(calc(var(--swing,0)*1deg));filter:drop-shadow(0 42px 31px rgba(10,20,91,.2))}
.canopy-skin{transform:scaleY(calc(.04 + var(--skin,var(--bloom,0))*.96));filter:saturate(1.12)}
.canopy-echoes{position:absolute;z-index:1;inset:0;pointer-events:none}
.canopy-echoes i{position:absolute;left:50%;top:22%;width:clamp(56px,8vw,120px);height:clamp(24px,3.4vw,52px);border-radius:55% 55% 12% 12%/85% 85% 18% 18%;background:linear-gradient(90deg,#d90c79,#ff329f 45%,#ff72bd);box-shadow:inset 0 -6px rgba(161,4,85,.2),0 16px 30px rgba(10,20,91,.12);transform:translate(calc(var(--x)*1vw),calc(var(--y)*1vh)) scale(calc(max(0,calc(var(--bloom,0) - var(--d))) * 1.35));transform-origin:center;opacity:calc(max(0,calc(var(--bloom,0) - var(--d))) * 1.5)}
.canopy-echoes i::before,.canopy-echoes i::after{content:'';position:absolute;top:90%;width:1px;height:70px;background:rgba(7,16,64,.46);transform-origin:top}.canopy-echoes i::before{left:18%;transform:rotate(-12deg)}.canopy-echoes i::after{right:18%;transform:rotate(12deg)}
.deployment-whisper{position:absolute;z-index:4;left:4vw;top:50%;display:grid;color:rgba(7,16,64,.65);font:600 8px var(--mono);letter-spacing:.13em;text-transform:uppercase;opacity:calc(var(--bloom,0));transform:translateY(calc((1 - var(--bloom,0))*40px))}.deployment-whisper b{margin:8px 0;color:var(--magenta);font:850 clamp(34px,5vw,68px)/.8 var(--display);letter-spacing:-.06em}.deployment-whisper i{font-style:normal}
.deployment-copy{margin-top:-75vh}.deployment-lede{padding:32px;background:rgba(255,253,240,.74);border-top:2px solid var(--magenta);backdrop-filter:blur(10px)}
.soft-stats{box-shadow:16px 16px 0 rgba(23,55,209,.12)}

.roster-head{grid-template-columns:.8fr 1.2fr;align-items:start}.manifest-note{grid-column:1;max-width:360px;margin:34vh 0 0;font-size:17px;line-height:1.5}
.roster-grid{grid-template-columns:repeat(8,1fr);align-items:start;border-left:0;background:transparent}
.roster-grid article{min-height:255px;padding:20px 16px;border-left:1px solid rgba(7,16,64,.3);background:rgba(247,254,255,.58)}
.roster-grid article:nth-child(odd){transform:translateY(34px)}.roster-grid article:nth-child(3n){transform:translateY(-22px)}
.roster-grid article:nth-child(3n),.roster-grid article:nth-child(6n){background:linear-gradient(160deg,#1737d1,#214bef)}
.roster-grid h3{margin-top:95px;font-size:clamp(18px,1.8vw,26px);line-height:.95}.roster-grid p{line-height:1.45}
.closing-call{text-align:left;margin-left:5vw;max-width:1200px}

@media(max-width:900px){
  .site-header nav{display:flex;gap:12px}.site-header nav a{font-size:9px}
  .door-callout{display:none}.exit-swarm{left:54%;top:28%}
  .formation-step::before{top:18%}.signal-culture{grid-template-columns:1fr}.altimeter-panel{transform:none}
  .break-sticky{grid-template-columns:1fr;padding:10vh 6vw}.break-copy{position:absolute;z-index:4;left:6vw;top:11vh;width:48%}.break-copy h2{font-size:clamp(62px,10vw,96px)}.break-copy>p:last-of-type,.break-replay{margin-left:0}.break-field{justify-self:end;width:min(80vw,690px);margin:15vh -9vw 0 0}.break-legend{justify-content:flex-start}
  .roster-grid{grid-template-columns:repeat(4,1fr)}.roster-grid article:nth-child(odd){transform:translateY(22px)}
}
@media(max-width:700px){
  .site-header{min-height:124px;align-items:flex-start}.site-header nav{position:absolute;left:14px;right:14px;bottom:3px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22)}.site-header nav a{flex:1;min-height:44px}
  .hero{min-height:820px}.exit-plane{top:23%}.exit-swarm{left:36%;top:45%}.exit-swarm i{--tx:calc(var(--i) * -12px);--ty:calc(var(--i) * 18px);width:11px;height:15px}.exit-swarm i::after{width:22px}
  .exit-count{top:34%}.hero-copy{bottom:74px}.formation-board{width:106vw;margin-left:-3vw}.formation-instruments{left:14%;right:14%;bottom:17%}
  .formation-step::before{top:25%;font-size:46vw}.formation-step p{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
  .altitude-rail{display:flex;top:auto;right:12px;bottom:12px;gap:8px;padding:7px 9px;transform:none}.altitude-rail__label,.altitude-readout{writing-mode:horizontal-tb;min-height:0}.altitude-rail__track{width:86px;height:2px}.altitude-rail__fill{width:var(--scroll-pct,0%);height:100%}.altitude-rail__marker{left:var(--scroll-pct,0%);top:50%}
  .break-wave{min-height:165vh}.break-sticky{display:block;padding:10vh 24px}.break-copy{position:relative;left:auto;top:auto;width:100%}.break-copy h2{font-size:15.4vw;line-height:.7}.break-copy>p:last-of-type{max-width:78%;margin-top:28px;font-size:16px;line-height:1.45}.break-replay{min-height:46px;margin-top:24px}.break-field{position:absolute;left:50%;bottom:-1vh;width:108vw;margin:0;transform:translateX(-50%);opacity:.9}.break-field>strong{width:104px}.break-jumpers>i{width:20px;height:29px;border-width:2px;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(calc(-49px - var(--break)*34vw)) rotate(calc(var(--i)*-45deg))}.break-jumpers>i::before{top:-11px;width:8px;height:8px}.break-jumpers>i::after{top:11px;width:38px;height:2px}.break-legend{left:24px;right:24px;bottom:18px;gap:14px}.break-legend span:last-child{display:none}
  .canopy-echoes i{top:27%;width:62px;height:27px}.deployment-whisper{top:57%}.deployment-lede{padding:24px}
  .roster-head{grid-template-columns:1fr}.manifest-note{grid-column:1;margin:38px 0 0 13%;max-width:80%}.roster-grid{grid-template-columns:repeat(2,1fr)}.roster-grid article,.roster-grid article:nth-child(odd),.roster-grid article:nth-child(3n){min-height:180px;transform:none}.roster-grid h3{margin-top:62px;font-size:21px}.closing-call{text-align:center;margin-left:0}
  footer{gap:18px}footer nav{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}footer nav a:first-child{grid-column:1/-1}
}
@media(max-width:420px){.hero h1{font-size:27vw}.hero-sub{margin-top:24px}.formation-hud{padding:0 12%}.formation-hud>span:first-child{font-size:8px}.formation-instruments{bottom:18%;font-size:6px}.canopy-echoes i{width:48px;height:21px}.roster-grid article{padding:16px 12px}.roster-grid p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.site-header,.exit-plane,.sun-disc,.exit-swarm i{animation:none}.exit-swarm i{transform:translate(var(--tx),var(--ty)) rotate(-38deg)}.canopy-echoes i{opacity:.85;transform:translate(calc(var(--x)*1vw),calc(var(--y)*1vh)) scale(.8)}.deployment-whisper{opacity:1;transform:none}.break-field.is-replaying .break-jumpers>i{animation:none}}

/* Pass 3 — optical type, numerals and complete interactive polish */
p{orphans:3;widows:3}.velocity-heading,.hero h1,.formation-step h3,.closing-call{text-wrap:balance}.altitude-readout,.formation-hud,.point-kicker,.soft-stats b,.roster-grid span,.roster-grid p{font-variant-numeric:tabular-nums slashed-zero}
footer{font-variant-numeric:tabular-nums}footer a{position:relative;transition:color .2s}footer a:hover,footer a:focus-visible{color:var(--cyan)}
