@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/barlow-condensed-600.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/barlow-condensed-700.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/barlow-condensed-800.ttf') format('truetype'); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/barlow-condensed-900.ttf') format('truetype'); font-style: normal; font-weight: 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-400.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-500.ttf') format('truetype'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-600.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('../fonts/jetbrains-mono-400.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('../fonts/jetbrains-mono-500.ttf') format('truetype'); font-style: normal; font-weight: 500; font-display: swap; }

button:disabled, .button:disabled { cursor: not-allowed; opacity: .62; box-shadow: none; filter: saturate(.55); }

:root {
  --obsidian: #080a0c;
  --charcoal: #101419;
  --glass: rgba(10, 14, 18, 0.76);
  --bone: #f2eee5;
  --slate: #9ba5b2;
  --bronze: #d69a52;
  --blue: #176fff;
  --blue-deep: #0047ab;
  --line: rgba(211, 225, 241, 0.15);
  --text-display: #f2eee5;
  --text-body: #e0d7ca;
  --text-muted: #b8c3d0;
  --text-micro: #afc1da;
  --text-shadow-readable: 0 1px 2px rgba(0,0,0,.98), 0 4px 16px rgba(0,0,0,.78);
  --max: 1460px;
  --header: 72px;
}

* { box-sizing: border-box; }
/* Keep root overflow visible: clipping the root disconnects every sticky scene
   from the viewport and exposes the animation tracks as empty vertical gaps. */
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--obsidian); color: var(--bone); font-family: Inter, system-ui, sans-serif; line-height: 1.6; }
body::before { content: ''; position: fixed; inset: 0; z-index: -1; opacity: .16; pointer-events: none; background-image: url('../images/blueprint.webp'); background-size: cover; mix-blend-mode: screen; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
h1, h2, h3 { margin: 0 0 .8rem; font-family: 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; line-height: .92; letter-spacing: -.025em; text-wrap: balance; }
h1 { font-size: clamp(4.3rem, 11vw, 10.5rem); }
h2 { font-size: clamp(3rem, 7vw, 6.8rem); }
h3 { font-size: clamp(1.8rem, 3vw, 2.7rem); }
p { max-width: 68ch; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 999; padding: .8rem 1rem; background: var(--bone); color: var(--obsidian); }
.skip-link:focus { top: 1rem; }
.site-progress { position: fixed; inset: 0 0 auto; z-index: 100; height: 3px; background: rgba(255,255,255,.1); pointer-events: none; }
.site-progress i { display: block; width: 100%; height: 100%; transform: scaleX(var(--page-progress, 0)); transform-origin: left; background: linear-gradient(90deg, var(--blue-deep), #77b7ff); box-shadow: 0 0 16px var(--blue); }

.site-header { position: fixed; top: 1rem; left: 50%; z-index: 50; width: min(calc(100% - 2rem), 1600px); min-height: var(--header); padding: 0 1.4rem; display: flex; align-items: center; justify-content: space-between; transform: translateX(-50%); border: 1px solid var(--line); border-radius: 18px; background: rgba(6, 9, 12, .72); backdrop-filter: blur(18px); transition: background .25s, border-color .25s; }
.site-header.is-scrolled { background: rgba(6, 9, 12, .94); border-color: rgba(23,111,255,.35); }
.soft-launch-banner[hidden] { display: none; }
.soft-launch-banner { position: fixed; z-index: 49; top: calc(1rem + var(--header) + .55rem); left: 50%; display: flex; width: min(calc(100% - 2rem), 1180px); min-height: 42px; align-items: center; gap: .85rem; padding: .55rem 3rem .55rem 1rem; overflow: hidden; transform: translateX(-50%); border: 1px solid rgba(58,137,246,.44); border-radius: 12px; background: linear-gradient(90deg,rgba(3,8,14,.94),rgba(8,15,24,.96) 58%,rgba(20,13,6,.94)); box-shadow: 0 14px 38px rgba(0,0,0,.44),0 0 24px rgba(23,111,255,.12); backdrop-filter: blur(16px); }
.soft-launch-banner::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg,transparent,#318cff 42%,#d69a52 62%,transparent); transform: translateX(-100%); animation: soft-launch-scan 5.5s ease-in-out infinite; }
.soft-launch-signal { width: .52rem; aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%; background: #d69a52; box-shadow: 0 0 0 5px rgba(214,154,82,.09),0 0 18px rgba(214,154,82,.68); }
.soft-launch-copy { display: flex; min-width: 0; align-items: baseline; gap: .7rem; line-height: 1.25; }
.soft-launch-copy strong { color: #f2eee5; font: 700 .82rem 'Barlow Condensed',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.soft-launch-copy span { color: #c1cad7; font-size: .72rem; }
.soft-launch-report { margin-left: auto; flex: 0 0 auto; color: #9fc5ff; font: 500 .62rem 'JetBrains Mono',monospace; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.soft-launch-report:hover,.soft-launch-report:focus-visible { color: #fff; text-shadow: 0 0 14px rgba(61,142,255,.72); }
.soft-launch-close { position: absolute; right: .5rem; top: 50%; display: grid; width: 2rem; height: 2rem; place-items: center; transform: translateY(-50%); border: 0; border-radius: 50%; background: transparent; color: #b7c3d2; cursor: pointer; font-size: 1.25rem; line-height: 1; }
.soft-launch-close:hover,.soft-launch-close:focus-visible { background: rgba(255,255,255,.08); color: #fff; }
@keyframes soft-launch-scan { 0%,18% { transform: translateX(-100%); } 72%,100% { transform: translateX(100%); } }
.brand { display: inline-flex; gap: .8rem; align-items: center; text-decoration: none; font-family: 'Barlow Condensed'; text-transform: uppercase; letter-spacing: .18em; font-weight: 700; }
.brand-logo { width: 2.55rem; height: 2.55rem; flex: 0 0 auto; object-fit: contain; }
.site-nav { display: flex; gap: clamp(1rem, 2.8vw, 3.2rem); align-items: center; }
.site-nav-item { position: relative; }
.site-nav a { position: relative; text-decoration: none; color: rgba(242,238,229,.78); font-size: .75rem; text-transform: uppercase; letter-spacing: .18em; }
.site-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -.75rem; height: 2px; background: var(--blue); box-shadow: 0 0 12px var(--blue); transition: right .25s; }
.site-nav a:hover::after, .site-nav a.is-active::after { right: 0; }
.nav-toggle { display: none; border: 0; background: none; color: var(--bone); }

.hero { min-height: 100svh; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(340px, .8fr); align-items: center; gap: 2rem; padding: calc(var(--header) + 6rem) max(5vw, 1.5rem) 8rem; overflow: hidden; }
.hero::after { content: ''; position: absolute; inset: auto 0 0; height: 42%; z-index: -1; background: linear-gradient(transparent, var(--obsidian)); }
.hero-scene, .hero-landscape, .blueprint-grid { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; }
.hero-landscape { object-fit: cover; filter: brightness(.5) saturate(.8) contrast(1.15); transform: scale(1.06); }
.hero-scene::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 70% 40%, rgba(214,154,82,.18), transparent 40%), linear-gradient(90deg, rgba(5,7,9,.9) 0%, rgba(5,7,9,.2) 66%, rgba(5,7,9,.55)); }
.blueprint-grid { z-index: 0; opacity: .18; background-image: linear-gradient(rgba(23,111,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(23,111,255,.5) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, transparent 0, #000 55%, #000 100%); }
.measurement { position: absolute; z-index: 2; color: #9bc1ff; font: 500 .65rem/1.4 'JetBrains Mono'; letter-spacing: .08em; }
.measurement::before { content: ''; display: block; width: 10rem; margin-bottom: .4rem; border-top: 1px dashed var(--blue); box-shadow: 0 0 8px rgba(23,111,255,.65); }
.measurement-a { top: 22%; right: 2%; }.measurement-b { left: 3%; bottom: 24%; }
.hero-copy { position: relative; z-index: 2; max-width: 900px; }
.hero-copy h1 span { color: var(--bone); text-shadow: 0 0 1px rgba(255,255,255,.5); }
.hero-lede { margin: 1.5rem 0 2rem; color: #d8d0c4; font-family: Georgia, serif; font-size: clamp(1.15rem, 2vw, 1.55rem); }
.eyebrow, .chapter-number, .pillar-number { margin: 0 0 1rem; color: var(--bronze); font: 500 .72rem/1.5 'JetBrains Mono'; text-transform: uppercase; letter-spacing: .2em; }
.button-row { display: flex; flex-wrap: wrap; gap: .9rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.6rem; padding: .8rem 1.6rem; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 600; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { border-color: #4d95ff; background: linear-gradient(180deg, #176fff, #0047ab); box-shadow: 0 0 24px rgba(23,111,255,.45), inset 0 1px rgba(255,255,255,.3); }
.button-ghost { background: rgba(8,10,12,.55); backdrop-filter: blur(12px); }
.hero-book { position: relative; z-index: 2; margin: 0; justify-self: center; width: min(620px, 100%); filter: drop-shadow(0 30px 60px rgba(0,0,0,.7)); }
.hero-book img { max-height: 68vh; margin: auto; object-fit: contain; }
.hero-book figcaption { padding: .85rem 1rem; border: 1px solid rgba(23,111,255,.5); border-radius: 8px; background: var(--glass); color: #c7d9f8; text-align: center; text-transform: uppercase; letter-spacing: .14em; font: .65rem 'JetBrains Mono'; }
.scroll-cue { position: absolute; bottom: 2rem; left: 5vw; color: var(--slate); font: .65rem 'JetBrains Mono'; text-transform: uppercase; letter-spacing: .18em; }

/* Architectural Noir — signature landing sequence */
.hero-cinematic { min-height: 100svh; padding-top: calc(var(--header) + 5.5rem); grid-template-columns: minmax(0, 1.06fr) minmax(420px, .94fr); }
.hero-cinematic .hero-scene { overflow: hidden; }
.hero-cinematic .hero-landscape { transform: translate3d(0, var(--hero-shift, 0px), 0) scale(var(--hero-scale, 1.08)); transform-origin: center; will-change: transform; }
.hero-atmosphere { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: .72; filter: brightness(.55) saturate(.75) contrast(1.12); }
.hero-vignette { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,5,7,.96) 0%, rgba(3,5,7,.74) 38%, rgba(3,5,7,.18) 72%, rgba(3,5,7,.5) 100%), linear-gradient(0deg, var(--obsidian) 0%, transparent 34%); }
.hero-blueprint-orbit { position: absolute; z-index: 1; right: 5vw; top: 16%; width: min(47vw, 760px); aspect-ratio: 1; border: 1px solid rgba(54,136,255,.18); border-radius: 50%; transform: translate3d(0, var(--hero-orbit-shift, 0px), 0) rotate(var(--hero-orbit-rotation, 0deg)); will-change: transform; }
.hero-blueprint-orbit::before, .hero-blueprint-orbit::after { content: ''; position: absolute; inset: 10%; border: inherit; border-radius: inherit; }
.hero-blueprint-orbit::after { inset: 42% -10%; border-radius: 0; border-width: 1px 0; }
.hero-cinematic .hero-copy { z-index: 3; transform: translate3d(0, var(--hero-copy-shift, 0px), 0); will-change: transform; }
.hero-cinematic h1 { font-size: clamp(4.4rem, 7.1vw, 8.7rem); letter-spacing: -.04em; }
.hero-line { display: block; white-space: nowrap; }
.hero-line-accent { color: transparent !important; -webkit-text-stroke: 1px rgba(242,238,229,.8); text-shadow: none !important; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 680px; margin-top: 2.2rem; border-block: 1px solid var(--line); }
.hero-proof span { padding: .75rem .7rem; color: #acb5c0; font: 500 .62rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.hero-proof span + span { border-left: 1px solid var(--line); }
.hero-monument { position: relative; z-index: 2; width: min(620px, 43vw); margin: 0; justify-self: end; transform: translate3d(var(--hero-book-x, 0px), var(--hero-book-y, 0px), 0) scale(var(--hero-book-scale, 1)); transform-origin: 55% 55%; will-change: transform; }
.monument-window { position: relative; height: min(70vh, 720px); overflow: hidden; border: 1px solid rgba(123,169,235,.3); border-radius: 16px; background-color: #080b0f; background-image: linear-gradient(90deg, rgba(5,7,9,.34), transparent 30% 82%, rgba(5,7,9,.32)), var(--monument-image); background-repeat: no-repeat; background-size: 205% auto; background-position: 70% center; box-shadow: 0 45px 100px rgba(0,0,0,.62), 0 0 60px rgba(23,111,255,.09); clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px)); }
.monument-window::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,7,9,.72), transparent 18% 85%, rgba(5,7,9,.46)), linear-gradient(0deg, rgba(5,7,9,.7), transparent 22%); pointer-events: none; }
.monument-window img { width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.hero-monument figcaption { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: .75rem; border: 1px solid rgba(23,111,255,.42); border-radius: 9px; background: rgba(7,10,14,.78); box-shadow: 0 0 26px rgba(23,111,255,.13); backdrop-filter: blur(12px); }
.hero-monument figcaption span { padding: .8rem .6rem; color: #c7d9f8; text-align: center; text-transform: uppercase; letter-spacing: .11em; font: .58rem/1.4 'JetBrains Mono'; }
.hero-monument figcaption span + span { border-left: 1px solid rgba(23,111,255,.25); }
.hero-cinematic .measurement { z-index: 4; }
.hero-cinematic .measurement::before { width: clamp(5rem, 9vw, 10rem); }
.hero-cinematic .measurement-a { right: 5%; top: 15%; }
.hero-cinematic .measurement-b { left: 2.5%; top: 30%; }
.hero-cinematic .measurement-c { left: 3.8%; bottom: 18%; }
.hero-cinematic .scroll-cue { display: flex; align-items: center; gap: .8rem; }
.hero-cinematic .scroll-cue i { display: block; width: 70px; height: 1px; overflow: hidden; background: rgba(255,255,255,.2); }
.hero-cinematic .scroll-cue i::after { content: ''; display: block; width: 42%; height: 100%; background: var(--blue); box-shadow: 0 0 8px var(--blue); animation: scan 1.8s ease-in-out infinite; }
@keyframes scan { from { transform: translateX(-110%); } to { transform: translateX(350%); } }

.transformation { position: relative; min-height: 330svh; background: #050708; --story-progress: 0; }
.transformation-stage { position: sticky; top: 0; height: 100svh; overflow: hidden; padding: calc(var(--header) + 4.2rem) max(6vw, 1.5rem) 4rem; display: grid; grid-template-rows: auto 1fr auto auto; isolation: isolate; }
.transformation-media, .transformation-media > img, .transformation-grid { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; }
.transformation-media > img { object-fit: cover; }
.transformation-video { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; opacity: .38; filter: brightness(.42) saturate(.8); mix-blend-mode: screen; }
.transformation-wild { opacity: var(--story-wild-opacity, .72); filter: brightness(.34) saturate(.55) contrast(1.2); transform: scale(var(--story-wild-scale, 1.08)); will-change: transform, opacity; }
.transformation-blueprint { opacity: var(--story-blueprint-opacity, 0); filter: brightness(.5) saturate(1.25); mix-blend-mode: screen; transform: scale(var(--story-blueprint-scale, 1.12)); will-change: transform, opacity; }
.transformation-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,6,8,.94) 0 42%, rgba(4,6,8,.26) 75%, rgba(4,6,8,.72)), linear-gradient(0deg, #050708 0%, transparent 30% 70%, rgba(5,7,8,.68)); }
.transformation-grid { z-index: -1; opacity: var(--story-grid-opacity, .05); background-image: linear-gradient(rgba(44,125,255,.48) 1px, transparent 1px), linear-gradient(90deg, rgba(44,125,255,.48) 1px, transparent 1px); background-size: 54px 54px; transform: translate3d(0, var(--story-grid-y, 40px), 0); mask-image: linear-gradient(90deg, transparent, #000 35% 100%); will-change: opacity, transform; }
.transformation-header { display: flex; justify-content: space-between; align-items: start; }
.transformation-counter { margin: 0; color: #aeb9c7; font: 500 .72rem 'JetBrains Mono'; letter-spacing: .2em; }
.transformation-copy { position: relative; align-self: center; max-width: 980px; min-height: 47vh; }
.story-step { position: absolute; inset: 50% auto auto 0; width: min(900px, 56vw); opacity: 0; transform: translate3d(0, 36px, 0); transition: opacity .18s ease, transform .5s cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.story-step.is-active { opacity: 1; transform: translate3d(0, -50%, 0); pointer-events: auto; }
.story-step h2 { max-width: 960px; }
.story-step > p:last-child { color: #c5beb2; font-family: Georgia, serif; font-size: clamp(1.08rem, 1.8vw, 1.4rem); }
.transformation-axis { display: grid; grid-template-columns: auto minmax(40px, 1fr) auto minmax(40px, 1fr) auto; align-items: center; gap: .9rem; color: #9eabb9; font: 500 .62rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.transformation-axis i { position: relative; height: 1px; overflow: hidden; background: rgba(255,255,255,.14); }
.transformation-axis b { position: absolute; inset: 0; transform: scaleX(var(--story-progress, 0)); transform-origin: left; background: var(--blue); box-shadow: 0 0 12px var(--blue); }
.transformation-signal { margin: 1.5rem 0 0; font-size: .76rem; font-family: 'JetBrains Mono'; text-transform: uppercase; letter-spacing: .12em; }
.target-reticle { position: absolute; right: 12vw; top: 50%; z-index: 0; width: min(25vw, 360px); aspect-ratio: 1; border: 1px solid rgba(47,131,255,var(--story-reticle-opacity, .08)); border-radius: 50%; transform: translateY(-50%) rotate(var(--story-reticle-rotation, 0deg)); box-shadow: 0 0 44px rgba(23,111,255,.08); will-change: transform; }
.target-reticle::before, .target-reticle::after { content: ''; position: absolute; background: rgba(47,131,255,.32); }
.target-reticle::before { left: 50%; top: -15%; bottom: -15%; width: 1px; }
.target-reticle::after { top: 50%; left: -15%; right: -15%; height: 1px; }
.target-reticle i { position: absolute; inset: 18%; border: 1px dashed rgba(47,131,255,.36); border-radius: 50%; }
.target-reticle i + i { inset: 42%; border-style: solid; }
.hyena-stage { position: absolute; z-index: 3; right: 3vw; top: 50%; width: min(45vw, 720px); aspect-ratio: 1; transform: translateY(-47%); perspective: 1300px; pointer-events: none; }
.hyena-state { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: var(--hyena-opacity, 0); transform: translate3d(var(--hyena-x, 0px), 0, 0) rotateY(var(--hyena-rotate-y, 0deg)) rotateZ(var(--hyena-rotate-z, 0deg)) scale(var(--hyena-scale, .9)); transform-origin: 50% 55%; filter: drop-shadow(0 35px 34px rgba(0,0,0,.72)) saturate(.82) contrast(1.08); will-change: opacity, transform; }
.hyena-state:first-child { opacity: var(--hyena-opacity, .72); }

.chapter { min-height: 150svh; position: relative; padding: 8rem max(6vw, 1.5rem); }
.chapter-sticky { position: sticky; top: 22vh; max-width: 950px; }
.chapter-wild { background: linear-gradient(rgba(7,8,9,.88), rgba(7,8,9,.96)), url('../images/savanna.webp') center/cover fixed; }
.chapter-wild h2 { max-width: 900px; }
.chapter-wild p:not(.chapter-number) { color: #c5beb2; font-family: Georgia, serif; font-size: 1.25rem; }
.signal { margin-top: 3rem; padding-left: 1rem; border-left: 2px solid var(--blue); color: var(--bone) !important; }
.pillars, .offers, .sonic-preview, .builder-callout, .page-section { padding: 8rem max(5vw, 1.5rem); }
.section-heading { max-width: 920px; margin-bottom: 3rem; }
.section-heading > p:last-child { color: var(--slate); }
.pillar-grid, .offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; max-width: var(--max); margin: auto; }
.pillar-card, .offer-card, .content-panel { position: relative; overflow: hidden; min-height: 330px; padding: 2rem; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(26,30,35,.82), rgba(8,10,12,.92)); }
.pillar-card::before, .offer-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--blue); box-shadow: 0 0 18px var(--blue); transform: scaleY(.12); transform-origin: top; transition: transform .4s; }
.pillar-card:hover::before, .offer-card:hover::before { transform: scaleY(1); }
.pillar-card p:last-child, .offer-card p { color: var(--slate); }
.pillar-subtitle { color: var(--bone) !important; font-family: Georgia, serif; font-style: italic; }
.chapter-blueprint { min-height: 100svh; display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; align-items: center; background: #090c10; }
.chapter-media { position: relative; }
.chapter-media img { border: 1px solid rgba(23,111,255,.35); border-radius: 18px; filter: saturate(.65) brightness(.7); }
.chapter-media::after { content: ''; position: absolute; inset: 8%; border: 1px solid var(--blue); box-shadow: 0 0 24px rgba(23,111,255,.3); }
.chapter-content p:not(.chapter-number) { color: var(--slate); font-size: 1.15rem; }
.text-link { display: inline-flex; gap: .7rem; margin-top: 1rem; color: #8cb8ff; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; }
.text-link span { transition: transform .2s; }.text-link:hover span { transform: translateX(.4rem); }
.sonic-preview { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5vw; align-items: center; background: radial-gradient(circle at 80% 50%, rgba(23,111,255,.14), transparent 40%); }
.audio-dock { display: grid; grid-template-columns: auto minmax(180px, .4fr) 1fr; align-items: center; gap: 1rem; padding: 1.3rem; border: 1px solid rgba(23,111,255,.35); border-radius: 14px; background: rgba(7,10,14,.78); box-shadow: 0 0 40px rgba(23,111,255,.12); backdrop-filter: blur(14px); }
.audio-control { width: 4rem; aspect-ratio: 1; border: 1px solid #61a1ff; border-radius: 50%; background: rgba(23,111,255,.1); color: var(--bone); box-shadow: 0 0 20px rgba(23,111,255,.5); cursor: pointer; }
.audio-dock strong, .audio-dock span { display: block; }.audio-dock span { color: var(--slate); font-size: .72rem; }
.waveform { height: 70px; display: flex; gap: 3px; align-items: center; overflow: hidden; }
.waveform i { flex: 1 0 2px; max-width: 4px; height: var(--h, 48%); min-height: 8px; background: linear-gradient(var(--blue), #8cb8ff); opacity: .65; transform-origin: center; }
.audio-dock.is-playing .waveform i { animation: pulse calc(.4s + (var(--i) % 9) * .08s) ease-in-out infinite alternate; }
@keyframes pulse { to { transform: scaleY(1.8); opacity: 1; } }
.offers { background: #0b0d10; }.offer-card.is-featured { border-color: rgba(23,111,255,.75); box-shadow: 0 0 36px rgba(23,111,255,.12); }
.recommended { display: inline-block; margin-bottom: 1.5rem; padding: .35rem .6rem; border: 1px solid rgba(23,111,255,.5); border-radius: 20px; color: #9bc1ff; text-transform: uppercase; letter-spacing: .12em; font-size: .62rem; }
.offer-card strong { display: block; margin-top: 1.5rem; color: var(--bronze); font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; }
.builder-callout { display: grid; grid-template-columns: minmax(280px, .75fr) 1fr; gap: 6vw; align-items: center; max-width: var(--max); margin: auto; }
.builder-callout img { max-height: 760px; width: 100%; object-fit: cover; object-position: top; border-radius: 18px; filter: grayscale(1) contrast(1.08); }

/* Interior-page system */
.editorial-section { position: relative; display: grid; grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 8rem); padding: 9rem max(6vw, 1.5rem); border-top: 1px solid var(--line); }
.section-index { position: sticky; top: calc(var(--header) + 4rem); align-self: start; }
.section-index span { display: block; color: rgba(116,169,255,.38); font: 800 clamp(5rem, 11vw, 10rem)/.8 'Barlow Condensed'; }
.section-index p { margin: 1.25rem 0; color: #9fabb8; font: 500 .66rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.editorial-copy { max-width: 1040px; }
.editorial-copy > p:not(.eyebrow), .builder-intro p, .report-copy > p { color: #b8c0ca; font-family: Georgia, serif; font-size: clamp(1.05rem, 1.5vw, 1.3rem); }
.editorial-copy blockquote { margin: 3.5rem 0 0; padding: 1.5rem 0 1.5rem 1.5rem; border-left: 2px solid var(--blue); color: var(--bone); font: 700 clamp(1.5rem, 3vw, 2.7rem)/1.05 'Barlow Condensed'; text-transform: uppercase; }
.sequence-grid, .tool-grid, .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; max-width: var(--max); margin: auto; background: var(--line); border: 1px solid var(--line); }
.sequence-card, .tool-card { min-height: 330px; padding: 2rem; background: #0a0d11; }
.sequence-card > span, .tool-card > span, .product-card > div > span { color: var(--bronze); font: 500 .62rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.sequence-card h3, .tool-card h3 { margin-top: 4rem; }
.sequence-card p, .tool-card p { color: var(--slate); }
.sequence-card { position: relative; isolation: isolate; transition: background .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease, transform .28s cubic-bezier(.2,.8,.2,1); }
.sequence-card::after { content: ''; position: absolute; z-index: -1; inset: 12%; opacity: 0; border-radius: inherit; background: radial-gradient(circle, rgba(42,119,229,.26), transparent 68%); filter: blur(18px); transition: opacity .28s ease; }
.sequence-card:hover, .sequence-card:focus-within { z-index: 2; border-color: rgba(93,158,255,.72); background: linear-gradient(145deg, #152237, #0b111a); box-shadow: 0 24px 55px rgba(0,0,0,.48), 0 0 28px rgba(23,111,255,.22), inset 0 1px rgba(255,255,255,.06); transform: translate3d(0,-12px,0) scale(1.025); }
.sequence-card:hover::after, .sequence-card:focus-within::after { opacity: 1; }
.sequence-card:hover > span, .sequence-card:focus-within > span { color: #7fb2ff; }
.verification-note { max-width: var(--max); margin: 2rem auto 0; padding: 1rem; border-left: 2px solid var(--bronze); background: rgba(214,154,82,.06); color: #cbbda9; font: .72rem 'JetBrains Mono'; text-transform: uppercase; letter-spacing: .08em; }
.tool-grid { grid-template-columns: 1fr; gap: 1rem; border: 0; background: transparent; }
.tool-card { position: relative; min-height: 390px; overflow: hidden; }
.tool-reticle { position: absolute; right: -4rem; top: -4rem; width: 15rem; aspect-ratio: 1; border: 1px solid rgba(23,111,255,.24); border-radius: 50%; }
.tool-reticle::before, .tool-reticle::after { content: ''; position: absolute; inset: 22%; border: inherit; border-radius: inherit; }
.tool-reticle::after { inset: 47% -15%; border-radius: 0; border-width: 1px 0; }
.closing-panel { margin: 2rem max(3vw, 1rem) 5rem; padding: clamp(4rem, 9vw, 9rem) max(6vw, 2rem); border: 1px solid rgba(77,149,255,.28); border-radius: 18px; background: radial-gradient(circle at 80% 20%, rgba(23,111,255,.16), transparent 36%), linear-gradient(135deg, #10151c, #07090c); box-shadow: 0 0 70px rgba(23,111,255,.08); }
.closing-panel h2 { max-width: 1150px; }
.closing-panel > p:not(.eyebrow) { color: #b7c0cb; font-size: 1.12rem; }
.credits-strip, .fulfillment { background: #0b0f14; }
.credits-strip h2 { max-width: 1050px; }
.archive-shell { padding: 3rem max(5vw, 1.5rem) 8rem; }
.archive-components-heading { margin-top: 9rem; }
[data-archive-section] { scroll-margin-top: 2rem; }
.product-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; background: none; border: 0; }
.product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #0a0d11; }
.product-card[hidden] { display: none; }
.product-media { height: 280px; overflow: hidden; background: #050607; }
.product-media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35) brightness(.65); transition: transform .5s ease, filter .5s ease; }
.product-card:hover .product-media img { transform: scale(1.04); filter: grayscale(0) brightness(.8); }
.product-card > div:last-child { padding: 1.6rem; }
.product-card p { color: var(--slate); }
.catalog-empty { padding: 3rem; border: 1px dashed var(--line); text-align: center; color: var(--slate); font: .75rem 'JetBrains Mono'; text-transform: uppercase; }
.builder-intro { display: grid; grid-template-columns: minmax(320px, .72fr) 1fr; gap: 7vw; align-items: center; padding: 8rem max(6vw, 1.5rem); }
.builder-intro figure { margin: 0; }
.builder-intro img, .builder-intro video { width: 100%; max-height: 760px; object-fit: cover; object-position: top; border-radius: 16px; filter: grayscale(1) contrast(1.08); }
.builder-author-video { display: block; aspect-ratio: 2 / 3; background: #07090c; box-shadow: 0 34px 75px rgba(0,0,0,.48),0 0 0 1px rgba(89,147,229,.16); }
.builder-intro figure:hover .builder-author-video { filter: grayscale(.15) contrast(1.04); }
.builder-intro figcaption { padding: .8rem 0; color: #aab5c3; font: .66rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.spec-strip { display: grid; grid-template-columns: repeat(4, 1fr); max-width: var(--max); border-block: 1px solid var(--line); }
.spec-strip span { padding: 1.2rem; border-right: 1px solid var(--line); color: #c8d6e9; text-align: center; font: .68rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.accordion { max-width: 1200px; border-top: 1px solid var(--line); }
.accordion-item { border-bottom: 1px solid var(--line); }
.accordion-item h3 { margin: 0; }
.accordion-item button { width: 100%; display: flex; justify-content: space-between; gap: 2rem; padding: 1.7rem .25rem; border: 0; background: transparent; color: var(--bone); text-align: left; cursor: pointer; font: 700 clamp(1.15rem, 2vw, 1.6rem) 'Barlow Condensed'; text-transform: uppercase; letter-spacing: .02em; }
.accordion-item button i { color: var(--blue); font-style: normal; font-size: 1.5rem; transition: transform .25s; }
.accordion-item button[aria-expanded="true"] i { transform: rotate(45deg); }
.accordion-panel { padding: 0 4rem 1.7rem 0; }
.accordion-panel p { color: #adb7c3; }
.report-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; padding: 9rem max(6vw, 1.5rem); border-block: 1px solid rgba(91,151,237,.18); background: radial-gradient(circle at 82% 18%, rgba(55,127,226,.2), transparent 34%), linear-gradient(135deg, #152131, #0b1119 62%, #080b10); }
.security-note { padding-left: 1rem; border-left: 2px solid var(--bronze); color: #c7b08f !important; font-family: Inter, sans-serif !important; font-size: .85rem !important; }
.site-report-form { display: grid; gap: 1.15rem; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.site-report-form label { display: grid; gap: .55rem; color: #aeb8c5; font: 500 .66rem 'JetBrains Mono'; letter-spacing: .09em; text-transform: uppercase; }
.site-report-form input, .site-report-form select, .site-report-form textarea { width: 100%; padding: .95rem 1rem; border: 1px solid rgba(116,151,196,.3); border-radius: 7px; background: rgba(3,7,12,.66); color: var(--bone); text-transform: none; letter-spacing: normal; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.site-report-form input:focus, .site-report-form select:focus, .site-report-form textarea:focus { outline: none; border-color: #68a1f5; background: rgba(5,12,20,.88); box-shadow: 0 0 0 3px rgba(23,111,255,.14), 0 12px 28px rgba(0,0,0,.24); }
.site-report-form textarea { resize: vertical; }
.site-report-form .consent { display: grid; grid-template-columns: auto 1fr; align-items: start; }
.site-report-form .consent input { width: 1.1rem; margin-top: .2rem; }
.site-report-form .button { justify-self: start; }
.form-status { margin: 0; color: #8ea4c4; font-size: .72rem; }
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.consent a { color: #a9ccff; text-decoration: underline; text-underline-offset: .18em; }

.page-hero { min-height: 75svh; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: calc(var(--header) + 8rem) max(6vw, 1.5rem) 7rem; background: linear-gradient(90deg, rgba(6,8,10,.94), rgba(6,8,10,.42)), url('../images/blueprint.webp') center/cover; }
.page-hero-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; filter: brightness(.38) saturate(.7); }
.page-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,7,9,.88), rgba(5,7,9,.24)), linear-gradient(0deg, rgba(5,7,9,.72), transparent 42%); pointer-events: none; }
.page-hero p:last-child { color: #c4c8ce; font-family: Georgia, serif; font-size: clamp(1.05rem, 2vw, 1.4rem); }
.page-hero-sonic { background-image: linear-gradient(90deg, rgba(6,8,10,.95), rgba(6,8,10,.5)), url('../images/studio.png'); }
.page-hero-archive { background-image: linear-gradient(90deg, rgba(6,8,10,.94), rgba(6,8,10,.48)), url('../images/product.png'); }
.page-hero-builder { background-image: linear-gradient(90deg, rgba(6,8,10,.95), rgba(6,8,10,.5)), url('../images/builder.png'); background-position: center 25%; }
.page-hero-legacy { background-image: linear-gradient(90deg, rgba(6,8,10,.92), rgba(6,8,10,.5)), url('../images/savanna.webp'); }
.content-shell { padding: 7rem max(6vw, 1.5rem); }.content-panel { max-width: 980px; margin: auto; }
.audio-dock-large { max-width: 1200px; margin: auto; }
.builder-page { padding-block: 7rem; }

.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 1.25rem 3rem; padding: 1.6rem max(5vw, 1.5rem) 1.25rem; border-top: 1px solid var(--line); background: #060708; color: var(--slate); }
.site-footer > div > p { margin: .35rem 0 0; font-size: .78rem; }
.site-footer nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem 1.1rem; text-align: right; font-size: .8rem; }.site-footer a { text-decoration: none; }.site-footer a:hover { color: var(--bone); }
.site-footer .brand-logo { width: 2rem; height: 2rem; }
.site-footer .footer-social { grid-column: 1 / -1; justify-content: flex-start; gap: .55rem; padding-top: .9rem; border-top: 1px solid var(--line); text-align: left; }
.footer-social > span { margin-right: .4rem; color: #83a5ce; font: 600 .56rem 'JetBrains Mono'; letter-spacing: .13em; text-transform: uppercase; }
.footer-social a { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.1rem; padding: .48rem .72rem; border: 1px solid rgba(83,145,231,.28); border-radius: 999px; background: rgba(14,28,46,.32); color: #c9d5e3; font: 600 .58rem 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; transition: border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease; }
.footer-social a > span { color: #66a7ff; }
.footer-social a:hover,.footer-social a:focus-visible { border-color: rgba(101,168,255,.75); background: rgba(23,111,255,.14); color: #fff; transform: translateY(-1px); }
.copyright { grid-column: 1 / -1; margin: 0; padding-top: .8rem; border-top: 1px solid var(--line); font-size: .66rem; }

/* Persistent commerce access */
.shop-bag { position: fixed; z-index: 90; right: max(1rem, 2vw); bottom: max(1rem, 2vw); display: inline-flex; align-items: center; gap: .65rem; min-height: 52px; padding: .7rem 1rem; border: 1px solid rgba(90,157,255,.78); border-radius: 999px; background: rgba(5,10,16,.92); color: #f4f6fa; box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 28px rgba(23,111,255,.28), 0 18px 42px rgba(0,0,0,.55); backdrop-filter: blur(18px); font: 600 .68rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; animation: shop-beacon 2.8s ease-in-out infinite; }
.shop-bag::after { content: ''; position: absolute; inset: -7px; z-index: -1; border: 1px solid rgba(83,157,255,.72); border-radius: inherit; opacity: 0; transform: scale(.94); pointer-events: none; }
.shop-bag.is-scroll-cued { animation: shop-scroll-cue 1.8s cubic-bezier(.2,.8,.2,1) both; }
.shop-bag.is-scroll-cued::after { animation: shop-scroll-ring 1.8s ease-out both; }
.shop-bag:hover, .shop-bag:focus-visible { animation: none; transform: translateY(-3px); border-color: #b9d5ff; box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 18px rgba(104,169,255,.72), 0 0 44px rgba(23,111,255,.52), 0 20px 46px rgba(0,0,0,.62); outline: none; }
.shop-bag-icon { position: relative; width: 19px; height: 18px; border: 1.5px solid currentColor; border-radius: 3px 3px 5px 5px; }
.shop-bag-icon::before { content: ''; position: absolute; left: 4px; top: -7px; width: 8px; height: 8px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; }
@keyframes shop-beacon {
  0%, 100% { border-color: rgba(90,157,255,.74); box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 20px rgba(23,111,255,.22), 0 18px 42px rgba(0,0,0,.55); }
  50% { border-color: rgba(145,192,255,.98); box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 16px rgba(104,169,255,.64), 0 0 38px rgba(23,111,255,.46), 0 18px 42px rgba(0,0,0,.55); }
}
@keyframes shop-scroll-cue {
  0%, 100% { transform: translateY(0) scale(1); }
  24% { transform: translateY(-4px) scale(1.06); border-color: #c7ddff; box-shadow: 0 0 0 1px rgba(255,255,255,.11) inset, 0 0 24px rgba(116,180,255,.78), 0 0 54px rgba(23,111,255,.48), 0 20px 46px rgba(0,0,0,.62); }
  52% { transform: translateY(-1px) scale(1.025); }
}
@keyframes shop-scroll-ring {
  0% { opacity: 0; transform: scale(.94); }
  22% { opacity: .9; }
  100% { opacity: 0; transform: scale(1.28); }
}
@media (prefers-reduced-motion: reduce) { .shop-bag { animation: none; } }
.shop-scrim { position: fixed; z-index: 98; inset: 0; opacity: 0; background: rgba(0,0,0,.68); backdrop-filter: blur(4px); transition: opacity .25s ease; }
.shop-scrim.is-open { opacity: 1; }
.shop-panel { position: fixed; z-index: 99; top: 0; right: 0; width: min(460px, 94vw); height: 100svh; overflow-y: auto; padding: clamp(1.3rem, 3vw, 2.3rem); border-left: 1px solid rgba(90,157,255,.34); background: radial-gradient(circle at 100% 0%, rgba(23,111,255,.12), transparent 35%), #070a0e; color: var(--bone); box-shadow: -30px 0 80px rgba(0,0,0,.68); transform: translate3d(102%, 0, 0); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.shop-panel.is-open { transform: none; }
.shop-panel-head { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--line); }
.shop-panel-head h2 { margin: .2rem 0 0; font-size: clamp(2.5rem, 6vw, 4.2rem); }
.shop-close { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.025); color: #fff; font-size: 1.7rem; line-height: 1; cursor: pointer; }
.shop-close:hover, .shop-close:focus-visible { border-color: var(--blue); outline: none; }
.shop-panel-intro { margin: 1.2rem 0 1rem; color: var(--slate); font-size: .9rem; }
.shop-list { display: grid; gap: .65rem; }
.shop-item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); color: inherit; text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.shop-item:hover, .shop-item:focus-visible { border-color: rgba(90,157,255,.68); background: rgba(23,111,255,.08); transform: translateX(-3px); outline: none; }
.shop-item.is-featured { border-color: rgba(214,154,82,.48); background: linear-gradient(90deg, rgba(214,154,82,.08), rgba(23,111,255,.04)); }
.shop-item span { display: grid; gap: .25rem; }
.shop-item strong { font: 700 1.05rem 'Barlow Condensed'; letter-spacing: .045em; text-transform: uppercase; }
.shop-item small { color: var(--slate); font: .58rem 'JetBrains Mono'; letter-spacing: .06em; text-transform: uppercase; }
.shop-item b { color: #fff; font: 600 .8rem 'JetBrains Mono'; }
.shop-archive-link { display: inline-flex; gap: .5rem; margin-top: 1.25rem; color: #9cc3ff; font: 600 .68rem 'JetBrains Mono'; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
body.shop-is-open { overflow: hidden; }

/* The System — architectural assembly */
.system-build { position: relative; min-height: 390svh; background: #030507; }
.system-build-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #030507; }
.system-build-frame::after { content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2,4,6,.95) 0%, rgba(2,4,6,.58) 35%, rgba(2,4,6,.06) 68%, rgba(2,4,6,.55) 100%), linear-gradient(0deg, rgba(2,4,6,.91), transparent 30% 76%, rgba(2,4,6,.56)); }
.system-build-environment, .system-build-blueprint, .system-building, .system-building img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.system-build-environment { z-index: -3; filter: brightness(.52) saturate(.8); transform: scale(var(--system-landscape-scale, 1.04)); will-change: transform; }
.system-build-blueprint { z-index: -1; opacity: var(--system-blueprint-opacity, .08); filter: drop-shadow(0 0 15px rgba(23,111,255,.46)); mix-blend-mode: screen; }
.system-building { z-index: 0; }
.system-building img { opacity: 0; will-change: transform, opacity, filter; filter: drop-shadow(0 28px 38px rgba(0,0,0,.68)); }
.system-build-copy { position: absolute; z-index: 3; left: max(5vw, 1.4rem); top: 50%; width: min(42vw, 680px); opacity: var(--system-copy-opacity, 1); transform: translateY(-50%); }
.system-build-copy h1 { margin: .05em 0 .08em; font-size: clamp(5rem, 11vw, 12rem); }
.system-build-copy > p:not(.eyebrow) { max-width: 41ch; color: #e0d2c0; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; }
.system-node-list { position: absolute; z-index: 4; inset: 13% 3% 16%; margin: 0; padding: 0; list-style: none; pointer-events: none; }
.system-node-list li { position: absolute; display: flex; align-items: center; gap: .6rem; width: min(15vw, 230px); opacity: var(--node-opacity, .12); transform: scale(var(--node-scale, .86)); color: #dce8f9; font: 600 clamp(.52rem, .7vw, .68rem) 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; transition: color .18s, text-shadow .18s; }
.system-node-list li::after { content: ''; flex: 1; order: -1; height: 1px; background: linear-gradient(90deg, transparent, rgba(80,148,255,.7)); }
.system-node-list li span { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid rgba(92,155,255,.72); border-radius: 50%; background: rgba(4,10,18,.8); box-shadow: 0 0 18px rgba(23,111,255,.25); }
.system-node-list li.is-active { color: #fff; text-shadow: 0 0 14px #4f9cff; }
.system-node-list li:nth-child(1) { left: 18%; top: 3%; }.system-node-list li:nth-child(2) { left: 13%; top: 18%; }.system-node-list li:nth-child(3) { left: 10%; top: 33%; }.system-node-list li:nth-child(4) { left: 10%; top: 48%; }.system-node-list li:nth-child(5) { left: 13%; top: 63%; }.system-node-list li:nth-child(6) { left: 18%; top: 78%; }
.system-node-list li:nth-child(n+7) { flex-direction: row-reverse; }.system-node-list li:nth-child(n+7)::after { order: 0; background: linear-gradient(90deg, rgba(80,148,255,.7), transparent); }
.system-node-list li:nth-child(7) { right: 18%; top: 3%; }.system-node-list li:nth-child(8) { right: 13%; top: 18%; }.system-node-list li:nth-child(9) { right: 10%; top: 33%; }.system-node-list li:nth-child(10) { right: 10%; top: 48%; }.system-node-list li:nth-child(11) { right: 13%; top: 63%; }.system-node-list li:nth-child(12) { right: 18%; top: 78%; }
.system-build-progress { position: absolute; z-index: 5; left: 5vw; bottom: 3.5vh; display: grid; grid-template-columns: auto minmax(100px, 18vw) auto; align-items: center; gap: .75rem; color: #a8b7ca; font: .6rem 'JetBrains Mono'; }
.system-build-progress i { height: 1px; background: rgba(255,255,255,.18); }.system-build-progress b { display: block; width: calc(var(--system-rail-progress, 0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 10px var(--blue); }
.system-build-cue { position: absolute; z-index: 4; right: 3vw; bottom: 3vh; color: #9cacbf; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

/* Sonic Hub — layered signal assembly */
.sonic-build { position: relative; min-height: 360svh; background: #020406; }
.sonic-build-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #020406; }
.sonic-build-frame::after { content: ''; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2,4,6,.96) 0%, rgba(2,4,6,.62) 38%, rgba(2,4,6,.08) 70%, rgba(2,4,6,.42) 100%), linear-gradient(0deg, rgba(2,4,6,.94), transparent 32% 79%, rgba(2,4,6,.46)); }
.sonic-build-environment, .sonic-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; will-change: opacity, transform; }
.sonic-build-environment { z-index: -3; filter: brightness(.55) saturate(.78) contrast(1.05); transform: scale(var(--sonic-environment-scale, 1.03)); }
.sonic-build-grid { position: absolute; z-index: -1; inset: 0; opacity: var(--sonic-grid-opacity, .04); background-image: linear-gradient(rgba(38,119,255,.48) 1px, transparent 1px), linear-gradient(90deg, rgba(38,119,255,.48) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 55% 60%, #000 0%, transparent 72%); }
.sonic-layer-console { z-index: 0; opacity: var(--sonic-console-opacity, 0); transform: translate3d(var(--sonic-console-x, -110px), 0, 0); filter: drop-shadow(0 28px 46px rgba(0,0,0,.7)); }
.sonic-layer-chair { z-index: 0; opacity: var(--sonic-chair-opacity, 0); transform: translate3d(var(--sonic-chair-x, 120px), 0, 0); filter: drop-shadow(0 28px 46px rgba(0,0,0,.68)); }
.sonic-layer-waveform { z-index: 1; opacity: var(--sonic-wave-opacity, 0); transform: scale(var(--sonic-wave-scale, .84)); transform-origin: center 68%; mix-blend-mode: screen; filter: drop-shadow(0 0 24px rgba(23,111,255,.74)); }
.sonic-layer-player { z-index: 3; opacity: var(--sonic-player-opacity, 0); transform: translate3d(0, var(--sonic-player-y, 80px), 0); }
.sonic-build-copy { position: absolute; z-index: 4; left: max(5vw, 1.4rem); top: 49%; width: min(48vw, 780px); opacity: 0; transform: translate3d(0, calc(-50% + 34px), 0); filter: blur(4px); transition: opacity .38s ease, transform .48s ease, filter .48s ease; pointer-events: none; }
.sonic-build-copy.is-active { opacity: 1; transform: translate3d(0, -50%, 0); filter: none; pointer-events: auto; }
.sonic-build-copy h1, .sonic-build-copy h2 { max-width: 9ch; margin: .05em 0 .08em; font-size: clamp(4.8rem, 9vw, 10.5rem); text-shadow: 0 15px 45px rgba(0,0,0,.78); }
.sonic-build-copy h2 { max-width: 11ch; font-size: clamp(4rem, 6.8vw, 8rem); }
.sonic-build-copy > p:not(.eyebrow) { max-width: 42ch; color: #e2d5c4; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; text-shadow: 0 3px 18px #000; }
.sonic-build-progress { position: absolute; z-index: 5; left: 5vw; bottom: 3.5vh; display: grid; grid-template-columns: auto minmax(100px, 18vw) auto; align-items: center; gap: .75rem; color: #a8b7ca; font: .6rem 'JetBrains Mono'; }
.sonic-build-progress i { height: 1px; background: rgba(255,255,255,.18); }.sonic-build-progress b { display: block; width: calc(var(--sonic-progress, 0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 10px var(--blue); }
.sonic-build-cue { position: absolute; z-index: 5; right: 3vw; bottom: 3vh; opacity: var(--sonic-cue-opacity, 1); color: #9cacbf; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

/* Archive — approved vault assembly */
.archive-build { position: relative; min-height: 390svh; background: #030507; }
.archive-build-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #030507; }
.archive-build-frame::after { content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2,4,6,.94) 0%, rgba(2,4,6,.68) 31%, rgba(2,4,6,.06) 55%), linear-gradient(0deg, rgba(2,4,6,.9), transparent 31% 83%, rgba(2,4,6,.28)); }
.archive-art { position: absolute; z-index: -2; inset: 0; overflow: hidden; }
.archive-art-layer, .archive-art-composite { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; will-change: opacity, transform, filter; }
.archive-art-environment { z-index: -5; filter: brightness(.78) saturate(.88) contrast(1.04); transform: scale(var(--archive-environment-scale, 1.03)); }
.archive-art-brand { z-index: -4; opacity: var(--archive-brand-opacity,0); transform: translate3d(0,var(--archive-brand-y,-22px),0); filter: drop-shadow(0 12px 28px rgba(0,0,0,.72)); }
.archive-art-blueprint { z-index: -3; opacity: var(--archive-blueprint-opacity, 0); filter: drop-shadow(0 0 18px rgba(23,111,255,.5)); }
.archive-art-case { z-index: -2; opacity: var(--archive-case-opacity,0); transform: translate3d(var(--archive-case-x,90px),0,0); filter: drop-shadow(0 34px 44px rgba(0,0,0,.72)); }
.archive-art-frame { z-index: -2; opacity: var(--archive-frame-opacity, 0); mix-blend-mode: screen; filter: drop-shadow(0 0 13px rgba(23,111,255,.58)); }
.archive-art-product { z-index: -1; opacity: 0; filter: drop-shadow(0 28px 35px rgba(0,0,0,.7)); }
.archive-art-passport { opacity: var(--archive-passport-opacity,0); transform: translate3d(var(--archive-passport-x,90px),var(--archive-passport-y,35px),0); }
.archive-art-incension { opacity: var(--archive-incension-opacity,0); transform: translate3d(var(--archive-incension-x,90px),var(--archive-incension-y,45px),0); }
.archive-art-book { opacity: var(--archive-book-opacity, 0); transform: translate3d(var(--archive-book-x,90px), var(--archive-book-y,55px), 0); }
.archive-art-soundtrack { opacity: var(--archive-soundtrack-opacity, 0); transform: translate3d(var(--archive-soundtrack-x, 90px), var(--archive-soundtrack-y, 65px), 0); }
.archive-art-rail { z-index: 0; opacity: var(--archive-rail-opacity,0); transform: translate3d(var(--archive-rail-x,-70px),0,0); filter: drop-shadow(0 22px 36px rgba(0,0,0,.7)); }
.archive-art-composite { z-index: 0; opacity: var(--archive-resolve-opacity, 0); }
.archive-art-scan { position: absolute; z-index: 1; inset: 0; opacity: var(--archive-scan-opacity, 0); background: linear-gradient(90deg, transparent 0 38%, rgba(62,139,255,.22) 49.7%, rgba(222,239,255,.58) 50%, rgba(62,139,255,.12) 50.4%, transparent 63%); transform: translateX(var(--archive-scan-x, -70%)); mix-blend-mode: screen; }
.archive-exact-suite { z-index: 0; inset: 0 0 0 38%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(.7rem, 1.2vw, 1.15rem); padding: clamp(5.5rem, 8vh, 7.5rem) clamp(1rem, 3vw, 3rem) clamp(4.5rem, 7vh, 6rem) clamp(1rem, 2vw, 2rem); background: linear-gradient(135deg, rgba(8,19,34,.92), rgba(3,7,12,.98)); }
.archive-exact-suite::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(83,145,231,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(83,145,231,.2) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, transparent, #000 20% 88%, transparent); }
.archive-exact-item { position: relative; z-index: 1; display: grid; grid-template-rows: minmax(0, 1fr) auto; min-width: 0; min-height: 0; margin: 0; padding: .58rem; overflow: hidden; border: 1px solid rgba(100,157,234,.28); border-radius: 12px; background: rgba(2,6,11,.76); box-shadow: 0 20px 42px rgba(0,0,0,.38); }
.archive-exact-item img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; filter: none; transform: none; }
.archive-exact-item figcaption { padding: .55rem .2rem .08rem; color: #b7c8de; font: 500 clamp(.47rem, .55vw, .6rem)/1.3 'JetBrains Mono'; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.archive-exact-book, .archive-exact-passport, .archive-exact-incension { grid-column: span 2; }
.archive-exact-soundtrack, .archive-exact-zine { grid-column: span 3; }
.archive-build-copy { position: absolute; z-index: 4; left: max(5vw, 1.4rem); top: 49%; width: min(39vw, 650px); opacity: 0; transform: translate3d(0, calc(-50% + 32px), 0); filter: blur(4px); transition: opacity .34s ease, transform .45s ease, filter .45s ease; pointer-events: none; }
.archive-build-copy.is-active { opacity: 1; transform: translate3d(0, -50%, 0); filter: none; pointer-events: auto; }
.archive-build-copy h1, .archive-build-copy h2 { max-width: 8ch; margin: .05em 0 .08em; font-size: clamp(5rem, 9vw, 10rem); text-shadow: 0 16px 48px rgba(0,0,0,.86); }
.archive-build-copy h2 { font-size: clamp(4rem, 6.8vw, 7.8rem); }
.archive-build-copy > p:not(.eyebrow) { max-width: 37ch; color: #e0d2c0; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; text-shadow: 0 3px 18px #000; }
.archive-build-progress { position: absolute; z-index: 5; left: 5vw; bottom: 3.5vh; display: grid; grid-template-columns: auto minmax(100px, 17vw) auto; align-items: center; gap: .75rem; color: #a8b7ca; font: .6rem 'JetBrains Mono'; }
.archive-build-progress i { height: 1px; background: rgba(255,255,255,.18); }.archive-build-progress b { display: block; width: calc(var(--archive-progress, 0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 10px var(--blue); }
.archive-build-cue { position: absolute; z-index: 5; right: 3vw; bottom: 3vh; opacity: var(--archive-cue-opacity, 1); color: #9cacbf; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

/* Legacy — foundation to lineage */
.legacy-build { position: relative; min-height: 340svh; background: #030506; }
.legacy-build-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #030506; }
.legacy-build-frame::after { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(2,4,5,.94), rgba(2,4,5,.58) 40%, rgba(2,4,5,.06) 72%), linear-gradient(0deg, rgba(2,4,5,.92), transparent 34% 82%, rgba(2,4,5,.34)); pointer-events: none; }
.legacy-build-frame > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; will-change: opacity, transform; }
.legacy-build-environment { z-index: -4; filter: brightness(.56) saturate(.82); transform: scale(var(--legacy-environment-scale, 1.03)); }
.legacy-build-grid { z-index: -2; opacity: var(--legacy-grid-opacity, .04); mix-blend-mode: screen; }
.legacy-build-foundation { z-index: -1; opacity: var(--legacy-foundation-opacity, 0); transform: translate3d(0, var(--legacy-foundation-y, 92px), 0); }
.legacy-build-house { z-index: 0; opacity: var(--legacy-house-opacity, 0); transform: translate3d(0, var(--legacy-house-y, 76px), 0); filter: drop-shadow(0 35px 50px rgba(0,0,0,.7)); }
.legacy-build-light { z-index: 0; opacity: var(--legacy-light-opacity, 0); mix-blend-mode: screen; }
.legacy-build-family { z-index: 2; opacity: var(--legacy-family-opacity, 0); transform: translate3d(var(--legacy-family-x, 120px), 0, 0); }
.legacy-build-measurements { z-index: 2; opacity: var(--legacy-measure-opacity, .1); }
.legacy-build-copy { position: absolute; z-index: 3; left: max(5vw, 1.4rem); top: 50%; width: min(41vw, 660px); opacity: var(--legacy-copy-opacity, 1); transform: translateY(-50%); }
.legacy-build-copy h1 { margin: .04em 0 .08em; font-size: clamp(5.5rem, 12vw, 13rem); }
.legacy-build-copy > p:not(.eyebrow) { max-width: 40ch; color: #e2d4c2; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; }
.legacy-principles { position: absolute; z-index: 4; left: 5vw; right: 5vw; bottom: 3.5vh; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; border: 1px solid rgba(91,151,237,.28); background: rgba(5,9,13,.72); backdrop-filter: blur(16px); }
.legacy-principles span { display: flex; gap: .7rem; padding: .8rem 1rem; color: #dce4ed; font: .62rem 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; }.legacy-principles span + span { border-left: 1px solid rgba(91,151,237,.22); }.legacy-principles b { color: #69a2ff; }
.legacy-build-cue { position: absolute; z-index: 4; right: 3vw; bottom: 3vh; color: #9cacbf; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

/* Dedicated Builder page layer assembly */
.builder-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; will-change: opacity, transform; }
.builder-layer-window { z-index: -1; opacity: var(--builder-window-opacity, 0); }
.builder-layer-blueprint { z-index: 0; opacity: var(--builder-board-opacity, 0); transform: translate3d(var(--builder-board-x, 70px), 0, 0); clip-path: inset(21% 0 0 0); }
.builder-layer-desk { z-index: 0; opacity: var(--builder-desk-opacity, 0); transform: translate3d(0, var(--builder-desk-y, 55px), 0); }
.builder-layer-journal { z-index: 0; opacity: var(--builder-journal-opacity, 0); }
.builder-layer-info { z-index: 1; opacity: var(--builder-info-opacity, 0); }
.builder-layer-glow { z-index: 1; opacity: var(--builder-glow-opacity, .1); mix-blend-mode: screen; }
.builder-layer-portrait { z-index: 2; opacity: var(--builder-portrait-opacity, 0); transform: translate3d(var(--builder-portrait-x, 0), var(--builder-portrait-y, 100px), 0) scale(var(--builder-portrait-scale, .9)); filter: drop-shadow(0 30px 40px rgba(0,0,0,.72)); }
.builder-approved-composite { display: none; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Selective cinematic transition chapters */
.cinematic-bridge { position: relative; min-height: 180svh; background: #030507; }
.cinematic-bridge-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: grid; place-items: center; background: radial-gradient(circle at 68% 48%, rgba(23,111,255,.08), transparent 34%), #030507; }
.cinematic-bridge-video { position: absolute; z-index: -2; inset: -5%; width: 110%; height: 110%; object-fit: cover; filter: brightness(.66) saturate(.78) contrast(1.12); transform: scale(var(--chapter-video-scale, .94)); will-change: transform; }
.cinematic-bridge-video-portrait { inset: 4% 5% 4% auto; width: min(49vw, 660px); height: 92%; object-fit: contain; filter: brightness(.78) saturate(.8) contrast(1.08) drop-shadow(0 40px 55px rgba(0,0,0,.72)); }
.cinematic-bridge-video-square { inset: 50% clamp(1rem,5vw,6rem) auto auto; width: min(54vw,780px); height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 18px; filter: brightness(.74) saturate(.84) contrast(1.08) drop-shadow(0 40px 58px rgba(0,0,0,.74)); transform: translateY(-50%) scale(var(--chapter-video-scale,.94)); }
.cinematic-bridge-frame::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(2,4,6,.96) 0%, rgba(2,4,6,.78) 39%, rgba(2,4,6,.13) 70%, rgba(2,4,6,.56) 100%), linear-gradient(0deg, rgba(2,4,6,.88), transparent 26% 78%, rgba(2,4,6,.52)); }
.cinematic-bridge-sonic .cinematic-bridge-frame::before { background: radial-gradient(circle at 50% 48%, rgba(2,4,6,.04), rgba(2,4,6,.36) 43%, rgba(2,4,6,.9) 86%), linear-gradient(90deg, rgba(2,4,6,.86), transparent 55%); }
.cinematic-bridge-grid { position: absolute; z-index: 0; inset: 0; opacity: var(--chapter-grid-opacity, .08); background-image: linear-gradient(rgba(83,145,232,.34) 1px, transparent 1px), linear-gradient(90deg, rgba(83,145,232,.34) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.cinematic-bridge-copy { position: relative; z-index: 2; justify-self: start; width: min(58vw, 850px); margin-left: max(6vw, 1.4rem); opacity: calc(.88 + var(--chapter-focus, 0) * .12); transform: translate3d(0, var(--chapter-copy-y, 34px), 0); will-change: opacity, transform; }
.cinematic-bridge-copy h2 { max-width: 10ch; font-size: clamp(4.4rem, 8.4vw, 10rem); text-shadow: 0 18px 45px rgba(0,0,0,.72); }
.cinematic-bridge-copy > p:not(.eyebrow) { max-width: 46ch; color: #dccdbb; font: clamp(1rem, 1.45vw, 1.3rem)/1.55 Georgia, serif; text-shadow: 0 3px 18px #000; }
.cinematic-bridge-sonic .cinematic-bridge-copy { margin-top: 10vh; }
.cinematic-bridge-sonic .cinematic-bridge-copy h2 { max-width: 9ch; }
.cinematic-bridge-label { position: absolute; z-index: 2; right: 2rem; bottom: 1.5rem; color: #96acd0; font: .58rem 'JetBrains Mono'; letter-spacing: .15em; text-transform: uppercase; }

/* Homepage Builder — the architectural portrait resolves into the author */
.home-builder { position: relative; min-height: 210svh; background: #030507; }
.home-builder-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: grid; align-items: center; background: #030507 url('../images/builder-author-poster.webp') 68% 72% / cover no-repeat; }
.home-builder-frame::after { content: ''; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(2,4,6,.96) 0%, rgba(2,4,6,.8) 42%, rgba(2,4,6,.08) 73%, rgba(2,4,6,.48) 100%), linear-gradient(0deg, rgba(2,4,6,.88), transparent 32% 76%, rgba(2,4,6,.6)); pointer-events: none; }
.home-builder-portrait { position: absolute; z-index: 1; right: clamp(1rem, 7vw, 9rem); bottom: -4%; height: min(94vh, 980px); width: auto; opacity: var(--home-builder-portrait-opacity, 0); transform: translate3d(var(--home-builder-portrait-x, 100px), 0, 0); filter: drop-shadow(0 45px 58px rgba(0,0,0,.78)); will-change: transform, opacity; }
.home-builder-grid { position: absolute; z-index: 1; inset: 0; opacity: var(--home-builder-grid-opacity, .06); background-image: linear-gradient(rgba(79,143,234,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(79,143,234,.4) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg, #000, transparent 76%); }
.home-builder-copy { position: relative; z-index: 2; width: min(57vw, 800px); margin-left: max(6vw, 1.4rem); opacity: var(--home-builder-copy-opacity, .88); transform: translate3d(0, var(--home-builder-copy-y, 56px), 0); will-change: opacity, transform; }
.home-builder-copy h2 { max-width: 11ch; font-size: clamp(4.5rem, 8.4vw, 10rem); text-shadow: 0 18px 48px rgba(0,0,0,.76); }
.home-builder-copy > p:not(.eyebrow) { max-width: 43ch; color: #d8cbbb; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; }
.home-builder-cue { position: absolute; z-index: 2; right: 2rem; bottom: 1.5rem; opacity: var(--home-builder-cue-opacity, 1); color: #96acd0; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

/* Homepage finale — the opening hero's pieces return as a purchase moment */
.book-finale { position: relative; min-height: 240svh; background: #020304; }
.book-finale-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: grid; align-items: center; background: #020304; }
.book-finale-frame::after { content: ''; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(1,3,4,.98) 0%, rgba(1,3,4,.84) 42%, rgba(1,3,4,.08) 76%), linear-gradient(0deg, rgba(1,3,4,.9), transparent 30% 78%, rgba(1,3,4,.5)); pointer-events: none; }
.book-finale-landscape { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: var(--finale-landscape-opacity, .36); transform: scale(var(--finale-landscape-scale, 1.12)); filter: brightness(.76) saturate(.82); will-change: opacity, transform; }
.book-finale-grid { position: absolute; z-index: -1; inset: 0; opacity: var(--finale-grid-opacity, .04); background-image: linear-gradient(rgba(53,126,234,.42) 1px, transparent 1px), linear-gradient(90deg, rgba(53,126,234,.42) 1px, transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(circle at 73% 50%, #000, transparent 64%); }
.book-finale-book { position: absolute; z-index: 1; right: clamp(1rem, 3vw, 3.5rem); top: 50%; width: min(37vw, 710px); max-height: 88vh; object-fit: contain; opacity: var(--finale-book-opacity, .08); transform: translate3d(var(--finale-book-x, 34vw), calc(-50% + var(--finale-book-y, 16vh)), 0) scale(var(--finale-book-scale, .64)) rotate(var(--finale-book-rotate, 7deg)); transform-origin: 55% 50%; filter: drop-shadow(0 45px 70px rgba(0,0,0,.8)); will-change: opacity, transform; }
.book-finale-copy { position: relative; z-index: 2; width: min(50vw, 720px); margin-left: max(4vw, 1.4rem); padding: clamp(1.25rem, 2.7vw, 2.4rem); overflow: hidden; border: 1px solid rgba(107,166,250,.46); border-radius: 18px; background: linear-gradient(135deg, rgba(10,52,111,.92), rgba(5,22,47,.9) 68%, rgba(3,10,20,.94)); box-shadow: 0 28px 72px rgba(0,0,0,.58), 0 0 42px rgba(23,111,255,.2), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(16px); opacity: var(--finale-copy-opacity, 0); transform: translate3d(var(--finale-copy-x, -90px), 0, 0); will-change: opacity, transform; }
.book-finale-copy::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(100,163,250,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(100,163,250,.22) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.book-finale-copy > * { position: relative; z-index: 1; }
.book-finale-copy h2 { max-width: 10ch; font-size: clamp(5rem, 9vw, 11rem); text-shadow: 0 18px 52px rgba(0,0,0,.82); }
.book-finale-copy > p:not(.eyebrow) { max-width: 41ch; color: #dfd2c1; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; }
.book-finale-copy .text-link { margin-left: 1.2rem; }
.book-finale-measure { position: absolute; z-index: 2; display: flex; align-items: center; gap: .55rem; opacity: var(--finale-measure-opacity, 0); color: #b8c9e2; font: .58rem 'JetBrains Mono'; }
.book-finale-measure i { display: block; height: 1px; background: #2d79e9; box-shadow: 0 0 9px #176fff; }
.book-finale-measure-x { top: 10%; right: 12%; }.book-finale-measure-x i { width: 12vw; }
.book-finale-measure-y { right: 2.5%; top: 44%; flex-direction: column; }.book-finale-measure-y i { width: 1px; height: 18vh; }
.book-finale-status { position: absolute; z-index: 2; right: 2rem; bottom: 1.5rem; opacity: var(--finale-measure-opacity, 0); color: #8fa8ca; font: .56rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }

[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .nav-toggle { display: grid; gap: 5px; padding: .7rem; cursor: pointer; }.nav-toggle span:not(.sr-only) { display: block; width: 25px; height: 1px; background: currentColor; }
  .site-nav { position: absolute; top: calc(100% + .5rem); left: 0; right: 0; display: none; padding: 1.4rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(6,9,12,.97); }
  .site-nav.is-open { display: grid; }.site-nav a { padding: .7rem; }
  .hero { grid-template-columns: 1fr; padding-top: calc(var(--header) + 5rem); }.hero-book { width: min(560px, 92vw); }.hero-book img { max-height: 48vh; }
  .hero-cinematic { padding-bottom: 5rem; }
  .hero-cinematic .hero-copy { padding-top: 2rem; }
  .hero-monument { width: min(720px, 94vw); justify-self: center; }
  .monument-window { height: min(58vh, 640px); }
  .home-builder-portrait { right: -4vw; height: min(80vh, 820px); }
  .home-builder-copy { width: min(68vw, 720px); }
  .book-finale-copy { width: min(52vw, 520px); }
  .book-finale-book { right: 2vw; width: min(38vw, 460px); }
  .transformation-stage { padding-top: calc(var(--header) + 3.5rem); }
  .target-reticle { right: -8vw; width: 42vw; }
  .hyena-stage { right: -8vw; width: min(58vw, 650px); opacity: .9; }
  .chapter-blueprint, .sonic-preview, .builder-callout { grid-template-columns: 1fr; }.pillar-grid, .offer-grid { grid-template-columns: 1fr; }
  .editorial-section, .builder-intro, .report-section { grid-template-columns: 1fr; }
  .section-index { position: relative; top: auto; }
  .sequence-grid { grid-template-columns: repeat(2, 1fr); }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .chapter { min-height: auto; }.chapter-sticky { position: relative; top: auto; }
  .audio-dock { grid-template-columns: auto 1fr; }.waveform { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  :root { --header: 62px; }.site-header { top: .5rem; width: calc(100% - 1rem); border-radius: 12px; }.brand { letter-spacing: .1em; font-size: .9rem; }
  .hero { padding-inline: 1rem; }.measurement { display: none; }.hero-copy h1 { font-size: clamp(4rem, 21vw, 6.8rem); }
  .hero-cinematic h1 { font-size: clamp(3.8rem, 17.5vw, 5.8rem); }
  .hero-line { white-space: normal; }
  .hero-cinematic { gap: 2.6rem; }
  .hero-monument { width: 100%; }
  .monument-window { height: 52vh; min-height: 430px; }
  .monument-window { background-size: 225% auto; background-position: 70% center; }
  .hero-monument figcaption { grid-template-columns: 1fr; }
  .hero-monument figcaption span + span { border-left: 0; border-top: 1px solid rgba(23,111,255,.25); }
  .hero-proof { grid-template-columns: 1fr; }
  .hero-proof span + span { border-left: 0; border-top: 1px solid var(--line); }
  .hero-cinematic .scroll-cue { display: none; }
  .transformation { min-height: 285svh; }
  .transformation-stage { padding: calc(var(--header) + 3rem) 1rem 2rem; }
  .transformation-copy { min-height: 58vh; }
  .story-step { width: 100%; }
  .story-step h2 { font-size: clamp(3rem, 16vw, 5.2rem); }
  .transformation-axis { grid-template-columns: 1fr; gap: .35rem; }
  .transformation-axis i { height: 2px; }
  .target-reticle { right: -20vw; width: 70vw; opacity: .55; }
  .hyena-stage { right: -34vw; top: 59%; width: 92vw; opacity: .5; }
  .transformation-signal { display: none; }
  .pillars, .offers, .sonic-preview, .builder-callout, .page-section { padding: 5rem 1rem; }.chapter { padding: 5rem 1rem; }
  .button { width: 100%; }.site-footer { grid-template-columns: 1fr; padding-block: 1.35rem 1rem; }.site-footer nav { justify-content: flex-start; text-align: left; }
  .editorial-section { padding-block: 6rem; gap: 2.2rem; }
  .section-index span { font-size: 5rem; }
  .sequence-grid, .tool-grid, .product-grid { grid-template-columns: 1fr; }
  .field-grid, .spec-strip { grid-template-columns: 1fr; }
  .spec-strip span { border-right: 0; border-bottom: 1px solid var(--line); }
  .accordion-panel { padding-right: 0; }
  .closing-panel { margin-inline: .5rem; }
  .shop-bag { right: .8rem; bottom: .8rem; min-height: 48px; padding: .65rem .85rem; }
  .shop-panel { width: 100%; }
  .cinematic-bridge { min-height: 155svh; }
  .cinematic-bridge-video-portrait { inset: 9% -22% 4% auto; width: 90vw; height: 86%; opacity: .68; }
  .cinematic-bridge-video-square { inset: 50% -30vw auto auto; width: 115vw; height: auto; opacity: .58; border-radius: 0; transform: translateY(-50%) scale(var(--chapter-video-scale,.94)); }
  .cinematic-bridge-copy { width: calc(100% - 2rem); margin-left: 1rem; }
  .cinematic-bridge-copy h2 { max-width: 9ch; font-size: clamp(3.6rem, 16vw, 5.8rem); }
  .cinematic-bridge-copy > p:not(.eyebrow) { max-width: 78%; font-size: .98rem; }
  .cinematic-bridge-label { right: 1rem; bottom: 1rem; }
  .home-builder { min-height: 180svh; }
  .home-builder-frame { background-image: none; }
  .home-builder-frame::after { background: linear-gradient(0deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.84) 54%, rgba(2,4,6,.2) 86%); }
  .home-builder-portrait { right: -32vw; height: 72vh; bottom: 24%; }
  .home-builder-copy { align-self: end; width: calc(100% - 2rem); margin: 0 1rem 8vh; }
  .home-builder-copy h2 { font-size: clamp(3.5rem, 16vw, 5.7rem); }
  .home-builder-copy > p:not(.eyebrow) { max-width: 92%; font-size: .96rem; }
  .home-builder-cue { right: 1rem; bottom: 1rem; }
  .book-finale { min-height: 210svh; }
  .book-finale-frame::after { background: linear-gradient(0deg, rgba(1,3,4,.98) 0%, rgba(1,3,4,.82) 50%, rgba(1,3,4,.12) 82%); }
  .book-finale-book { top: 1rem; right: auto; left: 50%; width: min(58vw, 260px); max-height: 34vh; transform: translate3d(calc(-50% + var(--finale-book-x, 34vw)), var(--finale-book-y, 16vh), 0) scale(var(--finale-book-scale, .64)) rotate(var(--finale-book-rotate, 7deg)); transform-origin: 50% 50%; }
  .book-finale-copy { align-self: end; width: calc(100% - 2rem); margin: 0 1rem clamp(3.5rem, 7vh, 5rem); padding: 1.15rem; }
  .book-finale-copy h2 { font-size: clamp(3.3rem, 15vw, 5.2rem); }
  .book-finale-copy > p:not(.eyebrow) { max-width: 92%; font-size: .96rem; }
  .book-finale-copy .text-link { display: flex; margin: 1.2rem 0 0; }
  .book-finale-measure { display: none; }.book-finale-status { right: 1rem; bottom: 1rem; max-width: 72%; text-align: right; }
  .system-build { min-height: 330svh; }.system-build-copy { top: 42%; width: calc(100% - 2rem); left: 1rem; }.system-build-copy h1 { font-size: clamp(5rem, 24vw, 7.4rem); }.system-node-list { display: none; }.system-build-cue { display: none; }
  .legacy-build { min-height: 290svh; }.legacy-build-copy { top: 41%; width: calc(100% - 2rem); left: 1rem; }.legacy-build-copy h1 { font-size: clamp(5.2rem, 25vw, 7.8rem); }.legacy-build-family { object-position: 68% center; }.legacy-principles { left: 1rem; right: 1rem; grid-template-columns: 1fr; }.legacy-principles span + span { border-left: 0; border-top: 1px solid rgba(91,151,237,.22); }.legacy-build-cue { display: none; }
}

/* Ad-readiness commerce, controlled-release, and consent surfaces */
.commerce-hero,.commerce-section,.commerce-split,.workbook-bridge,.utility-page{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));margin-inline:auto}
.commerce-hero{min-height:86svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(8rem,13vw,11rem) 0 5rem}
.commerce-hero::before,.utility-page::before{content:"";position:absolute;inset:4rem -8vw -2rem;z-index:-1;background:radial-gradient(circle at 72% 28%,rgba(31,120,255,.14),transparent 32%),linear-gradient(135deg,rgba(2,5,8,.98),rgba(7,10,14,.86));border:1px solid rgba(94,153,222,.18);border-radius:32px}
.commerce-copy h1,.utility-page h1{max-width:12ch;font-size:clamp(3.2rem,8vw,8rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase}
.commerce-lead{max-width:40rem;font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.5;color:var(--text-body)}
.price-lockup{display:flex;align-items:baseline;gap:1rem;margin:1.8rem 0}.price-lockup strong{font-size:clamp(2.5rem,5vw,4.8rem);color:#f2eee5}.price-lockup span{max-width:16rem;color:var(--text-micro)}
.commerce-art{margin:0;filter:drop-shadow(0 28px 42px rgba(0,0,0,.62))}.commerce-art img{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain}
.workbook-preflight-card{position:relative;min-height:min(70svh,720px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(66,139,238,.45);border-radius:10px;background:#07101a}.workbook-preflight-card img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.12;filter:blur(4px) saturate(.4)}.workbook-preflight-card::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(57,126,220,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(57,126,220,.2) 1px,transparent 1px);background-size:42px 42px}.workbook-preflight-card figcaption{position:relative;z-index:2;display:grid;gap:1rem;padding:2rem;text-align:center;text-transform:uppercase}.workbook-preflight-card small{font-family:monospace;letter-spacing:.18em;color:var(--bronze)}.workbook-preflight-card strong{font-size:clamp(2rem,5vw,4.5rem);line-height:.88}.workbook-preflight-card span{font-family:Georgia,serif;text-transform:none;font-size:clamp(1rem,2vw,1.4rem);color:var(--text-body)}
.commerce-section,.commerce-split,.workbook-bridge{margin-block:clamp(4rem,10vw,9rem);padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(94,153,222,.18);border-radius:24px;background:linear-gradient(145deg,rgba(6,10,15,.96),rgba(9,13,19,.72));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.commerce-section h2,.commerce-split h2,.workbook-bridge h2{font-size:clamp(2rem,4.8vw,4.8rem);line-height:.96;max-width:16ch}
.component-grid,.path-grid,.status-grid{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(94,153,222,.18);border:1px solid rgba(94,153,222,.18)}
.component-grid li,.path-grid article,.status-grid>div{padding:clamp(1.2rem,3vw,2.4rem);background:#080c11}.component-grid span,.path-grid article>span{font-family:monospace;color:var(--bronze);letter-spacing:.18em}.component-grid h3,.path-grid h3{font-size:clamp(1.1rem,2vw,1.45rem)}
.commerce-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}
.commerce-status dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.commerce-status dl div,.utility-page dl div{padding:1.2rem;border-left:2px solid #247fe5;background:rgba(255,255,255,.025)}dt{font-family:monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--bronze)}dd{margin:.5rem 0 0;color:var(--text-body)}
.launch-note{max-width:48rem;margin-top:1.2rem;padding:1rem;border-left:2px solid var(--bronze);background:rgba(166,119,62,.08);color:var(--text-body)}
.workbook-bridge{display:flex;align-items:end;justify-content:space-between;gap:2rem}.home-workbook{margin-top:0}.workbook-form{display:grid;gap:1rem;margin-top:1.5rem}.workbook-form label{display:grid;gap:.45rem}.workbook-form input[type=email]{width:100%;padding:.9rem 1rem;border:1px solid rgba(94,153,222,.38);background:#05080c;color:#fff;border-radius:8px}.form-consent{grid-template-columns:auto 1fr!important;align-items:start;color:var(--text-body);font-size:.9rem}.hp-field{position:absolute!important;left:-9999px!important}[data-lead-magnet-download][hidden]{display:none!important}
.companion-cover img{border:1px solid rgba(198,144,66,.45);box-shadow:0 35px 90px rgba(0,0,0,.64),0 0 44px rgba(23,111,255,.15)}.companion-spec{padding-top:clamp(5rem,10vw,9rem)}.companion-paths>div{position:relative;overflow:hidden;border:1px solid rgba(94,153,222,.22);background:linear-gradient(145deg,rgba(12,18,25,.96),rgba(4,7,10,.96));padding:clamp(1.6rem,4vw,3.4rem)}.companion-paths>div::after{content:"";position:absolute;right:-3rem;bottom:-3rem;width:11rem;aspect-ratio:1;border:1px solid rgba(23,111,255,.24);border-radius:50%}.companion-claim{padding-block:clamp(5rem,10vw,9rem)}.companion-claim-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.companion-claim-form label input[type=text],.companion-claim-form label input[type=email]{width:100%;padding:.9rem 1rem;border:1px solid rgba(94,153,222,.38);background:#05080c;color:#fff;border-radius:8px}.companion-claim-form .form-legal,.companion-claim-form button,.companion-claim-form [data-form-status]{grid-column:1/-1}.companion-bridge{border-left:3px solid var(--electric);padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(105deg,rgba(23,111,255,.1),rgba(198,144,66,.05))}
.utility-page{min-height:72svh;padding:clamp(9rem,15vw,13rem) clamp(1rem,4vw,4rem) 6rem}.utility-page>p,.utility-page>ol{max-width:48rem}.utility-page form{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.is-disabled,.is-unavailable{opacity:.58;cursor:not-allowed}.footer-preferences{min-height:44px;border:0;padding:.55rem .15rem;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}

@media(max-width:1200px){
  .commerce-hero::before,.utility-page::before{inset-inline:0}
}

body[data-route="/the-archive"] .archive-shell{overflow-x:clip}
.consent-banner{position:fixed;z-index:1000;left:clamp(.75rem,3vw,2rem);right:clamp(.75rem,3vw,2rem);bottom:clamp(.75rem,3vw,2rem);display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(61,142,255,.62);border-radius:18px;background:rgba(3,7,12,.97);box-shadow:0 25px 80px rgba(0,0,0,.72)}.consent-banner[hidden],.consent-dialog[hidden],.consent-scrim[hidden]{display:none}.consent-banner h2,.consent-dialog h2{margin:.2rem 0;font-size:clamp(1.4rem,3vw,2.25rem)}.consent-banner p{max-width:50rem;margin:.45rem 0;color:var(--text-body)}.consent-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.consent-scrim{position:fixed;z-index:1001;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.consent-dialog{position:fixed;z-index:1002;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 2rem));max-height:90svh;overflow:auto;padding:clamp(1.4rem,4vw,2.8rem);border:1px solid rgba(61,142,255,.62);border-radius:20px;background:#070b10;box-shadow:0 30px 100px #000}.consent-close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}.consent-choice{display:flex;justify-content:space-between;gap:1rem;padding:1rem;margin:1rem 0;border:1px solid rgba(255,255,255,.12);border-radius:10px}.consent-choice span{display:grid;gap:.3rem}.consent-choice small{color:var(--text-body)}.consent-choice input{width:1.4rem;height:1.4rem}

/* Scroll-engaged complimentary resource invitation */
body.free-offer-is-open{overflow:hidden}
.free-offer-scrim[hidden],.free-offer-dialog[hidden]{display:none}
.free-offer-scrim{position:fixed;z-index:960;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(7px);opacity:0;transition:opacity .24s ease}.free-offer-scrim.is-open{opacity:1}
.free-offer-dialog{position:fixed;z-index:961;left:50%;top:50%;width:min(980px,calc(100% - 2rem));max-height:min(90svh,760px);overflow:auto;padding:clamp(1.35rem,3vw,2.7rem);border:1px solid rgba(66,139,238,.62);border-radius:22px;background:radial-gradient(circle at 83% 12%,rgba(35,113,226,.18),transparent 32%),linear-gradient(145deg,#080d13,#030609 72%);box-shadow:0 38px 120px rgba(0,0,0,.88),0 0 54px rgba(23,111,255,.13);opacity:0;transform:translate(-50%,calc(-50% + 24px)) scale(.985);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.7,.2,1)}
.free-offer-dialog::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(rgba(61,142,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,142,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#000,transparent 66%)}.free-offer-dialog.is-open{opacity:1;transform:translate(-50%,-50%) scale(1)}
.free-offer-close{position:absolute;z-index:3;right:1rem;top:1rem;display:grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(2,5,9,.86);color:#fff;font-size:1.75rem;line-height:1;cursor:pointer}.free-offer-close:hover,.free-offer-close:focus-visible{border-color:var(--electric);box-shadow:0 0 20px rgba(23,111,255,.26)}
.free-offer-heading{position:relative;z-index:1;padding-right:3rem}.free-offer-heading h2{max-width:15ch;margin:.25rem 0 .7rem;font-size:clamp(2.2rem,4.3vw,4.7rem);line-height:.92}.free-offer-heading>p:last-child{max-width:58ch;margin:0;color:#c8c1b6;font:clamp(1rem,1.45vw,1.2rem)/1.55 Georgia,serif}
.free-offer-bundle{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:center;margin-top:1.7rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(73,145,240,.34);border-radius:16px;background:linear-gradient(135deg,rgba(7,13,21,.94),rgba(3,7,11,.9));box-shadow:inset 0 0 38px rgba(23,111,255,.055)}
.free-offer-covers{position:relative;min-height:260px}.free-offer-covers img{position:absolute;display:block;width:min(62%,170px);max-height:250px;aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14);border-radius:5px;box-shadow:0 20px 38px rgba(0,0,0,.56)}.free-offer-covers img:first-child{left:6%;top:0;z-index:2;transform:rotate(-4deg)}.free-offer-covers img:last-child{right:7%;bottom:0;z-index:1;transform:rotate(5deg)}
.free-offer-bundle-copy>span{color:var(--bronze);font:.61rem 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.free-offer-bundle-copy h3{margin:.35rem 0 .6rem;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1}.free-offer-bundle-copy ul{margin:0 0 1rem;padding-left:1.15rem;color:#afb8c4;font-size:.86rem;line-height:1.5}.free-offer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.free-offer-form>label:not(.form-consent){margin:0}.free-offer-form .form-consent,.free-offer-form [data-form-status],.free-offer-choice{grid-column:1/-1}.free-offer-form .form-consent{font-size:.72rem}.free-offer-form .button{min-height:47px;white-space:nowrap}.free-offer-form [data-form-status]{margin:0;color:#91a5bd;font-size:.72rem}.free-offer-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;border:0}.free-offer-choice legend{margin:0 0 .45rem;color:#9fb0c5;font:.6rem 'JetBrains Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.free-offer-choice label{position:relative;margin:0;cursor:pointer}.free-offer-choice input{position:absolute;opacity:0;pointer-events:none}.free-offer-choice span{display:flex;min-height:58px;padding:.7rem .65rem;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(3,7,11,.72);transition:border-color .2s,background .2s,box-shadow .2s}.free-offer-choice strong{color:#f1eee6;font-size:.78rem}.free-offer-choice small{margin-top:.2rem;color:#8290a0;font:.52rem 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.free-offer-choice input:checked+span{border-color:var(--electric);background:rgba(23,111,255,.13);box-shadow:0 0 22px rgba(23,111,255,.14)}.free-offer-choice input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.free-offer-note{position:relative;z-index:1;margin:1.1rem 0 0;color:#8f9aaa;font:.61rem 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.free-offer-success[hidden],.free-offer-dialog.is-submitted .free-offer-heading,.free-offer-dialog.is-submitted .free-offer-bundle,.free-offer-dialog.is-submitted .free-offer-note{display:none}
.free-offer-success{position:relative;z-index:2;min-height:min(68svh,560px);display:grid;place-items:center;align-content:center;gap:.8rem;padding:clamp(2rem,6vw,5rem);text-align:center}.free-offer-success-seal{display:grid;width:clamp(5rem,12vw,7.5rem);aspect-ratio:1;place-items:center;margin-bottom:.8rem;border:1px solid rgba(86,159,255,.72);border-radius:50%;background:radial-gradient(circle,rgba(23,111,255,.24),rgba(4,9,15,.9) 68%);color:#fff;font-size:clamp(2rem,5vw,3.8rem);box-shadow:0 0 0 10px rgba(23,111,255,.07),0 0 50px rgba(23,111,255,.28)}.free-offer-success .eyebrow{margin:0}.free-offer-success h2{max-width:none;margin:.1rem 0;font-size:clamp(3.6rem,8.5vw,8rem);line-height:.82}.free-offer-success>p:not(.eyebrow){max-width:42rem;margin:.25rem auto 1rem;color:#d7d0c5;font:clamp(1.05rem,2vw,1.4rem)/1.5 Georgia,serif}.free-offer-success .button{min-width:min(100%,260px)}

@media(max-width:760px){.commerce-hero{grid-template-columns:1fr;min-height:auto;padding-top:8rem}.commerce-art{order:-1}.commerce-art img{max-height:52svh}.commerce-copy h1,.utility-page h1{font-size:clamp(3rem,15vw,5rem)}.component-grid,.path-grid,.status-grid,.commerce-split{grid-template-columns:1fr}.commerce-status dl{grid-template-columns:1fr}.workbook-bridge,.consent-banner{align-items:stretch;flex-direction:column}.companion-claim-form{grid-template-columns:1fr}.consent-actions .button{width:100%}.free-offer-dialog{width:calc(100% - 1rem);max-height:92svh;padding:1.2rem}.free-offer-heading{padding-right:2.5rem}.free-offer-heading h2{font-size:clamp(2rem,10vw,3.15rem)}.free-offer-bundle{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:.9rem}.free-offer-covers{min-height:138px}.free-offer-covers img{width:92px;max-height:132px}.free-offer-covers img:first-child{left:calc(50% - 88px)}.free-offer-covers img:last-child{right:calc(50% - 88px)}.free-offer-bundle-copy{min-width:0}.free-offer-bundle-copy ul{display:none}.free-offer-form{grid-template-columns:minmax(0,1fr);min-width:0}.free-offer-choice{grid-template-columns:1fr}.free-offer-choice span{min-height:48px}.free-offer-form .button{width:100%;white-space:normal}.free-offer-note{font-size:.54rem;line-height:1.5}.free-offer-success{min-height:72svh;padding:3rem 1rem}.free-offer-success h2{font-size:clamp(3.5rem,18vw,5.5rem)}.soft-launch-banner{top:calc(.5rem + var(--header) + .45rem);width:calc(100% - 1rem);align-items:center;gap:.55rem;padding:.55rem 2.55rem .55rem .7rem}.soft-launch-copy{display:grid;gap:.08rem}.soft-launch-copy strong{font-size:.68rem}.soft-launch-copy span{display:none}.soft-launch-report{font-size:.52rem;letter-spacing:.07em}.soft-launch-signal{width:.42rem}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .chapter-wild { background-attachment: scroll; }
  [data-reveal] { opacity: 1; transform: none; }
  .hero-cinematic .hero-landscape, .hero-cinematic .hero-copy, .hero-monument, .transformation-wild, .transformation-blueprint, .transformation-grid, .target-reticle, .hyena-state { transform: none !important; }
  .hero-atmosphere, .transformation-video, .page-hero-video { display: none; }
  .cinematic-bridge { min-height: 100svh; }
  .cinematic-bridge-frame { position: relative; }
  /* Preserve a still frame for visitors who request reduced motion. The
     IntersectionObserver intentionally does not start playback in this mode. */
  .cinematic-bridge-video { display: block; }
  .cinematic-bridge-copy { opacity: 1; transform: none; }
  .home-builder, .book-finale { min-height: 100svh; }
  .home-builder-frame, .book-finale-frame { position: relative; }
  .home-builder-portrait { opacity: .62; transform: none; }
  .home-builder-copy, .book-finale-copy { opacity: 1; transform: none; }
  .book-finale-landscape { opacity: .72; transform: none; }
  .book-finale-book { opacity: .88; transform: translate3d(0, -50%, 0); }
  .book-finale-measure, .book-finale-status { opacity: 1; }
  .system-build, .legacy-build { min-height: 100svh; }.system-build-frame, .legacy-build-frame { position: relative; }.system-building img, .legacy-build-frame > img { opacity: 1 !important; transform: none !important; }.system-node-list li { opacity: 1; transform: none; }
  .hero-cinematic .scroll-cue i::after { animation: none; }
  .transformation { min-height: auto; }
  .transformation-stage { position: relative; height: auto; min-height: 100svh; }
  .transformation-copy { display: grid; gap: 3rem; min-height: auto; }
  .story-step, .story-step.is-active { position: relative; inset: auto; width: 100%; opacity: 1; transform: none; }
  .hyena-stage { position: relative; right: auto; top: auto; width: min(560px, 90vw); margin: 2rem auto; transform: none; }
  .hyena-state { position: relative; display: none; opacity: 1; }
  .hyena-state:first-child { display: block; }
}

@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  .book-finale-book { transform: translateX(-50%); }
}

/* Sonic Hub + Archive interactive refinement — 2026-08-29 */
body[data-route="/the-sonic-hub"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); transition: opacity .28s ease, transform .28s ease, visibility .28s; }
body[data-route="/the-sonic-hub"].past-sonic-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
body[data-route="/the-archive"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); transition: opacity .28s ease,transform .28s ease,visibility .28s; }
.site-nav-peek { position: fixed; top: 0; left: 50%; z-index: 52; display: flex; align-items: center; gap: .55rem; min-height: 2rem; padding: .34rem .85rem .4rem; border: 1px solid rgba(83,145,231,.38); border-top: 0; border-radius: 0 0 10px 10px; background: rgba(5,9,14,.91); color: #e6edf7; box-shadow: 0 10px 28px rgba(0,0,0,.34),0 0 18px rgba(23,111,255,.1); backdrop-filter: blur(14px); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-110%); transition: opacity .24s ease,transform .24s ease,visibility .24s; cursor: pointer; }
.site-nav-peek span { font: 600 .65rem 'Barlow Condensed'; letter-spacing: .18em; text-transform: uppercase; }
.site-nav-peek small { color: #86aee6; font: 500 .5rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
body.has-nav-peek.nav-peek-ready:not(.site-nav-open) .site-nav-peek { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
body.has-nav-peek:not(.site-nav-open) .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); transition: opacity .28s ease,transform .28s ease,visibility .28s; }
body.has-nav-peek.nav-peek-ready.site-nav-open .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }

/* Coaching Observatory — vertical Architectural Noir journey */
body[data-route="/coaching"] { background: #020406; }
.coaching-hero { min-height: 205svh; position: relative; background: #020406; --coaching-copy-opacity: 1; --coaching-cue-opacity: 1; }
.coaching-hero-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: flex; align-items: center; padding: 8rem max(6vw,1.5rem) 6rem; }
.coaching-hero-frame::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,rgba(1,3,5,.98) 0%,rgba(1,3,5,.88) 33%,rgba(1,3,5,.16) 70%,rgba(1,3,5,.58) 100%),linear-gradient(0deg,#020406 0%,transparent 25% 75%,rgba(2,4,6,.7)); }
.coaching-hero-environment { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: 50% 44%; filter: brightness(.64) saturate(.86) contrast(1.08); transform: scale(var(--coaching-hero-scale,1.04)); will-change: transform; }
.coaching-hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .26; background-image: linear-gradient(rgba(34,113,225,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(34,113,225,.22) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,#000,transparent 48%); }
.coaching-mentor { position: absolute; right: max(1vw,-1rem); bottom: -4vh; z-index: 1; width: min(48vw,770px); height: 91vh; object-fit: contain; object-position: right bottom; transform: translate3d(var(--coaching-mentor-x,0),var(--coaching-mentor-y,0),0); filter: drop-shadow(-28px 38px 40px rgba(0,0,0,.72)); will-change: transform; }
.coaching-hero-copy { position: relative; z-index: 3; width: min(58vw,940px); opacity: var(--coaching-copy-opacity,1); transform: translateY(calc((1 - var(--coaching-copy-opacity,1)) * -40px)); will-change: opacity,transform; }
.coaching-hero-copy h1 { max-width: 11ch; font-size: clamp(4.5rem,8.3vw,10rem); }
.coaching-hero-copy h1 span { color: transparent; -webkit-text-stroke: 1px rgba(242,238,229,.8); }
.coaching-hero-copy > p:not(.eyebrow) { max-width: 46ch; color: #d7cec1; font: clamp(1.05rem,1.45vw,1.34rem)/1.62 Georgia,serif; }
.coaching-hero-index { position: absolute; left: max(6vw,1.5rem); bottom: 2rem; z-index: 4; display: flex; gap: 2rem; color: #9eabb9; font: .6rem 'JetBrains Mono'; letter-spacing: .13em; text-transform: uppercase; }
.coaching-hero-index span { display: flex; gap: .65rem; align-items: center; }
.coaching-hero-index b { color: var(--bronze); }
.coaching-scroll-cue,.coaching-track-cue { position: absolute; right: 2rem; bottom: 1.5rem; z-index: 5; opacity: var(--coaching-cue-opacity,1); color: #91a6c3; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.coaching-intro { min-height: 82svh; display: grid; grid-template-columns: minmax(0,.8fr) minmax(320px,1.2fr); gap: 4vw; align-content: center; padding: 8rem max(7vw,1.5rem); border-block: 1px solid rgba(98,148,213,.15); background: radial-gradient(circle at 80% 40%,rgba(28,91,178,.12),transparent 32%),#05080b; }
.coaching-intro h2 { max-width: 8ch; }
.coaching-intro > p:last-child { align-self: end; max-width: 48ch; color: #c5beb2; font: clamp(1.1rem,1.65vw,1.45rem)/1.65 Georgia,serif; }
.coaching-track { position: relative; min-height: 315svh; overflow: clip; background: #030507; --coaching-track-cue-opacity: 1; }
.coaching-track-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: flex; align-items: center; padding: 6rem max(6vw,1.5rem); }
.coaching-layer-stage { position: absolute; inset: 0 0 0 auto; z-index: -3; width: min(61vw,920px); height: 100%; }
.coaching-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: right center; opacity: var(--coaching-layer-opacity,0); transform: translate3d(var(--coaching-layer-x,0),var(--coaching-layer-y,0),0) scale(1.015); filter: drop-shadow(0 24px 30px rgba(0,0,0,.28)); will-change: opacity,transform; }
.coaching-layer:first-child { opacity: 1; }
.coaching-track-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,rgba(2,4,6,.99) 0%,rgba(2,4,6,.92) 35%,rgba(2,4,6,.32) 62%,rgba(2,4,6,.06)),linear-gradient(0deg,rgba(2,4,6,.9),transparent 24% 78%,rgba(2,4,6,.72)); pointer-events: none; }
.coaching-track-shade::after { content: ''; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(42,116,221,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(42,116,221,.28) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000,transparent 52%); }
.coaching-track-copy { position: relative; z-index: 3; width: min(50vw,760px); min-height: 52vh; }
.coaching-copy { position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; transform: translate3d(0,34px,0); transition: opacity .24s ease,transform .5s cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.coaching-copy.is-active { opacity: 1; transform: translate3d(0,-50%,0); pointer-events: auto; }
.coaching-copy h2 { max-width: 9.5ch; font-size: clamp(4rem,7vw,8rem); text-shadow: 0 18px 46px #000; }
.coaching-copy > p:last-child { max-width: 38ch; color: #d4cbbc; font: clamp(1.05rem,1.4vw,1.28rem)/1.62 Georgia,serif; }
.coaching-track-progress { position: absolute; left: max(6vw,1.5rem); bottom: 3.2vh; z-index: 5; display: grid; grid-template-columns: auto minmax(120px,24vw) auto; align-items: center; gap: .8rem; color: #9aabc1; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; }
.coaching-track-progress i { height: 1px; background: rgba(255,255,255,.15); overflow: hidden; }
.coaching-track-progress b { display: block; width: calc(var(--coaching-track-progress,0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 12px var(--blue); }
.coaching-track-cue { opacity: var(--coaching-track-cue-opacity,1); }
.coaching-track-author { background: radial-gradient(circle at 78% 40%,rgba(162,102,44,.13),transparent 38%),#030507; }
.coaching-track-author .coaching-track-shade::after { background-image: linear-gradient(rgba(202,143,72,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(202,143,72,.2) 1px,transparent 1px); }
.coaching-bridge { min-height: 64svh; display: grid; grid-template-columns: 1.3fr .7fr; gap: 7vw; align-items: center; padding: 8rem max(7vw,1.5rem); background: linear-gradient(125deg,#0c151f,#050709 55%,#171007); border-block: 1px solid var(--line); }
.coaching-bridge h2 { max-width: 9ch; }
.coaching-bridge > p { max-width: 43ch; color: #aaa397; font-family: Georgia,serif; }
.coaching-comparison { padding: 9rem max(6vw,1.5rem); background: #06090c; }
.coaching-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; max-width: var(--max); margin: auto; }
.coaching-choice { position: relative; min-height: 520px; padding: clamp(2rem,4vw,4rem); overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(20,27,35,.94),rgba(5,8,11,.98)); }
.coaching-choice::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--blue); box-shadow: 0 0 24px var(--blue); }
.coaching-choice:nth-child(2)::before { background: var(--bronze); box-shadow: 0 0 24px var(--bronze); }
.coaching-choice > span:first-child { position: absolute; right: 1.4rem; top: .7rem; color: rgba(120,167,232,.15); font: 800 clamp(6rem,12vw,12rem)/1 'Barlow Condensed'; }
.coaching-choice h3 { position: relative; max-width: 14ch; font-size: clamp(2.5rem,4.2vw,4.7rem); }
.coaching-choice ul { position: relative; margin: 2rem 0; padding: 0; list-style: none; color: #aeb6bf; }
.coaching-choice li { padding: .7rem 0; border-bottom: 1px solid var(--line); }
.coaching-choice li::before { content: '+ '; color: var(--bronze); }
.coaching-entry { min-height: 80svh; display: grid; grid-template-columns: 1fr .85fr; gap: 7vw; align-items: center; padding: 9rem max(7vw,1.5rem); background: radial-gradient(circle at 78% 52%,rgba(25,107,226,.16),transparent 30%),#030609; }
.coaching-entry-copy h2 { max-width: 10ch; }
.coaching-entry-copy > p:not(.eyebrow) { max-width: 46ch; color: #c4bbb0; font-family: Georgia,serif; }
.coaching-entry-blueprint { position: relative; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; gap: 1rem; border: 1px solid rgba(57,132,235,.28); border-radius: 50%; color: #bdd4f5; font: .72rem 'JetBrains Mono'; box-shadow: inset 0 0 70px rgba(23,111,255,.08),0 0 50px rgba(23,111,255,.08); }
.coaching-entry-blueprint::before,.coaching-entry-blueprint::after { content: ''; position: absolute; inset: 14%; border: 1px dashed rgba(57,132,235,.3); border-radius: 50%; }
.coaching-entry-blueprint::after { inset: 31%; border-style: solid; }
.coaching-entry-blueprint span,.coaching-entry-blueprint i,.coaching-entry-blueprint small { position: relative; z-index: 2; }
.coaching-entry-blueprint i { width: 18%; height: 1px; background: linear-gradient(90deg,var(--blue),var(--bronze)); }
.coaching-entry-blueprint small { position: absolute; bottom: 17%; letter-spacing: .14em; text-transform: uppercase; }
.coaching-consult { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr); gap: clamp(3rem,7vw,8rem); align-items: center; padding: 8rem max(7vw,1.5rem); border-block: 1px solid rgba(95,153,234,.18); background: radial-gradient(circle at 85% 45%,rgba(184,119,48,.14),transparent 30%),linear-gradient(135deg,#0d151e,#05080c 64%); }
.coaching-consult-copy h2 { max-width: 12ch; }
.coaching-consult-copy > p:last-child { max-width: 58ch; color: #c6bdaf; font: clamp(1.05rem,1.45vw,1.3rem)/1.65 Georgia,serif; }
.coaching-consult-action { display: grid; gap: .7rem; padding: clamp(2rem,4vw,3.4rem); border: 1px solid rgba(211,148,72,.34); border-radius: 16px; background: rgba(5,8,12,.82); box-shadow: 0 32px 70px rgba(0,0,0,.4),inset 3px 0 var(--bronze); }
.coaching-consult-action span,.coaching-consult-action small { color: #a8b5c5; font: .62rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.coaching-consult-action strong { color: var(--bone); font: 700 clamp(2.2rem,4vw,4.4rem)/.95 'Barlow Condensed'; text-transform: uppercase; }
.coaching-consult-action .button { justify-self: start; margin-top: 1rem; }
.coaching-invitations { padding: 9rem max(6vw,1.5rem); background: #05080b; }
.coaching-invitations .section-heading > p:last-child { max-width: 56ch; color: #aeb8c4; }
.coaching-invitation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; max-width: var(--max); margin: 2.5rem auto 0; }
.coaching-invite-form { position: relative; display: grid; gap: 1.15rem; min-width: 0; padding: clamp(1.5rem,3vw,2.5rem); border: 1px solid rgba(103,155,224,.25); border-radius: 16px; background: linear-gradient(145deg,rgba(17,25,35,.94),rgba(4,7,10,.98)); }
.coaching-invite-form:nth-child(2) { border-color: rgba(201,142,72,.28); }
.coaching-invite-form header { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }
.coaching-invite-form header > span { color: rgba(113,165,237,.32); font: 800 4rem/1 'Barlow Condensed'; }
.coaching-invite-form h3 { margin: 0; font-size: clamp(2rem,3vw,3.5rem); }
.coaching-invite-form > p:not(.form-status) { color: #aeb8c4; }
.coaching-invite-form label { display: grid; gap: .55rem; min-width: 0; color: #aeb8c5; font: 500 .66rem 'JetBrains Mono'; letter-spacing: .09em; text-transform: uppercase; }
.coaching-invite-form input,.coaching-invite-form textarea { width: 100%; min-width: 0; padding: .95rem 1rem; border: 1px solid rgba(116,151,196,.3); border-radius: 7px; background: rgba(3,7,12,.66); color: var(--bone); text-transform: none; letter-spacing: normal; }
.coaching-invite-form input:focus,.coaching-invite-form textarea:focus { outline: none; border-color: #68a1f5; box-shadow: 0 0 0 3px rgba(23,111,255,.14); }
.coaching-invite-form textarea { resize: vertical; }
.coaching-invite-form .consent { grid-template-columns: auto 1fr; align-items: start; }
.coaching-invite-form .consent input { width: 1.1rem; margin-top: .2rem; }
.coaching-invite-form .button { justify-self: start; }
body[data-route="/coaching"] .site-header { transition: opacity .28s ease,transform .28s ease,visibility .28s; }

@media (max-width: 900px) {
  .coaching-hero-frame { align-items: end; padding: 6rem 1rem 7rem; }
  .coaching-hero-frame::after { background: linear-gradient(0deg,rgba(1,3,5,.99) 0%,rgba(1,3,5,.78) 48%,rgba(1,3,5,.08) 82%),linear-gradient(90deg,rgba(1,3,5,.44),rgba(1,3,5,.08)); }
  .coaching-mentor { right: -12vw; bottom: 10vh; width: 78vw; height: 74vh; opacity: .8; }
  .coaching-hero-copy { width: 100%; }
  .coaching-hero-copy h1 { font-size: clamp(4.2rem,14vw,7.5rem); }
  .coaching-hero-index { left: 1rem; gap: 1rem; }
  .coaching-scroll-cue { display: none; }
  .coaching-intro,.coaching-bridge,.coaching-entry,.coaching-consult { grid-template-columns: 1fr; }
  .coaching-track { min-height: 265svh; }
  .coaching-track-frame { align-items: end; padding: 1rem 1rem 9rem; }
  .coaching-layer-stage { inset: 0; width: 100%; height: 74%; }
  .coaching-layer { object-position: center top; }
  .coaching-track-shade { background: linear-gradient(0deg,rgba(2,4,6,.99) 0%,rgba(2,4,6,.92) 42%,rgba(2,4,6,.18) 78%,rgba(2,4,6,.08)); }
  .coaching-track-copy { width: 100%; min-height: 47vh; }
  .coaching-copy h2 { font-size: clamp(3.5rem,13vw,6rem); }
  .coaching-choice-grid { grid-template-columns: 1fr; }
  .coaching-invitation-grid { grid-template-columns: 1fr; }
  .coaching-entry-blueprint { width: min(100%,540px); margin: auto; }
}

@media (max-height: 800px) and (min-width: 901px) {
  .coaching-hero-frame { padding-top: 4rem; padding-bottom: 4rem; }
  .coaching-hero-copy h1 { max-width: 11ch; font-size: clamp(3.8rem,6.4vw,6.6rem); }
  .coaching-hero-copy > p:not(.eyebrow) { margin-block: .6rem 1rem; font-size: 1rem; }
  .coaching-hero-copy .eyebrow { margin-bottom: .55rem; }
  .coaching-hero-copy .button { min-height: 3rem; padding-block: .6rem; }
  .coaching-hero-index { bottom: .7rem; }
}

@media (max-width: 600px) {
  .coaching-hero { min-height: 180svh; }
  .coaching-hero-copy > p:not(.eyebrow) { font-size: 1rem; }
  .coaching-hero-index span { max-width: 10rem; }
  .coaching-hero-index { right: 5.3rem; gap: .35rem; justify-content: space-between; }
  .coaching-hero-index span { max-width: 8.4rem; font-size: .52rem; }
  .coaching-intro { min-height: auto; padding-block: 7rem; grid-template-columns: 1fr; }
  .coaching-track-progress { left: 1rem; bottom: 2.2vh; }
  .coaching-track-cue { display: none; }
  .coaching-choice { min-height: 460px; padding: 2rem 1.4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .coaching-hero,.coaching-track { min-height: auto; }
  .coaching-hero-frame,.coaching-track-frame { position: relative; min-height: 100svh; }
  .coaching-mentor,.coaching-hero-environment,.coaching-layer { transform: none !important; }
  .coaching-layer { opacity: 1; }
  .coaching-copy { display: none; }
  .coaching-copy:first-child { display: block; opacity: 1; transform: translateY(-50%); }
}

/* Archive reference build — exact supplied gallery pieces, 2026-09-01 */
body[data-route="/the-archive"] .archive-build { min-height: 420svh; background: #030303; }
body[data-route="/the-archive"] .archive-build-frame { background: #030303; }
body[data-route="/the-archive"] .archive-build-frame::after {
  z-index: 8;
  opacity: var(--archive-shade-opacity,.82);
  background: linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 29%,rgba(0,0,0,.08) 49%,transparent 67%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 28% 80%,rgba(0,0,0,.3));
  transition: opacity .12s linear;
}
body[data-route="/the-archive"] .archive-reference-scene { z-index: 0; left: 50%; top: 50%; right: auto; bottom: auto; width: min(100%,177.68vh); height: min(100%,56.28vw); aspect-ratio: 1672 / 941; overflow: hidden; background: #030303; transform: translate(-50%,-50%); }
body[data-route="/the-archive"] .archive-reference-environment,
body[data-route="/the-archive"] .archive-reference-piece,
body[data-route="/the-archive"] .archive-reference-final,
body[data-route="/the-archive"] .archive-reference-scan { position: absolute; pointer-events: none; will-change: opacity,transform; }
body[data-route="/the-archive"] .archive-reference-environment,
body[data-route="/the-archive"] .archive-reference-passport,
body[data-route="/the-archive"] .archive-reference-mini,
body[data-route="/the-archive"] .archive-reference-soundtrack,
body[data-route="/the-archive"] .archive-reference-zine,
body[data-route="/the-archive"] .archive-reference-book,
body[data-route="/the-archive"] .archive-reference-final { inset: 0; width: 100%; height: 100%; object-fit: fill; object-position: center; }
body[data-route="/the-archive"] .archive-reference-environment { z-index: 1; filter: none; transform: none; }
body[data-route="/the-archive"] .archive-reference-passport { z-index: 2; inset: auto; left: -1.9%; top: 21.8%; width: 68%; height: 68%; object-fit: fill; opacity: var(--archive-passport-opacity,0); clip-path: none; transform: none; filter: none; mix-blend-mode: screen; }
body[data-route="/the-archive"] .archive-reference-mini { z-index: 3; opacity: var(--archive-mini-opacity,0); clip-path: polygon(16% 30%,33% 30%,33% 87%,16% 87%); transform: none; filter: none; }
body[data-route="/the-archive"] .archive-reference-soundtrack { z-index: 4; inset: auto; left: 15%; top: 10%; width: 21.5%; height: 77%; object-fit: contain; opacity: var(--archive-soundtrack-opacity,0); clip-path: none; transform: translate3d(var(--archive-soundtrack-entry,6vw),var(--archive-soundtrack-y,4vh),0); filter: drop-shadow(0 1.4rem 2.2rem rgba(0,0,0,.72)); -webkit-mask-image: radial-gradient(ellipse 88% 96% at center,#000 72%,transparent 100%); mask-image: radial-gradient(ellipse 88% 96% at center,#000 72%,transparent 100%); }
body[data-route="/the-archive"] .archive-reference-zine { z-index: 4; opacity: var(--archive-zine-opacity,0); clip-path: polygon(81% 23%,100% 23%,100% 93%,81% 93%); transform: translate3d(calc(-15% + var(--archive-zine-entry,8vw)),var(--archive-zine-y,2.5vh),0); filter: none; }
body[data-route="/the-archive"] .archive-reference-book { z-index: 5; inset: auto; left: 28.6%; top: 33.6%; width: 44%; height: 44%; object-fit: fill; opacity: var(--archive-book-opacity,0); clip-path: none; transform: none; mix-blend-mode: normal; filter: none; }
body[data-route="/the-archive"] .archive-reference-final { z-index: 6; opacity: var(--archive-final-opacity,0); transform: none; filter: none; }
body[data-route="/the-archive"] .archive-reference-scan { z-index: 7; top: 0; bottom: 0; left: 0; width: 22%; opacity: var(--archive-scan-opacity,0); transform: translateX(var(--archive-scan-x,-120%)); background: linear-gradient(90deg,transparent,rgba(255,182,73,.1) 46%,rgba(255,232,180,.42) 50%,rgba(255,182,73,.08) 54%,transparent); mix-blend-mode: screen; }
body[data-route="/the-archive"] .archive-build-copy { top: 49%; width: min(48vw,780px); }
body[data-route="/the-archive"] .archive-build-copy h1,
body[data-route="/the-archive"] .archive-build-copy h2 { font-size: clamp(4rem,6.8vw,8rem); }
body[data-route="/the-archive"] .archive-build-copy h1 { max-width: 9ch; font-size: clamp(4.8rem,9vw,10.5rem); }
body[data-route="/the-archive"] .archive-build-copy > p:not(.eyebrow) { max-width: 42ch; }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] { left: 50%; top: 4%; width: min(760px,72vw); text-align: center; transform: translate3d(-50%,18px,0); }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"].is-active { transform: translate3d(-50%,0,0); }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] .eyebrow { width: 100%; margin-inline: auto; text-align: center; }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] h2 { max-width: none; margin-inline: auto; font-size: clamp(2.2rem,3.2vw,3.8rem); }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] > p:not(.eyebrow) { display: none; }
body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] .button { padding: .65rem 1rem; }

@media (max-width: 900px) {
  body[data-route="/the-archive"] .archive-build { min-height: 350svh; }
  body[data-route="/the-archive"] .archive-build-frame::after { opacity: var(--archive-shade-opacity,.78); background: linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.7) 31%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.22) 100%); }
  body[data-route="/the-archive"] .archive-reference-environment,
  body[data-route="/the-archive"] .archive-reference-passport,
  body[data-route="/the-archive"] .archive-reference-mini,
  body[data-route="/the-archive"] .archive-reference-soundtrack,
  body[data-route="/the-archive"] .archive-reference-zine,
  body[data-route="/the-archive"] .archive-reference-book,
  body[data-route="/the-archive"] .archive-reference-final { object-position: center; }
  body[data-route="/the-archive"] .archive-build-copy { left: 1rem; top: 43%; width: calc(100% - 2rem); }
  body[data-route="/the-archive"] .archive-build-copy h1,
  body[data-route="/the-archive"] .archive-build-copy h2 { max-width: 10ch; font-size: clamp(3.5rem,15vw,5.5rem); }
  body[data-route="/the-archive"] .archive-build-copy h1 { max-width: 10ch; font-size: clamp(3.5rem,15vw,5.5rem); }
  body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] { top: 3%; width: calc(100% - 2rem); }
  body[data-route="/the-archive"] .archive-build-copy[data-archive-copy="2"] h2 { font-size: clamp(2.1rem,6vw,3rem); }
  body[data-route="/the-archive"] .archive-reference-soundtrack { left: 14%; top: 12%; width: 24%; height: 74%; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-route="/the-archive"] .archive-build { min-height: 100svh; }
  body[data-route="/the-archive"] .archive-build-frame { position: relative; }
  body[data-route="/the-archive"] .archive-reference-piece { opacity: 1 !important; }
}

/* Archive exact-art guardrails — supplied originals remain visually untouched. */
body[data-route="/the-archive"] .archive-build-frame::after { background: linear-gradient(90deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.82) 29%, rgba(2,4,6,.16) 38%, transparent 46%); }
body[data-route="/the-archive"] .archive-exact-item img { filter: none !important; transform: none !important; mix-blend-mode: normal !important; }
@media (max-width: 900px) {
  body[data-route="/the-archive"] .archive-build-frame::after { background: linear-gradient(180deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.78) 31svh, transparent 40svh); }
}

/* Legacy Transmission Desk */
.legacy-transmission { position: relative; isolation: isolate; align-items: start; grid-template-columns: minmax(330px,.76fr) minmax(600px,1.24fr); gap: clamp(3rem,6vw,7rem); padding-block: clamp(7rem,10vw,11rem); overflow: clip; background: radial-gradient(circle at 15% 18%,rgba(41,112,214,.24),transparent 31%),radial-gradient(circle at 82% 68%,rgba(175,116,49,.1),transparent 30%),linear-gradient(135deg,#111c2a 0%,#070b11 54%,#030507 100%); }
.legacy-transmission::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .14; background-image: linear-gradient(rgba(82,145,232,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(82,145,232,.28) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000,transparent 68%); }
.transmission-brief { position: sticky; top: 4.5rem; }
.legacy-transmission .report-copy::after { display: none; }
.transmission-brief > p:not(.eyebrow,.security-note) { color: #bdc8d7; font: clamp(1rem,1.25vw,1.18rem)/1.65 Georgia,serif; }
.transmission-blueprint { position: relative; height: auto; margin: 0; padding: 2rem 1.25rem .8rem; overflow: hidden; border-bottom: 1px solid rgba(99,158,239,.28); background: linear-gradient(90deg,rgba(12,31,54,.96),rgba(3,8,14,.94)); box-shadow: inset 0 -22px 42px rgba(1,4,7,.34); }
.transmission-blueprint::after { content: 'LEGACY / TRANSMISSION PATH'; position: absolute; top: .75rem; left: .85rem; color: #739bce; font: 500 .53rem 'JetBrains Mono'; letter-spacing: .14em; }
.transmission-path { position: relative; display: grid; grid-template-columns: auto minmax(1.5rem,1fr) auto minmax(1.5rem,1fr) auto; justify-items: center; align-items: center; min-height: 4.7rem; padding: .45rem clamp(.35rem,1.4vw,.9rem); border: 1px solid rgba(94,150,229,.22); border-radius: 12px; background: rgba(3,8,14,.84); backdrop-filter: blur(12px); }
.transmission-path > i { width: 100%; height: 1px; min-width: 1.5rem; background: rgba(87,145,226,.24); transform: scaleX(.36); transition: background .35s ease,box-shadow .35s ease,transform .45s ease; }
.transmission-node { display: grid; place-items: center; gap: .25rem; width: 3.55rem; aspect-ratio: 1; border: 1px solid rgba(100,150,219,.26); border-radius: 50%; background: #08101a; color: #61738c; transition: color .35s,border-color .35s,box-shadow .35s,transform .35s; }
.transmission-node b { font: 700 .76rem 'JetBrains Mono'; }.transmission-node small { font: 500 .43rem 'JetBrains Mono'; letter-spacing: .1em; text-transform: uppercase; }
.transmission-node.is-active,.transmission-node.is-complete { border-color: rgba(88,158,255,.88); color: #e9f2ff; box-shadow: 0 0 0 5px rgba(23,111,255,.09),0 0 26px rgba(23,111,255,.42); transform: scale(1.04); }
.transmission-node.is-complete + i { background: #4d95ff; box-shadow: 0 0 12px rgba(23,111,255,.72); transform: scaleX(1); }
.transmission-signal { display: grid; gap: .2rem; padding: 1rem 1.15rem; border-left: 2px solid #397fdc; background: rgba(4,9,15,.7); }
.transmission-signal span,.transmission-signal small { color: #7893b8; font: 500 .53rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.transmission-signal strong { color: #eaf2ff; font: 700 1.15rem 'Barlow Condensed'; letter-spacing: .05em; text-transform: uppercase; }
.legacy-transmission .security-note { margin-top: 1.2rem; }

.transmission-form { gap: 0; padding: 0; overflow: hidden; border-radius: 20px; background: rgba(4,9,15,.88); box-shadow: 0 42px 100px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.05); }
.transmission-form::before { display: none; }
.transmission-form-head { display: flex; justify-content: space-between; gap: 2rem; align-items: end; padding: 1.35rem clamp(1.2rem,2.5vw,2rem); border-bottom: 1px solid rgba(94,150,229,.24); background: linear-gradient(90deg,rgba(32,72,124,.26),rgba(7,12,19,.2)); }
.transmission-form-head div { display: grid; gap: .25rem; }.transmission-form-head span,.transmission-form-head p { margin: 0; color: #7695bf; font: 500 .54rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }.transmission-form-head strong { color: #eef4fc; font: 700 1.05rem 'Barlow Condensed'; letter-spacing: .08em; text-transform: uppercase; }.transmission-form-head p b { color: #78adfa; }
.transmission-progress { height: 3px; background: rgba(255,255,255,.06); }.transmission-progress i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#176fff,#72abff); box-shadow: 0 0 15px #176fff; transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.report-stage { margin: .85rem 1rem 0; padding: clamp(1.2rem,2.4vw,1.8rem); border: 1px solid rgba(105,151,213,.18); border-radius: 14px; opacity: .64; transition: opacity .3s ease,background .3s ease,border-color .3s ease; }
.report-stage:last-of-type { margin-bottom: 1rem; }
.report-stage.is-active,.report-stage.is-complete { opacity: 1; background: linear-gradient(90deg,rgba(23,111,255,.055),transparent 68%); }
.report-stage-head { display: grid; grid-template-columns: auto minmax(0,1fr); column-gap: .9rem; align-items: center; margin: 0 0 1.35rem; }
.report-stage-head > div { display: grid; gap: .2rem; min-width: 0; }
.report-stage-head > span { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid rgba(92,151,232,.36); border-radius: 50%; color: #72a7f1; font: 600 .58rem 'JetBrains Mono'; }
.report-stage-head b { color: #edf3fb; font: 700 1.3rem 'Barlow Condensed'; letter-spacing: .04em; text-transform: uppercase; }.report-stage-head small { color: #71829a; font: 500 .53rem/1.5 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; }
.report-stage.is-complete .report-stage-head > span { border-color: #62a2fb; background: rgba(23,111,255,.2); box-shadow: 0 0 18px rgba(23,111,255,.32); color: #fff; }
.report-channel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.site-report-form .report-channel { position: relative; display: block; cursor: pointer; }
.site-report-form .report-channel > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.report-channel > span { display: grid; grid-template-columns: auto 1fr; column-gap: .8rem; min-height: 104px; padding: .95rem; border: 1px solid rgba(111,154,211,.22); border-radius: 11px; background: rgba(7,13,21,.72); transition: border-color .25s,background .25s,box-shadow .25s,transform .25s; }
.report-channel > span small { grid-row: 1 / 3; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border: 1px solid rgba(89,147,226,.3); border-radius: 50%; color: #6e94c7; font: 500 .46rem 'JetBrains Mono'; }.report-channel > span b { color: #dbe5f2; font: 700 .92rem 'Barlow Condensed'; letter-spacing: .03em; }.report-channel > span em { color: #77869a; font: normal .56rem/1.45 'JetBrains Mono'; letter-spacing: .02em; text-transform: none; }
.report-channel:hover > span,.report-channel input:focus-visible + span { border-color: rgba(97,158,244,.62); background: rgba(16,35,60,.78); transform: translateY(-2px); }
.report-channel input:checked + span { border-color: #5a9cf7; background: linear-gradient(145deg,rgba(28,82,157,.46),rgba(8,20,35,.88)); box-shadow: 0 16px 34px rgba(0,0,0,.3),0 0 24px rgba(23,111,255,.18),inset 3px 0 #4f9cff; }
.report-channel input:checked + span small { border-color: #79aff9; color: #fff; box-shadow: 0 0 14px rgba(23,111,255,.42); }
.report-context-field { margin-top: 1rem; }.report-context-field[hidden] { display: none; }
.transmission-submit { display: grid; grid-template-columns: auto 1fr; gap: 1rem 1.3rem; align-items: center; padding: clamp(1.4rem,3vw,2.3rem); background: rgba(2,6,10,.74); }.transmission-submit .button { gap: 1.2rem; min-width: 15rem; }.transmission-submit .button i { font-style: normal; font-size: 1.2rem; }.transmission-submit .form-status { max-width: 48ch; }
.transmission-form.is-ready .transmission-submit .button { box-shadow: 0 0 0 1px rgba(255,255,255,.16) inset,0 0 32px rgba(23,111,255,.5); animation: transmission-ready 2.4s ease-in-out infinite; }
@keyframes transmission-ready { 50% { box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset,0 0 48px rgba(23,111,255,.68); } }

@media (max-width: 1100px) {
  .legacy-transmission { grid-template-columns: 1fr; }
  .transmission-brief { position: relative; top: auto; }
  .transmission-blueprint { height: auto; }
}
@media (max-width: 650px) {
  .legacy-transmission { padding-inline: 1rem; }
  .report-channel-grid,.transmission-submit { grid-template-columns: 1fr; }
  .transmission-blueprint { height: auto; padding: 1.85rem .55rem .55rem; }
  .report-stage { margin-inline: .65rem; padding: 1.15rem; }
  .report-stage-head { align-items: start; }
  .transmission-node { width: 3.5rem; }.transmission-node small { font-size: .38rem; }
  .transmission-form-head { align-items: start; flex-direction: column; gap: .6rem; }
  .transmission-submit .button { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .transmission-form.is-ready .transmission-submit .button { animation: none; }
}
body.has-nav-peek.site-nav-open .site-nav-peek { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-100%); }
body[data-route="/the-archive"] .archive-page-nav { position: absolute; top: calc(100% + 1.45rem); left: 50%; display: grid; gap: .28rem; width: 15.5rem; padding: .55rem; border: 1px solid rgba(83,145,231,.32); border-radius: 12px; background: rgba(5,9,14,.97); box-shadow: 0 24px 58px rgba(0,0,0,.58),0 0 28px rgba(23,111,255,.11); backdrop-filter: blur(16px); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-10px); transition: opacity .2s ease,transform .2s ease,visibility .2s; }
body[data-route="/the-archive"] .archive-page-nav::before { content: ''; position: absolute; left: 0; right: 0; top: -1.6rem; height: 1.6rem; }
body[data-route="/the-archive"] .site-nav-item-archive:hover .archive-page-nav,
body[data-route="/the-archive"] .site-nav-item-archive:focus-within .archive-page-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
body[data-route="/the-archive"] .archive-page-nav a { display: block; padding: .72rem .78rem; border: 1px solid transparent; border-radius: 8px; color: #aebed3; font: 500 .61rem 'JetBrains Mono'; letter-spacing: .12em; }
body[data-route="/the-archive"] .archive-page-nav a::after { display: none; }
body[data-route="/the-archive"] .archive-page-nav a:hover,
body[data-route="/the-archive"] .archive-page-nav a:focus-visible,
body[data-route="/the-archive"] .archive-page-nav a.is-current { border-color: rgba(77,149,255,.42); background: rgba(23,111,255,.14); color: var(--bone); }
@media (max-width: 980px) {
  body[data-route="/the-archive"] .site-nav-item-archive { display: grid; }
  body[data-route="/the-archive"] .site-nav.is-open .archive-page-nav { position: static; width: 100%; margin-top: .35rem; opacity: 1; visibility: visible; pointer-events: auto; transform: none; box-shadow: inset 0 0 0 1px rgba(83,145,231,.12); }
  body[data-route="/the-archive"] .archive-page-nav::before { display: none; }
}
.sonic-layer-player { pointer-events: none; }
.sonic-layer-player > img { width: 100%; height: 100%; object-fit: cover; }
.sonic-hero-play { position: absolute; z-index: 8; left: 27.55%; top: 89.9%; width: clamp(3rem,4.35vw,5.1rem); aspect-ratio: 1; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: transparent; box-shadow: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; transform: translate(-50%,-50%); transition: transform .25s ease,box-shadow .25s ease; }
.sonic-hero-play > span[aria-hidden="true"] { opacity: 0; }
.sonic-hero-play:hover,.sonic-hero-play[aria-pressed="true"] { background: transparent; box-shadow: none; transform: translate(-50%,-50%); }
.sonic-hero-play:focus-visible { outline: 2px solid rgba(116,177,255,.92); outline-offset: 3px; box-shadow: none; }
.sonic-build-copy[data-sonic-copy="2"] { top: 41%; }
.sonic-build-copy[data-sonic-copy="2"] .button-row { margin-top: clamp(1.1rem,2.2vh,2rem); }
.sonic-layer-player audio { display: none; }
.sonic-preview-button { gap: .55rem; }
.sonic-preview-button > span[aria-hidden="true"] { font-size: .82em; }

.score-section { overflow: hidden; background: radial-gradient(circle at 24% 18%,rgba(36,104,200,.16),transparent 34%),#06090d; }
.home-sonic-score .section-heading { width: min(100%,1320px); margin-inline: auto; }
.home-sonic-score > .button-row { width: min(100%,1320px); margin: 0 auto; }
.sonic-playlist-shell { width: min(100%,1320px); margin: 0 auto 3rem; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: clamp(1rem,3vw,3rem); align-items: stretch; }
.sonic-playlist-stage { position: relative; min-height: 780px; overflow: hidden; border: 1px solid rgba(98,157,239,.3); border-radius: 20px; background: radial-gradient(circle at 28% 26%,rgba(41,115,224,.22),transparent 42%),linear-gradient(145deg,#131d2a,#04070b 70%); box-shadow: 0 34px 90px rgba(0,0,0,.54); }
.sonic-listening-rig { position: absolute; left: 5%; right: 5%; top: 6%; height: 53%; display: grid; grid-template-columns: minmax(240px,.8fr) minmax(320px,1.2fr); gap: clamp(1rem,3vw,2.5rem); align-items: center; }
.sonic-art-orbit { position: relative; width: min(100%,380px); aspect-ratio: 1; z-index: 3; justify-self: center; perspective: 900px; }
.sonic-track-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; box-shadow: 0 30px 62px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.1); transform: rotateY(-12deg) rotateZ(-2deg) scale(.92); opacity: 0; }
.sonic-track-art.is-active { animation: sonic-art-enter .7s cubic-bezier(.2,.8,.2,1) both; }
@keyframes sonic-art-enter { to { opacity: 1; transform: rotateY(0) rotateZ(0) scale(1); } }
.sonic-playlist-turntable { min-height: 0; width: min(100%,430px); aspect-ratio: 1; justify-self: center; background: linear-gradient(145deg,#202a35,#080b0f); }
.sonic-playlist-turntable .vinyl-record { left: 7%; top: 51%; width: 76%; }
.sonic-playlist-turntable .tonearm { right: 10%; top: 12%; height: 61%; }
.sonic-playlist-turntable .turntable-status-light { display: inline-block; width: .48rem; height: .48rem; margin-right: .45rem; border-radius: 50%; background: #5f6d7c; box-shadow: 0 0 9px rgba(255,255,255,.2); transition: background .25s,box-shadow .25s; }
[data-sonic-playlist].is-playing .sonic-playlist-turntable .turntable-status-light { background: #4f9cff; box-shadow: 0 0 13px #176fff; }
[data-sonic-playlist].is-playing .sonic-playlist-turntable .vinyl-record { animation: sonic-record-spin 5.5s linear infinite; }
@keyframes sonic-record-spin { to { transform: translateY(-50%) rotate(calc(var(--vinyl-angle,0deg) + 360deg)); } }
.sonic-video-frame { position: absolute; z-index: 4; left: 5%; bottom: 18%; width: 90%; height: 96px; overflow: hidden; border: 1px solid rgba(142,177,224,.3); border-radius: 12px; background: #000; box-shadow: 0 24px 55px rgba(0,0,0,.62); }
.sonic-video-frame iframe { width: 100%; height: 100%; border: 0; }
.sonic-video-launch { position: absolute; z-index: 2; inset: 0; width: 100%; display: grid; place-content: center; justify-items: center; gap: .6rem; border: 0; background: radial-gradient(circle at 50% 46%,rgba(23,111,255,.2),transparent 34%),linear-gradient(145deg,#07101b,#020406 72%); color: #f4f7fb; cursor: pointer; }
.sonic-video-launch[hidden] { display: none; }
.sonic-video-launch > span { width: 4rem; aspect-ratio: 1; display: grid; place-items: center; padding-left: .2rem; border: 1px solid rgba(113,176,255,.86); border-radius: 50%; background: rgba(8,18,31,.88); color: #fff; font-size: 1.15rem; box-shadow: 0 0 0 8px rgba(23,111,255,.08),0 0 30px rgba(23,111,255,.34); transition: transform .2s ease,box-shadow .2s ease; }
.sonic-video-launch strong { font: 700 .8rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.sonic-video-launch small { color: #8fa7c5; font: .58rem 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; }
.sonic-video-launch:hover > span,.sonic-video-launch:focus-visible > span { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(23,111,255,.11),0 0 40px rgba(23,111,255,.5); }
.sonic-video-launch:focus-visible { outline: 2px solid #70adff; outline-offset: -4px; }
.sonic-now-playing { position: absolute; z-index: 5; left: 5%; right: 5%; bottom: 3%; padding: 1.05rem 1.3rem; border-left: 2px solid var(--blue); background: rgba(3,8,14,.88); backdrop-filter: blur(15px); }
.sonic-now-playing > span { display: block; color: #77aaf4; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.sonic-now-playing strong { display: block; margin: .35rem 0; color: #fff; font: 800 clamp(2rem,4vw,4rem)/.95 'Barlow Condensed'; text-transform: uppercase; }
.sonic-now-playing p { max-width: 54ch; margin: 0; color: #b7c3d2; }

/* The dedicated Sonic Hub player uses document flow so the official YouTube
   controls remain fully visible and can never be covered by the track details. */
body[data-route="/the-sonic-hub"] .sonic-playlist-stage { min-height: 0; display: grid; grid-template-rows: auto auto auto; gap: 1rem; padding: clamp(1rem,2.5vw,2rem); overflow: visible; }
body[data-route="/the-sonic-hub"] .sonic-listening-rig { position: relative; inset: auto; height: auto; min-height: 430px; }
body[data-route="/the-sonic-hub"] .sonic-video-frame { position: relative; inset: auto; width: 100%; height: clamp(220px,22vw,300px); }
body[data-route="/the-sonic-hub"] .sonic-now-playing { position: relative; inset: auto; }
body[data-route="/"] .home-sonic-score .sonic-playlist-stage { min-height: 0; display: grid; grid-template-rows: auto auto auto; gap: 1rem; padding: clamp(1rem,2.5vw,2rem); overflow: visible; }
body[data-route="/"] .home-sonic-score .sonic-listening-rig { position: relative; inset: auto; height: auto; min-height: 430px; }
body[data-route="/"] .home-sonic-score .sonic-video-frame { position: relative; inset: auto; width: 100%; height: clamp(220px,22vw,300px); }
body[data-route="/"] .home-sonic-score .sonic-now-playing { position: relative; inset: auto; }
.sonic-track-list { align-self: start; height: fit-content; margin: 0; padding: .55rem; list-style: none; border: 1px solid rgba(89,147,229,.22); border-radius: 18px; background: rgba(7,11,17,.86); }
.sonic-track-list li + li { border-top: 1px solid rgba(255,255,255,.07); }
.sonic-track-button { width: 100%; min-height: 112px; display: grid; grid-template-columns: 2.3rem 1fr auto; gap: .9rem; align-items: center; padding: 1rem; border: 0; border-radius: 11px; background: transparent; color: #8c9aab; text-align: left; cursor: pointer; transition: background .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease; }
.sonic-track-button > span,.sonic-track-button small { font: .58rem 'JetBrains Mono'; letter-spacing: .08em; }
.sonic-track-button strong { font: 700 clamp(1.2rem,1.8vw,1.75rem)/1 'Barlow Condensed'; text-transform: uppercase; }

.builder-signature { position: relative; width: min(100%,1320px); margin: clamp(2rem,5vw,4.5rem) auto 1.35rem; color: #edf4ff; font: 900 clamp(2.15rem,6vw,6.6rem)/.9 'Barlow Condensed'; letter-spacing: .025em; text-transform: uppercase; text-shadow: 0 0 0 rgba(67,139,255,0); transition: color .45s ease,letter-spacing .45s ease,text-shadow .45s ease,transform .45s ease; }
.builder-signature::after { content: ''; position: absolute; left: 0; bottom: -.65rem; width: 0; height: 2px; background: linear-gradient(90deg,var(--blue),#9bc8ff,transparent); box-shadow: 0 0 18px rgba(23,111,255,.72); transition: width .65s cubic-bezier(.2,.8,.2,1); }
.builder-signature sup { margin-left: .12em; color: #75aaff; font: 700 .28em/1 'JetBrains Mono'; vertical-align: top; }
.builder-signature:hover,.builder-signature.is-visible { color: #fff; letter-spacing: .04em; text-shadow: 0 0 28px rgba(67,139,255,.42); transform: translateY(-2px); }
.builder-signature:hover::after,.builder-signature.is-visible::after { width: min(100%,15ch); }

.legacy-book-close { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(260px,.7fr); gap: clamp(2rem,7vw,7rem); align-items: center; overflow: hidden; }
.legacy-book-close-copy { position: relative; z-index: 2; }
.legacy-book-close-art { position: relative; min-height: clamp(380px,48vw,650px); margin: 0; display: grid; place-items: center; perspective: 1100px; }
.legacy-book-close-art img { position: relative; z-index: 2; width: min(72%,350px); height: auto; border-radius: 6px; box-shadow: -30px 40px 65px rgba(0,0,0,.72),0 0 45px rgba(39,111,220,.16); transform: rotate(8deg) rotateY(-13deg) translateY(18px); transition: transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .75s ease; }
.legacy-book-close-art.is-visible img,.legacy-book-close-art:hover img { transform: rotate(3deg) rotateY(-5deg) translateY(0); box-shadow: -20px 34px 70px rgba(0,0,0,.78),0 0 70px rgba(39,111,220,.32); }
.legacy-book-orbit { position: absolute; width: min(92%,470px); aspect-ratio: 1; border: 1px solid rgba(83,151,255,.32); border-radius: 50%; transform: rotateX(67deg) rotateZ(-13deg); box-shadow: 0 0 45px rgba(23,111,255,.12),inset 0 0 45px rgba(23,111,255,.08); }
.legacy-book-orbit::before,.legacy-book-orbit::after { content: ''; position: absolute; inset: 12%; border: inherit; border-radius: inherit; }
.legacy-book-orbit::after { inset: 28%; border-color: rgba(233,241,252,.2); }
.sonic-track-button:hover,.sonic-track-button:focus-visible,.sonic-track-button.is-active { color: #fff; background: linear-gradient(90deg,rgba(23,111,255,.28),rgba(23,111,255,.06)); box-shadow: inset 3px 0 #4f9cff,0 16px 32px rgba(0,0,0,.26); transform: translateX(-6px); }

.sonic-score-close { position: relative; min-height: 220svh; padding: 0; overflow: clip; isolation: isolate; background: #030609; }
.sonic-score-frame { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); align-items: center; gap: clamp(2rem,6vw,7rem); padding: calc(var(--header) + 2.5rem) max(6vw,1.5rem) 3.5rem; overflow: hidden; }
.sonic-score-frame::before { content: ''; position: absolute; z-index: -3; inset: 0; background: radial-gradient(circle at 28% 46%,rgba(39,98,183,.25),transparent 33%),radial-gradient(circle at 70% 34%,rgba(184,126,58,.12),transparent 28%),linear-gradient(125deg,#101724 0%,#05080d 51%,#020406 100%); }
.sonic-score-frame::after { content: ''; position: absolute; z-index: -2; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(77,139,228,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(77,139,228,.22) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,#000,transparent 68%); }
.sonic-score-art { position: relative; height: min(72vh,720px); display: grid; place-items: center; perspective: 1200px; }
.sonic-score-halo { position: absolute; width: min(46vw,620px); aspect-ratio: 1; border: 1px solid rgba(76,146,246,.28); border-radius: 50%; background: radial-gradient(circle,rgba(25,98,205,.2),rgba(4,9,16,.03) 48%,transparent 68%); box-shadow: inset 0 0 70px rgba(26,103,218,.14),0 0 80px rgba(22,91,188,.13); transform: scale(calc(.88 + var(--score-progress,0) * .12)); }
.sonic-score-disc { position: absolute; left: 48%; width: min(31vw,440px); aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle,#0b0d10 0 3px,#171b21 4px 6px); box-shadow: 0 34px 75px rgba(0,0,0,.72),inset 0 0 0 2px rgba(255,255,255,.04); transform: translate3d(var(--score-disc-x,8vw),0,0) rotate(var(--score-disc-rotate,0deg)); will-change: transform; }
.sonic-score-disc::before { content: ''; position: absolute; inset: 35%; border-radius: 50%; background: url('../images/covers/raised-by-hyenas-soundtrack.webp') center/cover; box-shadow: 0 0 0 9px #111821; }
.sonic-score-disc i { position: absolute; inset: 47%; border-radius: 50%; background: #e9dfcb; box-shadow: 0 0 0 2px rgba(0,0,0,.55); }
.sonic-score-cover { position: relative; z-index: 2; width: min(31vw,440px); height: min(31vw,440px); aspect-ratio: 1; object-fit: contain; background: #030508; border-radius: 9px; box-shadow: 0 42px 92px rgba(0,0,0,.74),0 0 0 1px rgba(255,255,255,.1); transform: translate3d(var(--score-cover-x,-12vw),var(--score-cover-y,28px),0) rotateY(var(--score-cover-rotate,-7deg)) scale(var(--score-cover-scale,.92)); will-change: transform; }
.sonic-score-waveform { position: absolute; z-index: 1; left: -32%; top: 13%; width: 150%; max-width: none; height: 72%; object-fit: cover; opacity: var(--score-wave-opacity,.12); mix-blend-mode: screen; filter: drop-shadow(0 0 22px rgba(31,116,255,.72)); transform: translate3d(var(--score-wave-x,-18vw),0,0); will-change: transform,opacity; }
.sonic-score-signal { position: absolute; z-index: 3; left: 6%; bottom: 1.4rem; color: #8fa8c7; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.sonic-score-copy { position: relative; z-index: 4; opacity: var(--score-copy-opacity,.88); transform: translate3d(0,var(--score-copy-y,34px),0); will-change: opacity,transform; }
.sonic-score-copy h2 { max-width: 9ch; margin: .08em 0 .14em; }
.sonic-score-copy > p:not(.eyebrow) { max-width: 43ch; color: #d6dce5; font: clamp(1rem,1.3vw,1.15rem)/1.65 Georgia,serif; }
.sonic-credit-rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; max-width: 580px; margin-top: clamp(2rem,5vh,3.5rem); border: 1px solid rgba(104,151,218,.2); border-radius: 12px; overflow: hidden; background: rgba(104,151,218,.16); }
.sonic-credit-rail span { padding: 1rem .8rem; background: rgba(4,8,14,.88); color: #b8c7da; font: .58rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; text-align: center; }

.archive-art { z-index: 0; }
.archive-art-environment { z-index: 0; }
.archive-art-brand { z-index: 1; }
.archive-art-blueprint { z-index: 2; }
.archive-art-case { z-index: 3; }
.archive-art-product { z-index: 4; }
.archive-art-rail { z-index: 5; }
.archive-art-composite { z-index: 6; filter: brightness(.9) saturate(.96); }
.archive-art-scan { z-index: 7; }
.archive-build-frame::after { z-index: 8; }
.archive-build-copy { z-index: 10; }
.archive-build-progress,.archive-build-cue { z-index: 11; }
.archive-shell .offer-grid { perspective: 1100px; gap: clamp(1rem,2vw,1.5rem); }
.archive-shell .offer-card { border-color: rgba(91,148,228,.28); box-shadow: 0 20px 44px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04); transform: translate3d(0,0,0); transition: transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .42s ease,background .3s ease; }
.archive-shell .offer-card:hover,.archive-shell .offer-card:focus-within { z-index: 3; border-color: rgba(92,158,255,.86); background: linear-gradient(145deg,rgba(24,39,60,.98),rgba(8,13,21,.99)); box-shadow: 0 42px 84px rgba(0,0,0,.64),0 0 42px rgba(23,111,255,.32),inset 0 1px rgba(255,255,255,.08); transform: translate3d(0,-22px,38px) scale(1.04); }

.artifact-rotation { position: relative; min-height: 450svh; max-width: var(--max); margin: 0 auto 6rem; }
.artifact-rotation-frame { position: sticky; top: 0; min-height: 100svh; overflow: hidden; display: grid; align-items: center; padding: calc(var(--header) + 2rem) 0 4rem; }
.artifact-rotation .artifact-grid { position: relative; display: grid; place-items: center; width: 100%; height: min(70vh,760px); margin: 0; perspective: 1200px; }
.artifact-rotation .artifact-card { position: absolute; width: min(38vw,520px); min-height: 700px; opacity: 0; transform-origin: 50% 76%; transition: transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease; }
.artifact-rotation .artifact-card.is-active { z-index: 4; opacity: 1; filter: none; box-shadow: 0 42px 90px rgba(0,0,0,.64),0 0 48px rgba(23,111,255,.16); }
.artifact-rotation .artifact-media { height: 440px; }
.artifact-context { display: grid; align-content: start; gap: .55rem; min-height: 190px; padding: .15rem .25rem .3rem; opacity: .25; transform: translateY(18px); transition: opacity .4s ease,transform .45s ease; }
.artifact-card.is-active .artifact-context { opacity: 1; transform: translateY(0); }
.artifact-context .eyebrow,.artifact-context h3,.artifact-context p { margin: 0; }
.artifact-context > p:not(.eyebrow) { color: #b9c4d2; font: .95rem/1.55 Georgia,serif; }
.artifact-context > span { margin-top: .2rem; color: #7f94ae; font: .55rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; }
.artifact-rotation-status { position: absolute; left: 50%; bottom: 3vh; width: min(80vw,560px); display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; color: #8fa5c2; font: .58rem 'JetBrains Mono'; transform: translateX(-50%); }
.artifact-rotation-status i { height: 1px; background: rgba(255,255,255,.14); }
.artifact-rotation-status b { display: block; width: calc(var(--artifact-progress,0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 12px var(--blue); }

@media (max-width: 900px) {
  .sonic-playlist-shell { grid-template-columns: 1fr; }
  .sonic-playlist-stage { min-height: 800px; }
  .sonic-listening-rig { grid-template-columns: minmax(220px,.8fr) minmax(300px,1.2fr); }
  .sonic-art-orbit { width: min(100%,350px); }
  .sonic-score-frame { grid-template-columns: minmax(0,1fr) minmax(290px,.9fr); gap: 1.5rem; padding-inline: 1.5rem; }
  .sonic-score-cover,.sonic-score-disc { width: min(39vw,360px); }
  .sonic-score-cover { height: min(39vw,360px); }
  .sonic-score-halo { width: min(54vw,500px); }
  .artifact-rotation .artifact-card { width: min(72vw,470px); }
}
@media (max-width: 600px) {
  .sonic-build-copy > p:not(.eyebrow),.archive-build-copy > p:not(.eyebrow) { width: min(88%,34ch); max-width: none; overflow-wrap: anywhere; }
  .sonic-hero-play { left: 27.55%; top: 89.9%; width: clamp(3rem,4.35vw,5.1rem); border: 0; background: transparent; color: transparent; box-shadow: none; }
  .sonic-hero-play > span[aria-hidden="true"] { opacity: 0; }
  .sonic-build-copy[data-sonic-copy="2"] { top: 42%; }
  .sonic-playlist-stage { min-height: 880px; }
  .sonic-listening-rig { left: 6%; right: 6%; top: 4%; height: 62%; grid-template-columns: 1fr; grid-template-rows: auto auto; gap: .8rem; }
  .sonic-art-orbit { width: min(68vw,270px); }
  .sonic-playlist-turntable { width: min(76vw,310px); }
  .sonic-video-frame { left: 5%; right: auto; bottom: 17%; width: 90%; height: 88px; }
  .sonic-now-playing { bottom: 4%; }
  .sonic-now-playing strong { font-size: 2rem; }
  .sonic-track-button { min-height: 92px; }
  .sonic-score-close { min-height: 170svh; }
  .sonic-score-frame { grid-template-columns: 1fr; grid-template-rows: minmax(0,52vh) auto; align-content: center; gap: .8rem; padding: calc(var(--header) + .7rem) 1rem 1.5rem; }
  .sonic-score-art { height: 48vh; }
  .sonic-score-cover,.sonic-score-disc { width: min(58vw,270px); }
  .sonic-score-cover { height: min(58vw,270px); }
  .sonic-score-halo { width: min(82vw,370px); }
  .sonic-score-disc { left: 49%; }
  .sonic-score-waveform { left: -24%; top: 10%; width: 145%; height: 80%; }
  .sonic-score-signal { left: 0; bottom: .2rem; font-size: .5rem; }
  .sonic-score-copy h2 { max-width: 11ch; font-size: clamp(3rem,14vw,4.8rem); }
  .sonic-score-copy > p:not(.eyebrow) { font-size: .98rem; line-height: 1.5; }
  .sonic-credit-rail { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 1.2rem; }
  .sonic-credit-rail span { padding: .75rem .35rem; font-size: .47rem; }
  .artifact-rotation { min-height: 300svh; }
  .artifact-rotation .artifact-card { width: 82vw; min-height: 570px; }
  .artifact-rotation .artifact-media { height: 410px; }
}

@media (max-width: 900px) {
  body[data-route="/the-sonic-hub"] .sonic-listening-rig { min-height: 410px; }
  body[data-route="/the-sonic-hub"] .sonic-video-frame { height: clamp(210px,34vw,270px); }
  body[data-route="/"] .home-sonic-score .sonic-listening-rig { min-height: 410px; }
  body[data-route="/"] .home-sonic-score .sonic-video-frame { height: clamp(210px,34vw,270px); }
  .legacy-book-close { grid-template-columns: 1fr; }
  .legacy-book-close-art { min-height: 460px; }
}

@media (max-width: 600px) {
  body[data-route="/the-sonic-hub"] .sonic-playlist-stage { padding: 1rem; gap: .85rem; }
  body[data-route="/the-sonic-hub"] .sonic-listening-rig { min-height: 610px; }
  body[data-route="/the-sonic-hub"] .sonic-video-frame { height: 210px; }
  body[data-route="/the-sonic-hub"] .sonic-now-playing { padding: .9rem 1rem; }
  body[data-route="/"] .home-sonic-score .sonic-playlist-stage { padding: 1rem; gap: .85rem; }
  body[data-route="/"] .home-sonic-score .sonic-listening-rig { min-height: 610px; }
  body[data-route="/"] .home-sonic-score .sonic-video-frame { height: 210px; }
  body[data-route="/"] .home-sonic-score .sonic-now-playing { padding: .9rem 1rem; }
  .builder-signature { font-size: clamp(2rem,12vw,3.65rem); overflow-wrap: anywhere; }
  .legacy-book-close-art { min-height: 390px; }
  .legacy-book-close-art img { width: min(68%,280px); }
}
@media (prefers-reduced-motion: reduce) {
  .sonic-score-close,.artifact-rotation { min-height: auto; }
  .sonic-score-frame,.artifact-rotation-frame { position: relative; }
  .sonic-score-frame { height: auto; min-height: 100svh; }
  .sonic-score-cover,.sonic-score-disc,.sonic-score-waveform,.sonic-score-copy { transform: none; opacity: 1; }
  .archive-art-brand,.archive-art-case,.archive-art-passport,.archive-art-incension,.archive-art-book,.archive-art-soundtrack,.archive-art-rail { opacity: 1; transform: none; }
  .archive-art-blueprint { opacity: .45; }
  .artifact-rotation .artifact-grid { height: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
  .artifact-rotation .artifact-card { position: relative; width: auto; min-height: 0; opacity: 1; transform: none; filter: none; }
}

/* Review corrections — 2026-08-28 */
body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -130%); }
body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
.home-builder-frame { background-image: url('../images/home-builder-clean.png'); background-position: 50% 34%; background-size: cover; }

.sequence-grid { gap: 1rem; border: 0; background: transparent; perspective: 1100px; }
.sequence-card { border: 1px solid rgba(102,154,222,.25); border-radius: 12px; background: linear-gradient(145deg, rgba(17,25,36,.98), rgba(7,10,15,.98)); box-shadow: 0 18px 35px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.035); transform: translate3d(0,8px,0); }
.sequence-card.is-visible { transform: translate3d(0,-8px,0); box-shadow: 0 30px 58px rgba(0,0,0,.52), 0 0 30px rgba(23,111,255,.12), inset 0 1px rgba(255,255,255,.06); }
.sequence-card:nth-child(even).is-visible { transform: translate3d(0,-18px,0); }
.sequence-card:hover, .sequence-card:focus-within { transform: translate3d(0,-24px,26px) scale(1.035); box-shadow: 0 42px 78px rgba(0,0,0,.62), 0 0 38px rgba(23,111,255,.28), inset 0 1px rgba(255,255,255,.08); }

.tool-card { display: grid; grid-template-columns: minmax(190px,.34fr) minmax(0,1fr) minmax(190px,.34fr); gap: clamp(1.5rem,4vw,4rem); align-items: center; min-height: 330px; padding: clamp(1.2rem,2.5vw,2rem); border: 1px solid rgba(105,159,234,.24); border-radius: 14px; background: linear-gradient(145deg, rgba(16,24,34,.98), rgba(6,9,13,.98)); }
.tool-art { height: 100%; min-height: 280px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: radial-gradient(circle, rgba(23,111,255,.16), transparent 58%), #05070a; }
.tool-art img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 22px 28px rgba(0,0,0,.7)); transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.tool-card:hover .tool-art img { transform: translateY(-8px) rotate(-1.5deg) scale(1.035); }
.tool-card-copy h3 { margin: .65rem 0 1rem; }
.tool-card-action { display: grid; gap: .85rem; align-content: center; }
.tool-card-action .button { width: 100%; text-align: center; }
.tool-card-action small { color: #8796a9; font: 500 .55rem/1.5 'JetBrains Mono'; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.tool-art-placeholder { min-height: 360px; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px dashed rgba(96,153,236,.35); border-radius: 10px; background: repeating-linear-gradient(0deg, rgba(69,125,204,.06) 0 1px, transparent 1px 28px), #070b11; }
.tool-art-placeholder::before, .tool-art-placeholder::after { content: ''; position: absolute; width: 70%; height: 1px; background: rgba(87,146,232,.25); }
.tool-art-placeholder::after { transform: rotate(90deg); }
.tool-art-placeholder span { z-index: 1; color: rgba(121,175,250,.52); font: 800 3.5rem 'Barlow Condensed'; letter-spacing: .14em; }

.sonic-preview { grid-template-columns: .72fr .65fr .95fr; }
.sonic-turntable, .sonic-landscape-player { --vinyl-angle: 0deg; }
.sonic-turntable { position: relative; min-height: 330px; }
.sonic-landscape-player { width: min(100%,1100px); margin: 0 auto 2rem; display: grid; grid-template-columns: minmax(260px,.75fr) 1.25fr; gap: clamp(1.5rem,4vw,4rem); align-items: center; padding: clamp(1rem,3vw,2.5rem); border: 1px solid rgba(89,151,239,.28); border-radius: 18px; background: radial-gradient(circle at 72% 42%, rgba(23,111,255,.16), transparent 38%), linear-gradient(145deg,#121922,#06080c); box-shadow: 0 30px 70px rgba(0,0,0,.42); }
.album-sleeve { position: relative; z-index: 2; aspect-ratio: 1; border-radius: 6px; overflow: hidden; box-shadow: 0 24px 48px rgba(0,0,0,.7); transform: translateY(calc((1 - var(--vinyl-lift,0)) * 22px)); }
.album-sleeve img { width: 100%; height: 100%; object-fit: cover; }
.turntable-deck { position: relative; min-height: 330px; border: 1px solid rgba(132,160,195,.28); border-radius: 18px; background: linear-gradient(145deg,#1b222b,#090c10); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 26px 48px rgba(0,0,0,.58); }
.vinyl-record { position: absolute; left: 8%; top: 50%; width: min(72%,320px); aspect-ratio: 1; border-radius: 50%; transform: translateY(-50%) rotate(var(--vinyl-angle)); background: repeating-radial-gradient(circle, #0b0c0e 0 3px, #16181b 4px 6px, #070809 7px 9px); box-shadow: 0 0 0 2px #030405, 0 26px 34px rgba(0,0,0,.7); will-change: transform; }
.vinyl-record::after { content: ''; position: absolute; inset: 43%; border-radius: 50%; background: #d9d0bf; box-shadow: 0 0 0 12px #172337, 0 0 0 13px #4d8ee9; }
.vinyl-record span { position: absolute; inset: 25%; border-radius: 50%; background: url('../images/covers/raised-by-hyenas-soundtrack.webp') center/cover; }
.tonearm { position: absolute; right: 12%; top: 13%; width: 7px; height: 58%; border-radius: 8px; background: linear-gradient(90deg,#8e98a5,#e3e9ef,#697482); box-shadow: 0 0 0 7px #10141a, 0 5px 13px #000; transform: rotate(17deg); transform-origin: top; }
.turntable-deck p { position: absolute; right: 1.2rem; bottom: 1rem; margin: 0; color: #7f91a9; font: .56rem 'JetBrains Mono'; letter-spacing: .11em; text-transform: uppercase; }
.sonic-turntable-home .album-sleeve { position: absolute; left: 0; top: 14%; width: 46%; }
.sonic-turntable-home .turntable-deck { position: absolute; right: 0; top: 0; width: 72%; height: 100%; }
.sonic-turntable-home .vinyl-record { width: 68%; }

.archive-art-frame { opacity: calc(var(--archive-frame-opacity,0) * .68); mix-blend-mode: screen; }
.archive-art-product { mix-blend-mode: normal; }
.archive-art-composite { filter: brightness(.78) saturate(.9); }

.legacy-build-sky { filter: saturate(.86) brightness(.68) contrast(1.04); mix-blend-mode: screen; }
.legacy-copy-panel { padding: clamp(1rem,2.2vw,2rem); border-left: 2px solid rgba(91,157,255,.72); border-radius: 0 16px 16px 0; background: linear-gradient(90deg,rgba(2,5,8,.94),rgba(3,7,11,.8) 70%,rgba(3,7,11,.45)); box-shadow: 0 28px 70px rgba(0,0,0,.54); backdrop-filter: blur(13px); }
.legacy-copy-panel h1 { text-shadow: 0 6px 26px #000, 0 2px 3px #000; }
.legacy-copy-panel > p:not(.eyebrow) { color: #f1e6d7; text-shadow: 0 2px 10px #000; }
.report-section { position: relative; overflow: hidden; grid-template-columns: .88fr 1.12fr; background: radial-gradient(circle at 12% 26%,rgba(82,151,248,.22),transparent 30%), linear-gradient(135deg,#1b2a3d,#0b1119 57%,#070a0e); }
.report-copy { position: relative; z-index: 1; }
.report-copy::after { content: ''; display: block; height: 270px; margin-top: 2rem; border: 1px solid rgba(107,161,236,.25); border-radius: 14px; background: linear-gradient(14deg,transparent 0 54%,rgba(111,158,222,.22) 55% 56%,transparent 57%), repeating-linear-gradient(0deg,rgba(87,137,207,.12) 0 1px,transparent 1px 28px), url('../images/page-layers/system-closing/right-tools-notes.webp') center/cover; box-shadow: inset 0 0 55px rgba(3,8,14,.52),0 25px 45px rgba(0,0,0,.38); }
.site-report-form { position: relative; padding: clamp(1.25rem,3vw,2.4rem); border: 1px solid rgba(113,164,235,.32); border-radius: 16px; background: rgba(5,10,17,.76); box-shadow: 0 30px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(16px); }
.site-report-form::before { content: 'SITE REPORT / LIVE DRAFT'; color: #6ea7f9; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; }

@media (max-width: 980px) {
  body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); }
  body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
  .sonic-preview { grid-template-columns: 1fr 1fr; }
  .sonic-preview > div:first-child { grid-column: 1 / -1; }
  .tool-card { grid-template-columns: minmax(150px,.55fr) 1fr; }
  .tool-card-action { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .tool-art, .tool-art-placeholder { min-height: 300px; }
}
@media (max-width: 600px) {
  .home-builder-frame { background-image: url('../images/home-builder-clean.png'); background-position: 43% 28%; }
  .sonic-preview, .sonic-landscape-player { grid-template-columns: 1fr; }
  .sonic-turntable { min-height: 290px; }
  .turntable-deck { min-height: 285px; }
  .sequence-card:nth-child(even).is-visible, .sequence-card.is-visible { transform: translateY(-7px); }
  .tool-art, .tool-art-placeholder { min-height: 350px; }
  .tool-card { grid-template-columns: 1fr; }
  .tool-card-action { grid-column: auto; grid-template-columns: 1fr; }
  .legacy-copy-panel { margin-right: .25rem; }
  .legacy-transmission { grid-template-columns: minmax(0,1fr); padding-inline: 1rem; overflow: hidden; }
  .legacy-transmission > *,.transmission-form,.report-stage,.report-channel-grid,.report-channel,.report-channel > span { min-width: 0; max-width: 100%; }
  .transmission-brief { position: relative; top: auto; }
  .transmission-blueprint { height: auto; padding: 1.75rem .45rem .45rem; }
  .transmission-path { min-height: 4rem; padding: .35rem .25rem; }
  .transmission-node { width: 3rem; }
  .report-channel-grid { grid-template-columns: 1fr; }
  .report-stage { padding-inline: 1rem; }
  .transmission-form-head,.transmission-submit { padding-inline: 1rem; }
  .coaching-consult,.coaching-invitations { padding-inline: 1rem; }
  .coaching-invite-form { padding-inline: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); }
  body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
  .vinyl-record { transform: translateY(-50%) rotate(18deg); }
}

/* Hero scroll sequence — intentionally last in the cascade */
.hero-cinematic { display: block; min-height: 220svh; padding: 0; overflow: visible; }
.hero-cinematic::after { display: none; }
.hero-frame { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(390px, .94fr); align-items: center; gap: 2rem; overflow: hidden; padding: calc(var(--header) + 5.5rem) max(5vw, 1.5rem) 5rem; isolation: isolate; }
.hero-cinematic .hero-copy { opacity: var(--hero-copy-opacity, 1); filter: blur(var(--hero-copy-blur, 0px)); }
.hero-cinematic .blueprint-grid { opacity: var(--hero-grid-opacity, .14); transform: translate3d(0, var(--hero-grid-shift, 20px), 0) scale(var(--hero-grid-scale, 1.04)); will-change: opacity, transform; }
.hero-cinematic .hero-landscape { opacity: var(--hero-landscape-opacity, 1); }
.hero-cinematic .hero-blueprint-orbit { opacity: var(--hero-orbit-opacity, .25); }
.hero-cinematic .measurement::before { transform: scaleX(var(--measurement-progress, .08)); transform-origin: left; transition: none; }
.hero-cinematic .measurement span { opacity: var(--measurement-label-opacity, .25); }
.hero-cinematic .scroll-cue { opacity: var(--scroll-cue-opacity, 1); }
.hero-monument { transform: translate3d(var(--hero-book-x, 0px), var(--hero-book-y, 0px), 0) scale(var(--hero-book-scale, 1)) rotate(var(--hero-book-rotate, -1deg)); }
.monument-window { display: grid; place-items: center; height: min(70vh, 720px); padding: clamp(1.5rem, 4vw, 4rem); background: radial-gradient(circle at 58% 42%, rgba(214,154,82,.16), transparent 30%), linear-gradient(145deg, rgba(13,17,21,.92), rgba(4,6,8,.98)); }
.monument-window::after { background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 28% 70%, rgba(23,111,255,.05)); }
.book-monument-asset { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; opacity: 1 !important; filter: drop-shadow(0 35px 45px rgba(0,0,0,.7)); }
.book-placeholder { position: relative; z-index: 2; width: min(74%, 360px); aspect-ratio: .68; transform-style: preserve-3d; transform: perspective(1000px) rotateY(-10deg) rotateX(2deg); filter: drop-shadow(28px 35px 30px rgba(0,0,0,.68)); }
.book-face { position: absolute; inset: 0 0 0 8%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12% 9%; border: 1px solid rgba(214,154,82,.38); background: radial-gradient(circle at 50% 68%, rgba(214,154,82,.22), transparent 27%), linear-gradient(180deg, #191714, #0a0c0e 48%, #15110d); box-shadow: inset 0 0 0 7px rgba(0,0,0,.2), inset 0 0 55px rgba(214,154,82,.08); text-align: center; }
.book-face::before { content: ''; position: absolute; inset: 5%; border: 1px solid rgba(214,154,82,.2); }
.book-face small, .book-face em { position: relative; z-index: 1; color: #d5b17e; font: 500 .56rem 'JetBrains Mono'; letter-spacing: .15em; text-transform: uppercase; }
.book-face strong { position: relative; z-index: 1; display: grid; margin: 12% 0 8%; color: #eadcc7; font: 400 clamp(2rem, 4.2vw, 4.4rem)/.82 Georgia, serif; letter-spacing: -.055em; text-transform: uppercase; text-shadow: 0 2px 0 #5d4025, 0 0 24px rgba(214,154,82,.2); }
.book-face strong span { font-size: .7em; letter-spacing: -.02em; }
.book-face i { position: relative; z-index: 1; width: 45%; height: 1px; margin-bottom: 9%; background: linear-gradient(90deg, transparent, var(--bronze), transparent); }
.book-face em { margin-top: auto; color: #c8c0b4; font-style: normal; font-size: .48rem; }
.book-spine { position: absolute; inset: 1.2% auto 1.2% 0; width: 13%; display: grid; place-items: center; transform: rotateY(55deg); transform-origin: right; border: 1px solid rgba(214,154,82,.25); background: linear-gradient(90deg, #050607, #1b1712); }
.book-spine span { writing-mode: vertical-rl; color: #cfb184; font: 500 .5rem Georgia, serif; letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 980px) {
  .hero-cinematic { min-height: 205svh; padding: 0; }
  .hero-frame { grid-template-columns: 1fr; align-content: center; padding: calc(var(--header) + 3rem) 1.2rem 3rem; }
  .hero-cinematic .hero-copy { align-self: start; max-width: 92%; }
  .hero-monument { position: absolute; right: -12vw; bottom: -10vh; width: min(78vw, 560px); opacity: var(--hero-book-opacity, .62); }
  .monument-window { height: min(55vh, 560px); }
  .hero-cinematic .scroll-cue { left: 1.3rem; bottom: 1.2rem; }
}

@media (max-width: 600px) {
  .hero-cinematic { min-height: 190svh; padding: 0; }
  .hero-frame { padding-top: calc(var(--header) + 2.3rem); }
  .hero-cinematic .hero-copy { align-self: center; max-width: 100%; }
  .hero-cinematic h1 { font-size: clamp(3.7rem, 17vw, 5.4rem); }
  .hero-monument { right: -27vw; bottom: -13vh; width: 94vw; }
  .hero-monument figcaption { display: none; }
  .monument-window { min-height: 0; height: 51vh; padding: 1.4rem; }
  .hero-proof { max-width: 74%; }
  .hero-proof span:nth-child(n+3) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-cinematic { min-height: 100svh; }
  .hero-frame { position: relative; }
  .hero-cinematic .hero-copy, .hero-cinematic .hero-landscape, .hero-cinematic .blueprint-grid, .hero-monument { opacity: 1 !important; filter: none !important; transform: none !important; }
}

/* Preserved Architectural Noir hero with live interaction geometry */
.hero-reference { min-height: 185svh; position: relative; background: #020406; }
.hero-reference-frame { position: sticky; top: 0; height: 100svh; display: grid; place-items: center; overflow: hidden; isolation: isolate; background: #020406; }
.hero-reference-stage { position: relative; width: min(100vw, 177.683svh); aspect-ratio: 1672 / 941; flex: none; overflow: hidden; background: #020406 url('../images/rbh-hero-master-no-nav.webp') center/100% 100% no-repeat; transform: translate3d(0, var(--hero-shift, 0px), 0) scale(var(--hero-scale, 1)); transform-origin: 57% 48%; filter: brightness(var(--hero-reference-brightness, 1)); will-change: transform, filter; }
.hero-reference-stage::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% 48%, transparent 34%, rgba(0,0,0,var(--hero-reference-vignette, 0)) 78%); }
.hero-master-still { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: fill; opacity: var(--hero-master-opacity, 1); pointer-events: none; will-change: opacity; }
.hero-layer-stack { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: var(--hero-layer-stack-opacity, 0); will-change: opacity; }
.hero-layer { position: absolute; pointer-events: none; will-change: transform, opacity; }
.hero-layer-background { z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: fill; transform: scale(var(--hero-layer-bg-scale, 1)); transform-origin: 55% 53%; }
.hero-layer-navigation { z-index: 1; left: 1.8%; top: 1.2%; width: 96.7%; opacity: var(--hero-layer-nav-opacity, 1); transform: translate3d(0, var(--hero-layer-nav-y, 0px), 0); }
.hero-layer-headline { z-index: 2; left: 3.3%; top: 10.5%; width: 53%; opacity: var(--hero-layer-headline-opacity, 1); transform: translate3d(var(--hero-layer-headline-x, 0px), var(--hero-layer-headline-y, 0px), 0); }
.hero-layer-system { z-index: 3; left: 9.8%; top: 61%; width: 34.5%; opacity: var(--hero-layer-system-opacity, 1); transform: translate3d(0, var(--hero-layer-system-y, 0px), 0); }
.hero-layer-book { z-index: 4; left: 56.2%; top: 8.5%; width: 36%; transform: translate3d(var(--hero-layer-book-x, 0%), var(--hero-layer-book-y, 0%), 0) scale(var(--hero-layer-book-scale, 1)) rotate(var(--hero-layer-book-rotate, 0deg)); transform-origin: 70% 49%; }
.hero-layer-audio { z-index: 5; left: 4.9%; top: 85.8%; width: 90.4%; opacity: var(--hero-layer-audio-opacity, 1); transform: translate3d(0, var(--hero-layer-audio-y, 0px), 0); }
.hero-layer-cue { z-index: 6; left: 4.4%; bottom: 1.8%; width: 30.5%; opacity: var(--hero-layer-cue-opacity, 1); }
.hero-mobile-assembly { display: none; }
.hero-mobile-copy { display: none; }
.hero-hotspot { position: absolute; z-index: 5; display: block; margin: 0; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: transparent; text-decoration: none; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s, opacity .2s; }
.hero-hotspot span { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.hero-hotspot:hover, .hero-hotspot:focus-visible { border-color: rgba(86,156,255,.9); background: rgba(23,111,255,.08); box-shadow: inset 0 0 22px rgba(23,111,255,.15), 0 0 22px rgba(23,111,255,.34); outline: none; }
.hotspot-brand { left: 2.2%; top: 2.2%; width: 20%; height: 7.5%; }
.hotspot-foundation { left: 32%; top: 2.3%; width: 13.5%; height: 7.2%; }
.hotspot-sonic { left: 48%; top: 2.3%; width: 13.5%; height: 7.2%; }
.hotspot-legacy { left: 63.5%; top: 2.3%; width: 11.5%; height: 7.2%; }
.hotspot-menu { right: 1.8%; top: 2.3%; width: 4.4%; height: 7.2%; }
.hotspot-wild { left: 10.3%; top: 55.4%; width: 13.5%; height: 20.2%; }
.hotspot-blueprint { left: 24%; top: 55.4%; width: 14.8%; height: 20.2%; }
.hotspot-result { left: 38.8%; top: 55.4%; width: 13.2%; height: 20.2%; }
.hotspot-secure { left: 10.3%; top: 77.3%; width: 23.3%; height: 6.5%; }
.hotspot-soundtrack { left: 34.4%; top: 77.3%; width: 15%; height: 6.5%; }
.hotspot-play { left: 25.4%; top: 86.4%; width: 4.5%; height: 8.2%; border-radius: 50%; }
.hero-reference-cue { position: absolute; z-index: 8; left: 2rem; bottom: 1.2rem; display: flex; align-items: center; gap: .8rem; padding: .45rem .7rem; border-radius: 999px; background: rgba(3,5,7,.68); color: #aab6c6; font: .58rem 'JetBrains Mono'; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; opacity: var(--scroll-cue-opacity, 1); pointer-events: none; }
.hero-reference-cue span { display: grid; gap: .12rem; }
.hero-reference-cue b { color: #eef5ff; font: 600 .62rem 'Barlow Condensed'; letter-spacing: .16em; }
.hero-reference-cue small { color: #8e9db0; font: 400 .47rem 'JetBrains Mono'; letter-spacing: .1em; }
.hero-reference-cue i { width: 64px; height: 1px; overflow: hidden; background: rgba(255,255,255,.2); }
.hero-reference-cue i::after { content: ''; display: block; width: 44%; height: 100%; background: var(--blue); box-shadow: 0 0 8px var(--blue); animation: scan 1.8s ease-in-out infinite; }
body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -130%); transition: opacity .28s ease, transform .28s ease, visibility .28s; }
body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
.hero-reference > .hero-reference-frame > .hero-reference-cue { display: none; }

/* Builder origin: a second, independent scroll-led chapter */
.builder-cinematic { min-height: 410svh; position: relative; background: #080706; --builder-bg-y: 0%; }
.builder-cinematic-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #090705; }
.builder-origin-media { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.builder-origin-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.64) saturate(.82) contrast(1.08); transform: scale(var(--builder-bg-scale, 1.03)); transform-origin: center; will-change: transform; }
.builder-origin-vignette { position: absolute; z-index: 3; inset: 0; background: linear-gradient(90deg, rgba(5,4,3,.92) 0%, rgba(5,4,3,.52) 32%, rgba(5,4,3,.04) 57%, rgba(5,4,3,.22)), linear-gradient(0deg, rgba(5,4,3,.9), transparent 33% 82%, rgba(5,4,3,.3)); pointer-events: none; }
.builder-origin-grid { position: absolute; inset: 0; opacity: var(--builder-grid-opacity, .04); background-image: linear-gradient(rgba(23,111,255,.48) 1px, transparent 1px), linear-gradient(90deg, rgba(23,111,255,.48) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent 4%, #000 60%); }
.builder-cinematic-copy { position: absolute; z-index: 3; left: max(6vw, 1.5rem); top: 50%; width: min(57vw, 940px); opacity: 0; transform: translate3d(0, 36px, 0); filter: blur(4px); transition: opacity .38s ease, transform .48s ease, filter .48s ease; pointer-events: none; }
.builder-cinematic-copy.is-active { opacity: 1; transform: translate3d(0, -50%, 0); filter: none; pointer-events: auto; }
.builder-cinematic-copy h1, .builder-cinematic-copy h2 { max-width: 920px; font-size: clamp(4rem, 7.6vw, 9rem); text-shadow: 0 12px 34px rgba(0,0,0,.65); }
.builder-cinematic-copy p:not(.eyebrow) { max-width: 46ch; color: #e0d1be; font: clamp(1.05rem, 1.7vw, 1.45rem)/1.5 Georgia, serif; text-shadow: 0 3px 18px #000; }
.builder-copy-mission { width: min(52vw, 780px); }
.builder-copy-mission .button { margin-top: 1.15rem; }
.builder-measure { position: absolute; z-index: 4; color: #9bc1ff; font: 500 .58rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; opacity: var(--builder-grid-opacity, .04); }
.builder-measure::before { content: ''; display: block; width: clamp(7rem, 14vw, 15rem); margin-bottom: .45rem; border-top: 1px dashed var(--blue); transform: scaleX(var(--builder-measure-progress, .08)); transform-origin: left; box-shadow: 0 0 8px rgba(23,111,255,.55); }
.builder-measure-a { top: 17%; right: 4%; }
.builder-measure-b { left: 5%; bottom: 15%; }
.builder-cinematic-progress { position: absolute; z-index: 5; left: 6vw; bottom: 4vh; display: grid; grid-template-columns: auto minmax(100px, 16vw) auto; align-items: center; gap: .8rem; color: #c4cfde; font: .62rem 'JetBrains Mono'; }
.builder-cinematic-progress i { height: 1px; background: rgba(255,255,255,.2); }
.builder-cinematic-progress b { display: block; width: calc(var(--builder-progress, 0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 10px var(--blue); }
.builder-scroll-cue { position: absolute; right: 4vw; bottom: 3vh; color: #aab2bc; font: .58rem 'JetBrains Mono'; letter-spacing: .15em; text-transform: uppercase; opacity: var(--builder-cue-opacity, 1); }

@media (max-width: 980px) {
  body[data-route="/"] .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
  .site-progress { inset: 34svh .55rem auto auto; width: 6px; height: 32svh; overflow: visible; border: 1px solid rgba(129,174,236,.34); border-radius: 999px; background: rgba(2,7,13,.72); box-shadow: 0 0 0 4px rgba(3,8,14,.52), 0 0 22px rgba(23,111,255,.2); }
  .site-progress::before { content: 'PAGE'; position: absolute; left: 50%; top: -1.75rem; color: #a7c9f8; font: 500 .43rem 'JetBrains Mono'; letter-spacing: .12em; transform: translateX(-50%) rotate(90deg); }
  .site-progress i { width: 100%; height: 100%; border-radius: inherit; transform: scaleY(var(--page-progress, 0)); transform-origin: top; background: linear-gradient(#83bdff, var(--blue)); box-shadow: 0 0 14px rgba(23,111,255,.9); }
  .site-progress::after { content: ''; position: absolute; left: 50%; top: clamp(0px, calc(var(--page-progress, 0) * 100%), calc(100% - 12px)); width: 12px; aspect-ratio: 1; border: 2px solid #cde3ff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(23,111,255,.18), 0 0 18px #176fff; transform: translate(-50%, -1px); }
  .hero-reference { min-height: 185svh; }
  .hero-reference-stage { width: 100vw; height: 100svh; aspect-ratio: auto; background-image: linear-gradient(0deg, rgba(4,5,6,.9), rgba(4,5,6,.08) 60%), url('../images/builder-origin.webp'); background-size: cover; background-position: center top; transform: translate3d(0, var(--hero-shift, 0px), 0); transform-origin: center; }
  .hero-master-still { display: none; }
  .hero-layer-stack { display: none; }
  .hero-hotspots { display: none; }
  .hero-hotspot:not(.hotspot-play) { display: none; }
  .hotspot-play { display: none; }
  .hero-mobile-assembly { position: absolute; inset: 0; z-index: 2; display: block; overflow: hidden; pointer-events: none; }
  .hero-mobile-blueprint-grid { position: absolute; inset: 0; opacity: var(--hero-mobile-grid-opacity, .12); background-image: linear-gradient(rgba(58,135,244,.42) 1px, transparent 1px), linear-gradient(90deg, rgba(58,135,244,.42) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(0deg, #000 0 63%, transparent 92%); }
  .hero-mobile-book { position: absolute; right: 1vw; top: 6vh; width: min(49vw, 430px); max-height: 27vh; object-fit: contain; object-position: right top; opacity: var(--hero-mobile-book-opacity, .28); transform: translate3d(var(--hero-mobile-book-x, 28vw), var(--hero-mobile-book-y, 10vh), 0) scale(var(--hero-mobile-book-scale, .7)) rotate(var(--hero-mobile-book-rotate, 7deg)); transform-origin: center; filter: drop-shadow(0 32px 44px rgba(0,0,0,.78)); will-change: transform, opacity; }
  .hero-mobile-measure { position: absolute; z-index: 2; color: #b8d4f8; font: 500 .47rem 'JetBrains Mono'; letter-spacing: .12em; opacity: var(--hero-mobile-measure-opacity, 0); }
  .hero-mobile-measure::before { content: ''; display: block; margin-bottom: .35rem; border-top: 1px solid #4c96ff; box-shadow: 0 0 9px #176fff; }
  .hero-mobile-measure-x { top: 12vh; left: 7vw; }.hero-mobile-measure-x::before { width: 22vw; }
  .hero-mobile-measure-y { top: 27vh; right: 4vw; writing-mode: vertical-rl; }.hero-mobile-measure-y::before { width: 1px; height: 15vh; border-top: 0; border-left: 1px solid #4c96ff; }
  .hero-mobile-status { position: absolute; top: 49vh; right: 1rem; margin: 0; max-width: 62vw; color: #8fa8ca; text-align: right; font: 500 .48rem 'JetBrains Mono'; letter-spacing: .12em; text-transform: uppercase; opacity: var(--hero-mobile-measure-opacity, 0); }
  .hero-mobile-copy { position: absolute; inset: auto 1.2rem 11vh; z-index: 3; display: block; padding: 1.1rem; border: 1px solid rgba(90,151,235,.3); border-radius: 16px; background: linear-gradient(145deg, rgba(5,10,16,.78), rgba(5,8,12,.94)); box-shadow: 0 28px 70px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.05), 0 0 30px rgba(23,111,255,.09); backdrop-filter: blur(14px); }
  .hero-mobile-copy h2 { font-size: clamp(4.3rem, 13vw, 7.5rem); }
  .hero-mobile-copy > p:not(.eyebrow) { color: #e3d4c1; font: 1.18rem Georgia, serif; }
  .hero-reference > .hero-reference-frame > .hero-reference-cue { display: flex; left: 50%; bottom: 1.1rem; min-width: min(88vw, 24rem); justify-content: space-between; padding: .7rem .85rem; border: 1px solid rgba(96,156,240,.48); border-radius: 12px; background: rgba(3,8,14,.9); box-shadow: 0 14px 38px rgba(0,0,0,.5), 0 0 24px rgba(23,111,255,.16); opacity: max(.38, var(--scroll-cue-opacity, 1)); pointer-events: auto; transform: translateX(-50%); }
  .hero-reference-cue i { width: 52px; height: 4px; border-radius: 999px; }
  .hero-reference-cue::after { content: '↓'; display: grid; place-items: center; width: 2rem; aspect-ratio: 1; border: 1px solid rgba(111,169,250,.56); border-radius: 50%; color: #d9eaff; background: rgba(23,111,255,.13); box-shadow: 0 0 16px rgba(23,111,255,.28); font: 700 1rem Inter; animation: hero-cue-bob 1.4s ease-in-out infinite; }
  @keyframes hero-cue-bob { 50% { transform: translateY(4px); } }
  .builder-cinematic-copy { width: 72vw; }
  .builder-cinematic-copy h1, .builder-cinematic-copy h2 { font-size: clamp(3.7rem, 10vw, 7rem); }
}

@media (max-width: 600px) {
  .hero-reference { min-height: 175svh; }
  .hero-reference-cue { left: 1rem; bottom: 1rem; }
  .hero-mobile-copy { inset-inline: 1rem; bottom: 12.5vh; padding: .95rem; }
  .hero-mobile-copy h2 { font-size: clamp(3.35rem, 16vw, 5.2rem); }
  .hero-mobile-copy > p:not(.eyebrow) { margin-block: .7rem; font-size: 1rem; }
  .hero-mobile-copy .button { min-height: 3rem; padding: .65rem .85rem; font-size: .66rem; }
  .hero-mobile-book { right: -2vw; top: 5rem; width: 64vw; max-height: 27vh; }
  .builder-cinematic { min-height: 350svh; }
  .builder-origin-image, .builder-layer { display: none; }
  .builder-approved-composite { display: block; object-position: 58% center; filter: brightness(.68) saturate(.86); transform: scale(1.04); }
  .builder-cinematic-copy { left: 1rem; top: 39%; width: calc(100% - 2rem); }
  .builder-cinematic-copy.is-active { transform: translate3d(0, -50%, 0); }
  .builder-cinematic-copy h1, .builder-cinematic-copy h2 { font-size: clamp(3.35rem, 15.5vw, 5.4rem); }
  .builder-cinematic-copy p:not(.eyebrow) { max-width: 82%; font-size: 1rem; }
  .builder-copy-mission .button { width: auto; }
  .builder-measure { display: none; }
  .builder-cinematic-progress { left: 1rem; bottom: 2rem; }
  .builder-scroll-cue { display: none; }
  .builder-intro { padding-top: 5rem; }
}

@media (max-width: 600px) and (max-height: 720px) {
  .hero-mobile-book {
    top: 4rem;
    right: 0;
    width: 52vw;
    max-height: 22svh;
    transform: translate3d(var(--hero-mobile-book-x, 5vw), 0, 0) scale(var(--hero-mobile-book-scale, .7)) rotate(var(--hero-mobile-book-rotate, 7deg));
  }
  .book-finale-book {
    top: 3rem;
    width: 44vw;
    max-height: 18svh;
    transform: translate3d(calc(-50% + var(--finale-book-x, 34vw)), 0, 0) scale(var(--finale-book-scale, .64)) rotate(var(--finale-book-rotate, 7deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-reference, .builder-cinematic { min-height: 100svh; }
  .hero-reference-frame, .builder-cinematic-frame { position: relative; }
  .hero-reference-stage, .builder-origin-image, .builder-layer { transform: none !important; }
  .builder-cinematic-copy { display: none; }
  .builder-cinematic-copy[data-builder-copy="0"] { display: block; opacity: 1; transform: translateY(-50%); filter: none; }
  body[data-route="/"] .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
}

@media (max-width: 980px) {
  .sonic-build-copy { width: min(68vw, 720px); }
  .sonic-build-copy h1, .sonic-build-copy h2 { font-size: clamp(4rem, 10vw, 7.5rem); }
  .archive-build-copy { width: min(68vw, 720px); }
}

@media (max-width: 600px) {
  .sonic-build { min-height: 320svh; }
  .sonic-build-frame::after { background: linear-gradient(0deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.8) 56%, rgba(2,4,6,.2) 90%); }
  .sonic-build-copy { left: 1rem; top: 43%; width: calc(100% - 2rem); }
  .sonic-build-copy h1, .sonic-build-copy h2 { max-width: 10ch; font-size: clamp(3.5rem, 15vw, 5.5rem); }
  .sonic-build-copy > p:not(.eyebrow) { max-width: 88%; font-size: 1rem; }
  .sonic-build-progress { left: 1rem; bottom: 1.7rem; }
  .sonic-build-cue { display: none; }
  .sonic-layer-console { transform: translate3d(calc(var(--sonic-console-x, -110px) - 22%), 7%, 0) scale(1.32); }
  .sonic-layer-chair { transform: translate3d(calc(var(--sonic-chair-x, 120px) + 23%), 7%, 0) scale(1.32); }
  .archive-build { min-height: 260svh; }
  .archive-build-frame::after { background: linear-gradient(0deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.82) 58%, rgba(2,4,6,.2) 90%); }
  .archive-art-layer, .archive-art-scan { display: none; }
  .archive-art-composite { opacity: 1 !important; object-position: 57% center; transform: scale(1.04); filter: brightness(.72) saturate(.86); }
  .archive-build-copy { left: 1rem; top: 39%; width: calc(100% - 2rem); }
  .archive-build-copy h1, .archive-build-copy h2 { font-size: clamp(3.7rem, 17vw, 5.8rem); }
  .archive-build-copy > p:not(.eyebrow) { max-width: 86%; font-size: 1rem; }
  .archive-build-progress { left: 1rem; bottom: 1.7rem; }
  .archive-build-cue { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sonic-build, .archive-build { min-height: 100svh; }
  .sonic-build-frame, .archive-build-frame { position: relative; }
  .sonic-build-environment, .sonic-layer, .archive-art-layer, .archive-art-composite { transform: none !important; }
  .sonic-layer-console, .sonic-layer-chair { opacity: .72; }
  .sonic-layer-waveform { opacity: .34; }
  .sonic-layer-player { opacity: 1; }
  .sonic-build-copy { display: none; }
  .sonic-build-copy[data-sonic-copy="0"] { display: block; opacity: 1; transform: translateY(-50%); filter: none; }
  .archive-art-composite { opacity: 1; }
  .archive-build-copy { display: none; }
  .archive-build-copy[data-archive-copy="0"] { display: block; opacity: 1; transform: translateY(-50%); filter: none; }
}

/* Round Two — approved closing, artifact, policy, and Legacy layers */
.system-closing { position: relative; min-height: 260svh; background: #030507; }
.system-closing-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: grid; align-items: center; background: #030507; }
.system-closing-frame::after { content: ''; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2,4,6,.96) 0%, rgba(2,4,6,.72) 42%, rgba(2,4,6,.1) 76%), linear-gradient(0deg, rgba(2,4,6,.92), transparent 32% 78%, rgba(2,4,6,.55)); }
.system-closing-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; will-change: opacity, transform; }
.system-closing-environment { z-index: -4; opacity: .82; filter: brightness(.56) saturate(.76); transform: scale(var(--system-close-scale, 1.04)); }
.system-closing-blueprint { z-index: -2; opacity: var(--system-close-blueprint, 0); mix-blend-mode: screen; filter: drop-shadow(0 0 20px rgba(41,119,255,.6)); }
.system-closing-house { z-index: -1; opacity: var(--system-close-house, 0); transform: translate3d(0, var(--system-close-house-y, 84px), 0); }
.system-closing-table { z-index: 0; opacity: var(--system-close-table, 0); transform: translate3d(0, var(--system-close-table-y, 70px), 0); }
.system-closing-detail { z-index: 1; opacity: var(--system-close-detail, 0); filter: drop-shadow(0 25px 40px rgba(0,0,0,.68)); }
.system-closing-lamp, .system-closing-left-tools { transform: translate3d(var(--system-close-left-x, -70px), 0, 0); }
.system-closing-right-tools { transform: translate3d(var(--system-close-right-x, 70px), 0, 0); }
.system-closing-copy { position: relative; z-index: 3; width: min(55vw, 840px); margin-left: max(6vw, 1.4rem); opacity: var(--system-close-copy, .15); transform: translate3d(0, var(--system-close-copy-y, 40px), 0); }
.system-closing-copy h2 { max-width: 9ch; text-shadow: 0 18px 50px rgba(0,0,0,.82); }
.system-closing-copy > p:not(.eyebrow) { max-width: 42ch; color: #dfd2c1; font: clamp(1rem, 1.35vw, 1.25rem)/1.55 Georgia, serif; }
.system-closing-cue { position: absolute; z-index: 3; right: 3vw; bottom: 3vh; opacity: var(--system-close-cue, 1); color: #9cacbf; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }

.sonic-note { z-index: 1; opacity: 0; mix-blend-mode: screen; filter: drop-shadow(0 0 18px rgba(48,128,255,.48)); }
.sonic-note-1 { opacity: var(--sonic-note-1-opacity, 0); transform: translate3d(0, var(--sonic-note-1-y, 60px), 0) scale(1.02); }
.sonic-note-2 { opacity: var(--sonic-note-2-opacity, 0); transform: translate3d(0, var(--sonic-note-2-y, 70px), 0) scale(1.02); }
.sonic-note-3 { opacity: var(--sonic-note-3-opacity, 0); transform: translate3d(0, var(--sonic-note-3-y, 80px), 0) scale(1.02); }
.sonic-note-4 { opacity: var(--sonic-note-4-opacity, 0); transform: translate3d(0, var(--sonic-note-4-y, 90px), 0) scale(1.02); }

.archive-exact-cover { position: absolute; z-index: -1; height: auto; object-fit: contain; opacity: 0; pointer-events: none; filter: drop-shadow(0 28px 35px rgba(0,0,0,.78)); will-change: opacity, transform; }
.archive-exact-cover.archive-art-soundtrack { left: 51%; top: 15%; width: min(19vw, 330px); }
.archive-exact-cover.archive-art-book { right: 5%; top: 10%; width: min(16vw, 270px); }
.archive-exact-cover.archive-art-journal { left: 46%; bottom: 7%; width: min(12vw, 205px); }
.archive-exact-cover.archive-art-vessel { right: 20%; bottom: 6%; width: min(13vw, 220px); }
.artifact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; max-width: var(--max); margin: 0 auto 5rem; }
.artifact-card { min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(25,30,37,.88), rgba(7,9,12,.96)); }
.artifact-media { display: grid; place-items: center; height: 340px; margin-bottom: 1.25rem; overflow: hidden; border-radius: 8px; background: radial-gradient(circle, rgba(23,111,255,.12), transparent 55%), #050607; }
.artifact-media img { width: 100%; height: 100%; object-fit: contain; }
.artifact-card h3 { font-size: clamp(1.7rem, 2vw, 2.4rem); }
.artifact-card > span { color: #8da0b8; font: .58rem 'JetBrains Mono'; letter-spacing: .08em; text-transform: uppercase; }

.legacy-build-sky { z-index: -3; opacity: var(--legacy-sky-opacity, 0); filter: hue-rotate(158deg) saturate(.92) brightness(.72); mix-blend-mode: color; }
.legacy-build-frame > .legacy-build-family { inset: auto 8% -8% auto; z-index: 2; width: min(48vw, 760px); height: 82%; object-fit: contain; object-position: center bottom; opacity: var(--legacy-family-opacity, 0); transform: translate3d(var(--legacy-family-x, 120px), 0, 0); filter: drop-shadow(0 28px 38px rgba(0,0,0,.75)); }

.policy-hero { position: relative; isolation: isolate; min-height: 72svh; overflow: hidden; padding: calc(var(--header) + 7rem) max(6vw, 1.5rem) 0; display: grid; align-content: end; background: linear-gradient(90deg, rgba(3,5,8,.98), rgba(4,8,13,.68)), url('../images/blueprint.webp') center/cover; }
.policy-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .32; pointer-events: none; background-image: linear-gradient(rgba(56,132,235,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(56,132,235,.16) 1px, transparent 1px); background-size: clamp(48px,5vw,76px) clamp(48px,5vw,76px); mask-image: linear-gradient(90deg,#000,transparent 84%); }
.policy-hero::after { content: ''; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 79% 34%,rgba(38,120,233,.2),transparent 24%),linear-gradient(0deg,#030608 0%,transparent 44%); }
.policy-hero-grid { width: min(1280px,100%); margin: 0 auto clamp(3rem,6vw,6rem); display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.38fr); gap: clamp(2rem,7vw,8rem); align-items: end; }
.policy-hero-copy { position: relative; z-index: 2; }
.policy-hero h1 { max-width: 10ch; margin: .55rem 0 1.25rem; font-size: clamp(4rem,9vw,9rem); line-height: .82; letter-spacing: -.055em; text-transform: uppercase; }
.policy-hero-copy > p:not(.eyebrow) { max-width: 56ch; color: #e3d8c8; font: clamp(1.04rem,1.5vw,1.24rem)/1.7 Georgia,serif; text-shadow: 0 3px 18px rgba(0,0,0,.9); }
.policy-document-meta { display: flex; gap: clamp(1.2rem,4vw,3.5rem); margin: 2rem 0 0; }
.policy-document-meta div { padding-left: .75rem; border-left: 1px solid rgba(68,143,244,.55); }
.policy-document-meta dt { color: #7f91a8; font: .6rem/1.4 'JetBrains Mono',monospace; letter-spacing: .14em; text-transform: uppercase; }
.policy-document-meta dd { margin: .2rem 0 0; color: #f1ede5; font: .76rem/1.4 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.policy-emblem { position: relative; justify-self: end; width: min(25vw,290px); aspect-ratio: 1; display: grid; place-content: center; text-align: center; border: 1px solid rgba(64,139,239,.58); border-radius: 50%; background: radial-gradient(circle,rgba(31,109,219,.14),rgba(3,7,11,.88) 67%); box-shadow: inset 0 0 0 14px rgba(5,11,18,.7),inset 0 0 0 15px rgba(190,141,73,.3),0 0 80px rgba(24,104,220,.13); }
.policy-emblem::before,.policy-emblem::after { content: ''; position: absolute; pointer-events: none; background: rgba(75,148,245,.34); }
.policy-emblem span { color: #f2eee6; font: 700 clamp(4rem,8vw,7rem)/.85 'Bebas Neue',Impact,sans-serif; letter-spacing: .02em; }
.policy-emblem small { margin-top: .7rem; color: var(--bronze); font: .62rem/1.4 'JetBrains Mono',monospace; letter-spacing: .2em; text-transform: uppercase; }
.policy-rail { width: min(1280px,100%); margin: 0 auto; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid rgba(70,143,239,.25); border-bottom: 0; background: rgba(3,7,11,.86); backdrop-filter: blur(14px); }
.policy-rail a { min-width: 0; padding: 1rem clamp(.65rem,1.3vw,1.2rem); display: flex; align-items: center; gap: .65rem; border-right: 1px solid rgba(70,143,239,.2); color: #aeb9c7; font: .68rem/1.3 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.policy-rail a:last-child { border-right: 0; }
.policy-rail a span { color: #647b98; }
.policy-rail a:hover,.policy-rail a:focus-visible,.policy-rail a[aria-current="page"] { color: #fff; background: linear-gradient(90deg,rgba(31,111,224,.18),rgba(181,132,64,.08)); }
.policy-rail a[aria-current="page"] { box-shadow: inset 0 -2px #3289ff; }
.policy-shell { width: min(1280px,calc(100% - 2rem)); margin: 0 auto; padding: clamp(4rem,8vw,8rem) 0; }
.policy-layout { display: grid; grid-template-columns: minmax(230px,300px) minmax(0,1fr); gap: clamp(2rem,6vw,6rem); align-items: start; }
.policy-index { position: sticky; top: calc(var(--header) + 1.5rem); padding: 1.3rem; border: 1px solid rgba(72,143,238,.22); background: linear-gradient(145deg,rgba(10,16,23,.92),rgba(4,7,10,.86)); }
.policy-index ol { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid rgba(72,143,238,.2); }
.policy-index li { border-bottom: 1px solid rgba(72,143,238,.16); }
.policy-index a { display: grid; grid-template-columns: 2.2rem 1fr; gap: .35rem; padding: .88rem 0; color: #aeb9c7; font: .72rem/1.45 'JetBrains Mono',monospace; }
.policy-index a span { color: var(--bronze); }
.policy-index a:hover,.policy-index a:focus-visible { color: #fff; padding-left: .35rem; }
.policy-index-note { margin: 1rem 0 0; color: #7f8d9e; font: .78rem/1.55 Georgia,serif; }
.policy-content { min-width: 0; }
.policy-content article { scroll-margin-top: calc(var(--header) + 2rem); padding: clamp(2rem,5vw,4rem) 0; display: grid; grid-template-columns: 56px minmax(0,1fr); gap: clamp(1rem,2.5vw,2rem); border-bottom: 1px solid var(--line); }
.policy-content article h2 { margin: 0 0 1rem; font-size: clamp(2rem,4vw,3.65rem); line-height: .92; }
.policy-content article p { max-width: 68ch; margin: 0; color: #c2cad4; font: clamp(1rem,1.25vw,1.12rem)/1.78 Georgia,serif; }
.policy-section-number { padding-top: .28rem; color: var(--bronze); font: .7rem/1 'JetBrains Mono',monospace; letter-spacing: .13em; }
.policy-review-note { max-width: none; margin: 0 0 1rem; padding: 1.1rem 1.25rem; border: 1px solid rgba(214,154,82,.38); border-radius: 4px; background: rgba(214,154,82,.08); color: #ddcfbd; }
.policy-close { margin-top: clamp(3rem,6vw,6rem); padding: clamp(1.5rem,4vw,3.5rem); display: flex; align-items: end; justify-content: space-between; gap: 2rem; border: 1px solid rgba(66,139,237,.3); background: radial-gradient(circle at 85% 20%,rgba(34,118,232,.13),transparent 32%),linear-gradient(145deg,rgba(9,15,22,.98),rgba(4,7,10,.9)); }
.policy-close h2 { max-width: 12ch; margin: .45rem 0 .8rem; font-size: clamp(2.4rem,5vw,5rem); line-height: .88; }
.policy-close p:not(.eyebrow) { max-width: 52ch; color: #aeb9c7; }
.policy-close .button { flex: 0 0 auto; }
.policy-updated { margin-top: 1.4rem; color: #8ea0b7; font: .65rem/1.5 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }

body[data-route="/"] .site-header,
body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
.home-builder-frame { background-position: 68% 92%; }
.builder-origin-image { filter: brightness(.76) saturate(.86) contrast(1.06); }

@media (max-width: 900px) {
  .system-closing { min-height: 220svh; }
  .system-closing-copy { width: calc(100% - 2rem); margin-left: 1rem; }
  .system-closing-cue { display: none; }
  .artifact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archive-exact-suite { inset: 0; padding: 39svh 1rem 5rem; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); background: linear-gradient(0deg, rgba(3,7,12,.98), rgba(6,16,29,.92)); }
  .archive-exact-item { padding: .42rem; }
  .archive-exact-item figcaption { font-size: .45rem; }
  .policy-hero { min-height: auto; padding-top: calc(var(--header) + 5rem); }
  .policy-hero-grid { grid-template-columns: minmax(0,1fr) 190px; }
  .policy-emblem { width: 190px; }
  .policy-rail { display: flex; overflow-x: auto; scrollbar-width: thin; }
  .policy-rail a { flex: 0 0 auto; min-width: 145px; }
  .policy-layout { grid-template-columns: 1fr; }
  .policy-index { position: relative; top: auto; }
  .policy-index ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 1.2rem; }
}

@media (max-width: 600px) {
  .artifact-grid { grid-template-columns: 1fr; }
  .artifact-media { height: 420px; }
  .archive-art-layer:not(.archive-art-environment), .archive-art-scan { display: none; }
  .archive-exact-suite { display: grid; padding-top: 40svh; }
  .archive-art-environment { display: block; }
  .archive-art-case,.archive-art-passport,.archive-art-incension,.archive-art-book,.archive-art-soundtrack { display: block; object-position: 70% center; }
  .archive-exact-cover { display: block; }
  .archive-exact-cover.archive-art-soundtrack { left: 43%; top: 14%; width: 36vw; }
  .archive-exact-cover.archive-art-book { right: 2%; top: 38%; width: 30vw; }
  .archive-exact-cover.archive-art-journal { left: 42%; bottom: 5%; width: 23vw; }
  .archive-exact-cover.archive-art-vessel { right: 4%; bottom: 5%; width: 24vw; }
  .legacy-build-frame > .legacy-build-family { right: -12%; bottom: -4%; width: 88vw; height: 67%; }
  .policy-hero { padding-inline: 1rem; }
  .policy-hero-grid { grid-template-columns: 1fr; margin-bottom: 2.5rem; }
  .policy-hero h1 { font-size: clamp(3.5rem,18vw,5.8rem); }
  .policy-emblem { display: none; }
  .policy-document-meta { gap: 1rem; justify-content: space-between; }
  .policy-document-meta div { min-width: 0; }
  .policy-rail { width: calc(100% + 2rem); margin-left: -1rem; }
  .policy-shell { width: min(100% - 1.25rem,1280px); padding-top: 2.5rem; }
  .policy-index { padding: 1rem; }
  .policy-index ol { grid-template-columns: 1fr; }
  .policy-content article { grid-template-columns: 38px minmax(0,1fr); }
  .policy-content article h2 { font-size: clamp(2rem,10vw,3rem); }
  .policy-close { align-items: stretch; flex-direction: column; }
  .policy-close .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .system-closing { min-height: 100svh; }
  .system-closing-frame { position: relative; }
  .system-closing-layer { opacity: 1 !important; transform: none !important; }
  .system-closing-copy { opacity: 1; transform: none; }
  .archive-exact-cover { opacity: .92 !important; transform: none !important; }
  .sonic-note { opacity: .48 !important; transform: none !important; }
}

/* Final cascade guardrails for the approved review behavior. */
body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); }
body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
.home-builder-frame { background-image: url('../images/home-builder-clean.png'); background-position: 50% 34%; background-size: cover; }
.offers .offer-grid { gap: clamp(1rem, 2vw, 1.5rem); border: 0; background: transparent; perspective: 1100px; }
.offers .offer-card { border-color: rgba(91,148,228,.26); box-shadow: 0 18px 38px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.035); transform: translate3d(0,16px,0) scale(.985); transition: transform .42s cubic-bezier(.2,.8,.2,1), border-color .32s ease, box-shadow .42s ease, background .32s ease; }
.offers .offer-card.is-visible { transform: translate3d(0,0,0) scale(1); }
.offers .offer-card:hover, .offers .offer-card:focus-within { z-index: 2; border-color: rgba(92,158,255,.82); background: linear-gradient(145deg, rgba(24,39,60,.96), rgba(8,13,21,.98)); box-shadow: 0 34px 68px rgba(0,0,0,.58), 0 0 34px rgba(23,111,255,.27), inset 0 1px rgba(255,255,255,.07); transform: translate3d(0,-15px,28px) scale(1.025); }
.offers .offer-card::before { width: 3px; box-shadow: 0 0 24px rgba(23,111,255,.95); }
.offers .offer-card:hover::before, .offers .offer-card:focus-within::before { transform: scaleY(1); }

/* Archive merch — Architectural Noir uniform sequence, 2026-09-02 */
.uniform-story { position: relative; left: 50%; width: 100vw; min-height: 420svh; margin: 9rem 0 0; transform: translateX(-50%); background: #040506; --uniform-progress: 0; }
.uniform-story-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 71% 63%,rgba(182,116,43,.13),transparent 30%),linear-gradient(135deg,#11100e 0%,#07090b 48%,#030405 100%); }
.uniform-story-frame::before { content: ''; position: absolute; z-index: -2; inset: 0; opacity: .32; background-image: linear-gradient(rgba(76,139,224,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(76,139,224,.2) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,transparent 0,#000 26% 92%,transparent); }
.uniform-story-frame::after { content: ''; position: absolute; z-index: 5; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.72) 25%,transparent 49% 84%,rgba(2,3,4,.48)),linear-gradient(0deg,rgba(2,3,4,.9),transparent 24% 82%,rgba(2,3,4,.45)); }
.uniform-architecture { position: absolute; z-index: 1; inset: 9% 3% 8% 26%; overflow: hidden; border: 1px solid rgba(74,139,231,.26); clip-path: polygon(0 7%,7% 7%,7% 0,93% 0,93% 7%,100% 7%,100% 93%,93% 93%,93% 100%,7% 100%,7% 93%,0 93%); }
.uniform-architecture::before,.uniform-architecture::after { content: ''; position: absolute; inset: 7%; border: 1px solid rgba(214,154,82,.22); }
.uniform-architecture::after { inset: 18% 9%; border-color: rgba(70,137,230,.2); border-style: dashed; }
.uniform-architecture span { position: absolute; background: rgba(83,145,231,.24); box-shadow: 0 0 12px rgba(23,111,255,.14); }
.uniform-architecture span:nth-child(1) { left: 33%; top: 0; width: 1px; height: 100%; }
.uniform-architecture span:nth-child(2) { left: 66%; top: 0; width: 1px; height: 100%; }
.uniform-architecture span:nth-child(3) { left: 0; top: 34%; width: 100%; height: 1px; }
.uniform-architecture span:nth-child(4) { left: 0; top: 72%; width: 100%; height: 1px; }
.uniform-heading { position: absolute; z-index: 8; left: max(5vw,1.4rem); top: calc(var(--header) + 3.2rem); width: min(34vw,560px); }
.uniform-heading h2 { max-width: 6ch; font-size: clamp(4.4rem,8vw,9rem); text-shadow: 0 20px 58px #000; }
.uniform-stage { position: absolute; z-index: 3; inset: 7% 1% 5% 24%; perspective: 1300px; }
.uniform-scene { position: absolute; inset: 0; opacity: 0; transform: translate3d(0,26px,0); transition: opacity .48s ease,transform .65s cubic-bezier(.2,.8,.2,1); }
.uniform-scene.is-active { opacity: 1; transform: none; }
.uniform-piece { position: absolute; bottom: 3%; height: 78%; width: 36%; object-fit: contain; object-position: center bottom; pointer-events: none; filter: drop-shadow(0 32px 34px rgba(0,0,0,.78)); transition: transform .75s cubic-bezier(.2,.8,.2,1),filter .5s ease; }
.uniform-left { left: 0; transform: translate3d(-4%,3%,0) rotateY(10deg) scale(.9); }
.uniform-center { left: 32%; z-index: 2; transform: translate3d(0,-2%,60px) scale(1.05); }
.uniform-right { right: 0; transform: translate3d(4%,3%,0) rotateY(-10deg) scale(.9); }
.uniform-copy-stack { position: absolute; z-index: 8; left: max(5vw,1.4rem); bottom: 13vh; width: min(30vw,470px); min-height: 180px; }
.uniform-copy { position: absolute; inset: 0; opacity: 0; transform: translate3d(0,24px,0); transition: opacity .35s ease,transform .5s ease; pointer-events: none; }
.uniform-copy.is-active { opacity: 1; transform: none; }
.uniform-copy h3 { max-width: 9ch; font-size: clamp(2.5rem,4.2vw,5.3rem); }
.uniform-copy > p:last-child { color: #c9c0b3; font: clamp(.96rem,1.2vw,1.12rem)/1.55 Georgia,serif; text-shadow: 0 3px 14px #000; }
.uniform-progress { position: absolute; z-index: 9; right: 4vw; bottom: 3.5vh; width: min(38vw,520px); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; color: #9db0ca; font: .58rem 'JetBrains Mono'; }
.uniform-progress i { height: 1px; background: rgba(255,255,255,.16); }
.uniform-progress b { display: block; width: calc(var(--uniform-progress,0) * 100%); height: 100%; background: linear-gradient(90deg,var(--blue),var(--bronze)); box-shadow: 0 0 12px rgba(23,111,255,.7); }
.uniform-cue { position: absolute; z-index: 9; left: max(5vw,1.4rem); bottom: 3vh; margin: 0; color: #8191a5; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; opacity: var(--uniform-cue-opacity,1); }
.uniform-shop-heading { margin-top: 9rem; }
.archive-audiobook-note { position: relative; display: grid; grid-template-columns: minmax(260px,.8fr) minmax(320px,1.2fr); gap: clamp(2rem,6vw,7rem); align-items: end; max-width: var(--max); margin: 2.5rem auto 0; padding: clamp(1.5rem,3vw,2.4rem); overflow: hidden; border: 1px solid rgba(214,154,82,.42); border-radius: 12px; background: radial-gradient(circle at 88% 22%,rgba(23,111,255,.16),transparent 36%),linear-gradient(135deg,rgba(24,19,14,.95),rgba(5,9,14,.98)); box-shadow: 0 24px 50px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04); }
.archive-audiobook-note::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(83,145,231,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(83,145,231,.22) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,transparent,#000 38%,transparent); }
.archive-audiobook-note::after { content: 'W26'; position: absolute; right: 1.4rem; top: -.15em; color: rgba(214,154,82,.07); font: 800 clamp(5rem,10vw,10rem)/1 'Barlow Condensed'; letter-spacing: -.04em; }
.archive-audiobook-note > * { position: relative; z-index: 1; }
.archive-audiobook-note h3 { max-width: 12ch; margin: 0; font-size: clamp(2.2rem,4vw,4.5rem); }
.archive-audiobook-note > p { max-width: 48ch; margin: 0; color: #d8cdbf; font: clamp(1rem,1.3vw,1.2rem)/1.65 Georgia,serif; }
.uniform-product-grid { align-items: stretch; }
.uniform-product-card { display: grid; grid-template-rows: minmax(430px,52vh) auto; border-color: rgba(87,143,220,.3); background: linear-gradient(155deg,rgba(15,22,30,.98),rgba(5,8,11,.99)); box-shadow: 0 24px 54px rgba(0,0,0,.46); }
.uniform-product-media { position: relative; height: auto; min-height: 430px; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 50% 64%,rgba(190,124,45,.16),transparent 37%),linear-gradient(145deg,#11161d,#050709); }
.uniform-product-media::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .42; background-image: linear-gradient(rgba(68,130,214,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(68,130,214,.2) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(180deg,#000,transparent 92%); }
.uniform-drawing-lines { position: absolute; inset: 7%; border: 1px solid rgba(214,154,82,.24); clip-path: polygon(0 7%,7% 7%,7% 0,93% 0,93% 7%,100% 7%,100% 93%,93% 93%,93% 100%,7% 100%,7% 93%,0 93%); }
.uniform-drawing-lines::before,.uniform-drawing-lines::after { content: ''; position: absolute; background: rgba(77,143,232,.28); }
.uniform-drawing-lines::before { left: 50%; top: -8%; width: 1px; height: 116%; }
.uniform-drawing-lines::after { top: 50%; left: -8%; width: 116%; height: 1px; }
.uniform-product-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 24px 28px rgba(0,0,0,.72)); transform: scale(.96); transition: opacity .48s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .5s ease; }
.uniform-product-media img.is-switching { opacity: .18; transform: scale(.91); }
.uniform-product-card > div:last-child { display: flex; flex-direction: column; }
.uniform-variant-picker { margin-top: auto; padding-top: 1.15rem; border-top: 1px solid rgba(104,151,215,.18); }
.uniform-variant-picker > p { display: flex; justify-content: space-between; gap: 1rem; margin: 0 0 .7rem; color: #8f9daf; font: 500 .58rem 'JetBrains Mono'; letter-spacing: .13em; text-transform: uppercase; }
.uniform-variant-picker > p span { color: #d9c3a4; text-align: right; }
.uniform-color-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.uniform-color-option { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.35rem; padding: .46rem .66rem; border: 1px solid rgba(117,151,198,.28); border-radius: 999px; background: rgba(4,7,10,.58); color: #aeb9c7; cursor: pointer; font: 500 .58rem 'JetBrains Mono'; letter-spacing: .07em; text-transform: uppercase; transition: border-color .2s,background .2s,color .2s,box-shadow .2s,transform .2s; }
.uniform-color-option i { width: .82rem; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; background: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,.32); }
.uniform-color-option:hover,.uniform-color-option:focus-visible { border-color: rgba(106,164,244,.72); color: #eef5ff; outline: none; }
.uniform-color-option.is-active { border-color: rgba(214,154,82,.82); background: rgba(214,154,82,.11); color: #f2e4d0; box-shadow: 0 0 18px rgba(214,154,82,.12); transform: translateY(-1px); }
.uniform-product-card strong { display: block; margin: 1.15rem 0 1rem; color: var(--bronze); font: 600 1rem 'JetBrains Mono'; letter-spacing: .08em; }
.uniform-checkout { width: 100%; }

@media (max-width: 980px) {
  .uniform-heading { width: min(44vw,480px); }
  .uniform-stage { left: 18%; }
  .uniform-copy-stack { width: min(38vw,390px); }
  .uniform-product-card { grid-template-rows: minmax(380px,48vh) auto; }
}

@media (max-width: 700px) {
  .uniform-story { min-height: 330svh; margin-top: 6rem; }
  .archive-audiobook-note { grid-template-columns: 1fr; align-items: start; margin-top: 1.5rem; }
  .archive-audiobook-note h3 { max-width: 10ch; }
  .uniform-story-frame::after { background: linear-gradient(180deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.44) 30%,transparent 48% 73%,rgba(2,3,4,.9)); }
  .uniform-heading { top: calc(var(--header) + 1.7rem); width: calc(100% - 2rem); }
  .uniform-heading h2 { font-size: clamp(3.7rem,17vw,5.8rem); }
  .uniform-architecture { inset: 18% 4% 21%; }
  .uniform-stage { inset: 17% -5% 20%; }
  .uniform-piece { bottom: 1%; width: 42%; height: 77%; }
  .uniform-left { left: -5%; }
  .uniform-center { left: 29%; }
  .uniform-right { right: -5%; }
  .uniform-copy-stack { left: 1rem; bottom: 9vh; width: calc(100% - 2rem); min-height: 135px; }
  .uniform-copy h3 { font-size: clamp(2.45rem,12vw,4.2rem); }
  .uniform-copy > p:last-child { max-width: 36ch; margin-top: .5rem; font-size: .92rem; }
  .uniform-progress { right: 1rem; bottom: 2.1vh; width: min(58vw,310px); }
  .uniform-cue { display: none; }
  .uniform-product-grid { grid-template-columns: 1fr; }
  .uniform-product-card { grid-template-rows: minmax(420px,62vh) auto; }
}

@media (prefers-reduced-motion: reduce) {
  .uniform-story { min-height: auto; }
  .uniform-story-frame { position: relative; height: auto; min-height: 100svh; }
  .uniform-scene { display: none; }
  .uniform-scene:first-child { display: block; opacity: 1; transform: none; }
  .uniform-copy { display: none; }
  .uniform-copy:first-child { display: block; opacity: 1; transform: none; }
  .uniform-product-media img.is-switching { opacity: 1; transform: scale(.96); }
}
.method-pathway { position: relative; min-height: 235svh; overflow: clip; background: #030609; --method-progress: 0; }
.method-pathway-frame { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; display: flex; align-items: center; padding: clamp(5rem,10vh,8rem) max(6vw,1.5rem); }
.method-pathway-media, .method-pathway-media::after, .method-layer, .method-pathway-grid { position: absolute; inset: 0; width: 100%; height: 100%; }
.method-pathway-media { z-index: -2; overflow: hidden; background: #04070a; }
.method-pathway-media::after { content: ''; z-index: 8; pointer-events: none; background: linear-gradient(90deg,rgba(2,4,7,.06) 0 45%,rgba(2,4,7,.66) 67%,rgba(2,4,7,.96) 100%),linear-gradient(0deg,rgba(2,4,7,.9),transparent 28% 78%,rgba(2,4,7,.48)); }
.method-layer { object-fit: cover; pointer-events: none; will-change: opacity,transform; }
.method-layer-master { z-index: 0; filter: brightness(.72) saturate(.88) contrast(1.04); transform: scale(var(--method-master-scale,1.02)); }
.method-layer-clouds { z-index: 1; opacity: var(--method-cloud-opacity,.16); transform: translate3d(var(--method-cloud-x,0),0,0) scale(1.035); mix-blend-mode: screen; }
.method-layer-foreground { z-index: 2; transform: translate3d(0,var(--method-foreground-y,0),0) scale(1.018); filter: brightness(.82) saturate(.9); }
.method-layer-path { z-index: 3; opacity: var(--method-path-opacity,.22); transform: translate3d(0,var(--method-path-y,70px),0); filter: drop-shadow(0 24px 36px rgba(0,0,0,.46)); }
.method-layer-blueprint { z-index: 4; opacity: var(--method-blueprint-opacity,0); transform: scale(var(--method-blueprint-scale,.94)); mix-blend-mode: screen; filter: drop-shadow(0 0 24px rgba(31,124,255,.66)); }
.method-layer-city { z-index: 5; opacity: var(--method-city-opacity,0); transform: translate3d(0,var(--method-city-y,54px),0); filter: drop-shadow(0 22px 34px rgba(0,0,0,.64)); }
.method-pathway-grid { z-index: 6; opacity: var(--method-grid-opacity,.03); background-image: linear-gradient(rgba(53,128,238,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(53,128,238,.42) 1px,transparent 1px); background-size: 68px 68px; mask-image: radial-gradient(circle at 48% 55%,#000,transparent 72%); }
.method-pathway-copy { width: min(43vw,680px); margin-left: auto; padding: clamp(1.2rem,2.5vw,2.1rem); border-left: 2px solid rgba(75,145,245,.72); border-radius: 0 16px 16px 0; background: linear-gradient(90deg,rgba(4,8,13,.82),rgba(4,8,13,.42)); box-shadow: 0 30px 70px rgba(0,0,0,.4); backdrop-filter: blur(8px); }
.method-pathway-copy h2 { max-width: 8.5ch; font-size: clamp(4rem,7vw,8.4rem); text-shadow: 0 12px 38px rgba(0,0,0,.82); }
.method-pathway-copy > p:not(.chapter-number) { max-width: 38ch; color: #e0d4c3; font: clamp(1rem,1.3vw,1.22rem)/1.58 Georgia,serif; }
.method-pathway-progress { position: absolute; left: max(6vw,1.5rem); bottom: 3.6vh; display: grid; grid-template-columns: auto minmax(120px,24vw) auto; align-items: center; gap: .8rem; color: #9aabc1; font: .58rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.method-pathway-progress i { height: 1px; overflow: hidden; background: rgba(255,255,255,.16); }
.method-pathway-progress b { display: block; width: calc(var(--method-progress,0) * 100%); height: 100%; background: var(--blue); box-shadow: 0 0 12px var(--blue); }
.method-pathway-cue { position: absolute; right: 2rem; bottom: 1.4rem; opacity: var(--method-cue-opacity,1); color: #91a6c3; font: .56rem 'JetBrains Mono'; letter-spacing: .14em; text-transform: uppercase; }
.legacy-build-sky { filter: saturate(.86) brightness(.68) contrast(1.04); mix-blend-mode: screen; }
@media (max-width: 600px) {
  body[data-route="/"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); }
  body[data-route="/"].past-home-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }
  .home-builder-frame { background-image: url('../images/home-builder-clean.png'); background-position: 43% 28%; }
  .method-pathway { min-height: 190svh; }
  .method-pathway-frame { align-items: end; padding: 1rem 1rem 10vh; }
  .method-pathway-media::after { background: linear-gradient(0deg,rgba(2,4,7,.98) 0%,rgba(2,4,7,.72) 48%,rgba(2,4,7,.12) 84%),linear-gradient(90deg,rgba(2,4,7,.2),rgba(2,4,7,.5)); }
  .method-pathway-copy { width: 100%; margin: 0; padding: 1.2rem; backdrop-filter: blur(7px); }
  .method-pathway-copy h2 { font-size: clamp(3.6rem,15vw,5.7rem); }
  .method-pathway-progress { left: 1rem; bottom: 2.2vh; }
  .method-pathway-cue { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .method-pathway { min-height: 100svh; }
  .method-pathway-frame { position: relative; }
  .method-layer { transform: none !important; }
  .method-layer-blueprint { opacity: .7; }
  .method-layer-city { opacity: 1; }
}

/* Focused homepage + System refinement — 2026-08-29 */
.hotspot-wild { left: 9.8%; top: 61%; width: 11.5%; height: 17%; }
.hotspot-blueprint { left: 21.3%; top: 61%; width: 11.5%; height: 17%; }
.hotspot-result { left: 32.8%; top: 61%; width: 11.5%; height: 17%; }
.hotspot-secure { left: 10.4%; top: 78.6%; width: 21%; height: 6.1%; }
.hotspot-soundtrack { left: 31.5%; top: 78.6%; width: 12.8%; height: 6.1%; }
.hotspot-score { left: 25.7%; top: 84.65%; width: 7%; height: 10.8%; appearance: none; font: inherit; }
.hero-hotspot .hotspot-score-icon { position: absolute; left: 50%; top: 50%; display: grid; width: 43%; min-width: 1.65rem; aspect-ratio: 1; height: auto; margin: 0; overflow: visible; clip: auto; place-items: center; border-radius: 50%; background: #07101b; color: #fff; font: 700 clamp(.72rem,1vw,1.08rem)/1 system-ui,sans-serif; text-indent: .08em; transform: translate(-50%,-50%); box-shadow: 0 0 12px rgba(23,111,255,.72); }

body[data-route="/the-system"] .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); transition: opacity .28s ease, transform .28s ease, visibility .28s; }
body[data-route="/the-system"].past-system-hero .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }

.method-pathway { min-height: 285svh; }
.method-pathway-media { background: radial-gradient(circle at 24% 34%, #1d2630 0%, #080d12 43%, #030609 100%); }
.method-layer-clouds { z-index: 0; opacity: var(--method-cloud-opacity,1); transform: translate3d(var(--method-cloud-x,0),0,0) scale(1.025); mix-blend-mode: normal; filter: brightness(.88) saturate(.92); }
.method-layer-foreground { z-index: 1; opacity: 1; transform: translate3d(0,var(--method-foreground-y,0),0) scale(1.01); filter: brightness(.86) saturate(.92); }
.method-layer-path { z-index: 2; opacity: var(--method-path-opacity,0); transform: translate3d(0,var(--method-path-y,48px),0); }
.method-layer-blueprint { z-index: 3; opacity: var(--method-blueprint-opacity,0); transform: scale(var(--method-blueprint-scale,.97)); }
.method-layer-city { z-index: 4; opacity: var(--method-city-opacity,0); transform: translate3d(0,var(--method-city-y,38px),0); }
.method-pathway-grid { z-index: 5; }
.method-pathway-copy, .method-pathway-progress, .method-pathway-cue { z-index: 10; }

.sonic-preview { display: block; min-height: 190svh; padding: 0; background: radial-gradient(circle at 74% 42%,rgba(23,111,255,.16),transparent 34%),#05080c; }
.sonic-preview-frame { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: minmax(260px,.68fr) minmax(430px,1.32fr); grid-template-rows: 1fr auto; gap: clamp(1rem,2vw,2rem); align-items: center; max-width: 1500px; margin: auto; padding: calc(var(--header) + 2rem) max(5vw,1.5rem) 2rem; }
.sonic-preview-copy { max-width: 540px; }
.sonic-turntable-home { width: min(100%,64vh,620px); min-height: 0; aspect-ratio: 1; justify-self: end; }
.sonic-turntable-home .turntable-deck { right: 0; top: 0; width: 82%; height: auto; min-height: 0; aspect-ratio: 1; }
.sonic-turntable-home .album-sleeve { left: 0; top: 21%; width: 58%; }
.sonic-turntable-home .vinyl-record { left: 10%; width: 72%; }
.sonic-preview-frame > .audio-dock { grid-column: 1 / -1; width: 100%; }
.sonic-preview audio { display: none; }

.sequence-card.is-visible:hover,
.sequence-card.is-visible:focus-within,
.sequence-card:nth-child(even).is-visible:hover,
.sequence-card:nth-child(even).is-visible:focus-within { z-index: 5; border-color: rgba(93,158,255,.82); background: linear-gradient(145deg,#182a43,#0b121d); box-shadow: 0 44px 82px rgba(0,0,0,.66),0 0 42px rgba(23,111,255,.34),inset 0 1px rgba(255,255,255,.09); transform: translate3d(0,-26px,34px) scale(1.04); }
.sequence-card.is-visible:hover::after,
.sequence-card.is-visible:focus-within::after { opacity: 1; }

.tool-grid { grid-template-columns: 1fr; gap: clamp(1rem,2vw,1.5rem); border: 0; background: transparent; }
.tool-card { min-width: 0; }
.tool-art img { object-fit: contain; }

@media (max-width: 900px) {
  .sonic-preview { min-height: auto; padding: 0; }
  .sonic-preview-frame { position: relative; min-height: auto; grid-template-columns: 1fr; grid-template-rows: auto; padding: 6rem 1rem; }
  .sonic-turntable-home { width: min(100%,620px); justify-self: center; }
  .sonic-preview-frame > .audio-dock { grid-column: 1; }
  .tool-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .method-pathway { min-height: 235svh; }
  .sonic-turntable-home .album-sleeve { width: 56%; }
  .audio-dock { grid-template-columns: auto 1fr; }
  .audio-dock .waveform { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .sonic-preview { min-height: auto; }
  .sonic-preview-frame { position: relative; }
  .method-layer-clouds, .method-layer-foreground, .method-layer-path, .method-layer-blueprint, .method-layer-city { transform: none !important; }
  .method-layer-path, .method-layer-city { opacity: 1; }
}

/* Shared reveal-on-demand navigation — all primary pages */
body.has-nav-peek:not(.site-nav-open) .site-header,
body.has-nav-peek.nav-peek-ready:not(.site-nav-open) .site-header { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-130%); }
body.has-nav-peek.nav-peek-ready.site-nav-open .site-header { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%); }

/* Site-wide text legibility pass — preserve the noir artwork while protecting every reading zone. */
:where(
  .hero-copy,
  .story-step,
  .cinematic-bridge-copy,
  .home-builder-copy,
  .system-build-copy,
  .sonic-build-copy,
  .sonic-score-copy,
  .archive-build-copy,
  .legacy-build-copy,
  .coaching-hero-copy,
  .coaching-copy,
  .method-pathway-copy
) {
  isolation: isolate;
}

:where(
  .hero-copy,
  .story-step,
  .cinematic-bridge-copy,
  .home-builder-copy,
  .system-build-copy,
  .sonic-build-copy,
  .sonic-score-copy,
  .archive-build-copy,
  .legacy-build-copy,
  .coaching-hero-copy,
  .coaching-copy,
  .method-pathway-copy
)::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: clamp(-1.5rem,-2vw,-1rem) clamp(-2.5rem,-3vw,-1.25rem);
  pointer-events: none;
  background: radial-gradient(ellipse at 24% 50%,rgba(1,3,5,.82) 0%,rgba(1,3,5,.6) 46%,rgba(1,3,5,.18) 67%,transparent 80%);
}

:where(
  .hero-copy,
  .story-step,
  .cinematic-bridge-copy,
  .home-builder-copy,
  .system-build-copy,
  .sonic-build-copy,
  .sonic-score-copy,
  .archive-build-copy,
  .legacy-build-copy,
  .coaching-hero-copy,
  .coaching-copy,
  .method-pathway-copy
) :where(h1,h2,h3) {
  color: var(--text-display);
  text-shadow: 0 2px 3px rgba(0,0,0,.98), 0 14px 38px rgba(0,0,0,.76);
}

:where(
  .hero-copy,
  .story-step,
  .cinematic-bridge-copy,
  .home-builder-copy,
  .system-build-copy,
  .sonic-build-copy,
  .sonic-score-copy,
  .archive-build-copy,
  .legacy-build-copy,
  .coaching-hero-copy,
  .coaching-copy,
  .method-pathway-copy
) > p:not(.eyebrow) {
  color: var(--text-body);
  text-shadow: var(--text-shadow-readable);
}

.hero-line-accent,
.coaching-hero-copy h1 span {
  color: rgba(242,238,229,.14) !important;
  -webkit-text-stroke: 1.25px rgba(242,238,229,.96);
  text-shadow: 0 2px 3px rgba(0,0,0,.98), 0 8px 24px rgba(0,0,0,.82) !important;
}

:where(
  .measurement,
  .scroll-cue,
  .hero-proof span,
  .hero-monument figcaption span,
  .system-node-list li,
  .system-build-progress,
  .system-build-cue,
  .sonic-build-progress,
  .sonic-build-cue,
  .archive-exact-item figcaption,
  .archive-build-progress,
  .archive-build-cue,
  .legacy-principles span,
  .legacy-build-cue,
  .cinematic-bridge-label,
  .home-builder-cue,
  .book-finale-measure,
  .book-finale-status,
  .coaching-hero-index,
  .coaching-hero-index span,
  .coaching-scroll-cue,
  .coaching-track-cue,
  .coaching-track-progress,
  .sonic-score-signal,
  .sonic-credit-rail span,
  .shop-item small
) {
  color: var(--text-micro);
  font-size: clamp(.6875rem,.72vw,.78rem);
  line-height: 1.45;
  text-shadow: 0 1px 2px rgba(0,0,0,.98), 0 3px 10px rgba(0,0,0,.78);
}

.eyebrow,
.chapter-number,
.pillar-number {
  color: var(--bronze);
  font-size: clamp(.72rem,.76vw,.82rem);
  text-shadow: 0 1px 2px rgba(0,0,0,.98), 0 3px 12px rgba(0,0,0,.82);
}

@media (max-width: 600px) {
  :where(
    .hero-copy,
    .story-step,
    .cinematic-bridge-copy,
    .home-builder-copy,
    .system-build-copy,
    .sonic-build-copy,
    .sonic-score-copy,
    .archive-build-copy,
    .legacy-build-copy,
    .coaching-hero-copy,
    .coaching-copy,
    .method-pathway-copy
  )::before {
    inset: -1rem;
    background: linear-gradient(90deg,rgba(1,3,5,.92) 0%,rgba(1,3,5,.78) 62%,rgba(1,3,5,.28) 88%,transparent 100%);
  }

  .hero-line-accent,
  .coaching-hero-copy h1 span {
    color: rgba(242,238,229,.9) !important;
    -webkit-text-stroke: .5px rgba(242,238,229,1);
  }

  .legacy-build-copy h1 {
    font-size: clamp(3.7rem,18vw,5.8rem);
    line-height: .86;
  }
}

/* Home confrontation chapter — seamless film with no hard video-edge seam. */
.cinematic-bridge-wild .cinematic-bridge-video-square {
  inset: 50% clamp(1rem,5vw,6rem) auto auto;
  width: min(54vw,780px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
  filter: brightness(.86) saturate(.9) contrast(1.05);
  transform: translateY(-50%) scale(var(--chapter-video-scale,.94));
  -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 7%,#000 16%,#000 100%);
  mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 7%,#000 16%,#000 100%);
}

.cinematic-bridge-wild .cinematic-bridge-frame::before {
  background:
    linear-gradient(90deg,rgba(2,4,6,.9) 0%,rgba(2,4,6,.72) 25%,rgba(2,4,6,.22) 46%,transparent 62%),
    linear-gradient(0deg,rgba(2,4,6,.48) 0%,transparent 19% 85%,rgba(2,4,6,.2) 100%);
}

.cinematic-bridge-wild .cinematic-bridge-copy::before {
  display: none;
}

.cinematic-bridge-wild .cinematic-bridge-grid {
  opacity: calc(var(--chapter-grid-opacity,.08) * .5);
  mask-image: linear-gradient(90deg,#000,transparent 46%);
}

@media (max-width: 600px), (max-aspect-ratio: 4/3) {
  .cinematic-bridge-wild .cinematic-bridge-video-square {
    inset: -3.5% -3.5% auto;
    width: 107%;
    height: auto;
    aspect-ratio: 1;
    opacity: .88;
    border-radius: 0;
    object-position: center;
    transform: scale(var(--chapter-video-scale,.94));
    transform-origin: 50% 12%;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .cinematic-bridge-wild .cinematic-bridge-frame::before {
    background:
      linear-gradient(0deg,rgba(2,4,6,.94) 0%,rgba(2,4,6,.7) 30%,rgba(2,4,6,.1) 64%,transparent 78%),
      linear-gradient(180deg,rgba(2,4,6,.18) 0%,transparent 28%);
  }

  .cinematic-bridge-wild .cinematic-bridge-copy {
    align-self: end;
    width: min(calc(100% - 2rem),760px);
    margin: 0 1rem clamp(3.5rem,8vh,6rem);
  }
}

/* Archive product records — shared Architectural Noir system. */
.catalog-detail,.bundle-detail{position:relative;z-index:2;overflow:hidden;padding-bottom:clamp(5rem,10vw,10rem);background:radial-gradient(circle at 78% 12%,rgba(30,113,229,.12),transparent 28%),linear-gradient(#030609,#05080c)}
.catalog-detail::before,.bundle-detail::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(66,139,238,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(66,139,238,.12) 1px,transparent 1px);background-size:clamp(42px,5vw,74px) clamp(42px,5vw,74px);mask-image:linear-gradient(#000,transparent 78%)}
.catalog-detail-hero,.bundle-detail-hero{width:min(1280px,calc(100% - 2rem));min-height:100svh;margin-inline:auto;padding:clamp(8rem,13vw,11rem) 0 clamp(4rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.05fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.catalog-detail-copy,.bundle-detail-copy{position:relative;z-index:4;max-width:660px}
.catalog-detail-copy h1,.bundle-detail-copy h1{margin:.45rem 0 1.4rem;font-size:clamp(3.8rem,8vw,8.8rem);line-height:.82;letter-spacing:-.055em;text-transform:uppercase}
.catalog-detail-copy>p:not(.eyebrow),.bundle-detail-copy>p:not(.eyebrow):not(.launch-note){max-width:40rem;color:var(--text-body)}
.catalog-detail-price{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1.7rem 0}.catalog-detail-price strong{font-size:clamp(1.6rem,4vw,3.2rem);color:#f3efe7}.catalog-detail-price span{max-width:24rem;font-family:monospace;letter-spacing:.08em;color:var(--text-micro)}
.catalog-detail-primary{position:relative;min-height:min(78svh,840px);margin:0;display:grid;place-items:center;border:1px solid rgba(67,143,244,.35);border-radius:4px;background:linear-gradient(145deg,rgba(13,20,29,.9),rgba(3,6,9,.74));box-shadow:0 38px 100px rgba(0,0,0,.58);overflow:hidden}
.catalog-detail-primary::before{content:"";position:absolute;inset:5%;border:1px solid rgba(185,138,72,.35);pointer-events:none}.catalog-detail-primary img{position:relative;z-index:2;display:block;width:86%;height:72svh;max-height:760px;object-fit:contain;filter:drop-shadow(0 26px 32px rgba(0,0,0,.72));transition:opacity .2s ease,transform .35s ease}.catalog-detail-primary img.is-switching{opacity:.3;transform:scale(.975)}
.catalog-measure{position:absolute;z-index:3;font:700 .68rem/1 monospace;letter-spacing:.18em;color:#75adfa;text-transform:uppercase}.catalog-measure-x{top:1.2rem;left:8%;right:8%;padding-top:.7rem;border-top:1px solid #3289ff}.catalog-measure-y{right:.7rem;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}
.catalog-gallery{width:min(1280px,calc(100% - 2rem));margin:0 auto clamp(5rem,9vw,9rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem}.catalog-gallery figure{margin:0;min-height:380px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(90,151,234,.2);background:linear-gradient(150deg,#0b1119,#04070a)}.catalog-gallery img{width:100%;height:100%;max-height:620px;object-fit:contain;transition:transform .5s ease}.catalog-gallery figure:hover img{transform:scale(1.035)}
.catalog-detail-grid,.bundle-manifest,.catalog-next{width:min(1180px,calc(100% - 2rem));margin:clamp(4rem,9vw,9rem) auto;padding:clamp(1.5rem,4vw,4rem);border:1px solid rgba(91,150,230,.24);background:linear-gradient(140deg,rgba(8,13,19,.97),rgba(4,7,10,.8));box-shadow:0 28px 80px rgba(0,0,0,.32)}
.catalog-detail-grid,.bundle-manifest{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:clamp(2rem,7vw,7rem);align-items:start}.catalog-detail-grid h2,.bundle-manifest h2,.catalog-next h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.9;max-width:12ch}
.catalog-feature-list,.bundle-manifest ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(91,150,230,.24)}.catalog-feature-list li,.bundle-manifest li{display:grid;grid-template-columns:54px 1fr;gap:1rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(91,150,230,.18)}.catalog-feature-list span,.bundle-manifest li span{font-family:monospace;color:var(--bronze);letter-spacing:.14em}.catalog-feature-list p{margin:0;color:#ebe6dc}
.catalog-next{display:flex;align-items:end;justify-content:space-between;gap:2rem}.catalog-next h2{margin-bottom:0}
.catalog-variant-picker{margin:1.5rem 0 1.75rem}
.bundle-detail-hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr)}
.bundle-composition{position:relative;min-height:min(78svh,820px);isolation:isolate}.bundle-composition::before{content:"";position:absolute;inset:7%;border:1px solid rgba(65,137,235,.3);background:radial-gradient(circle,rgba(34,118,235,.16),transparent 58%);transform:rotate(4deg)}.bundle-orbit{position:absolute;inset:16%;border:1px solid rgba(190,140,71,.45);border-radius:50%;box-shadow:0 0 60px rgba(35,124,245,.12)}.bundle-piece{position:absolute;z-index:2;display:block;width:48%;height:78%;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(0,0,0,.82))}.bundle-piece-1{left:1%;bottom:3%;transform:rotate(-5deg)}.bundle-piece-2{right:4%;bottom:6%;transform:rotate(5deg)}.bundle-piece-3{right:25%;top:1%;width:37%;height:46%;z-index:3}.bundle-piece-4{right:-2%;top:4%;width:31%;height:35%;z-index:4}.bundle-manifest ol li strong{font-size:clamp(1rem,2vw,1.4rem)}
.workbook-hero .commerce-art{padding:.8rem;border:1px solid rgba(75,145,238,.38);background:linear-gradient(145deg,rgba(10,16,23,.96),rgba(3,6,9,.8))}.workbook-hero .commerce-art img{max-height:76svh;object-fit:contain;opacity:1;filter:none}

@media(max-width:820px){.catalog-detail-hero,.bundle-detail-hero,.catalog-detail-grid,.bundle-manifest{grid-template-columns:1fr}.catalog-detail-hero,.bundle-detail-hero{padding-top:8rem;min-height:auto}.catalog-detail-primary,.bundle-composition{order:-1;min-height:56svh}.catalog-detail-primary img{height:50svh}.bundle-composition{min-height:60svh}.catalog-detail-copy h1,.bundle-detail-copy h1{font-size:clamp(3.4rem,15vw,6rem)}.catalog-next{align-items:stretch;flex-direction:column}.catalog-next .button{width:100%}.catalog-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-gallery figure{min-height:280px}}
@media(max-width:520px){.catalog-gallery{grid-template-columns:1fr}.catalog-detail-primary{min-height:50svh}.catalog-detail-primary img{height:44svh}.bundle-composition{min-height:52svh}.bundle-piece{height:68%}.bundle-piece-1{left:-4%}.bundle-piece-2{right:-5%}.bundle-piece-3{top:4%}}
.digital-bundle-art{position:relative;min-height:min(72svh,760px);isolation:isolate}.digital-bundle-art::before{content:"";position:absolute;inset:8%;border:1px solid rgba(64,139,239,.32);background:radial-gradient(circle,rgba(37,126,248,.13),transparent 62%);transform:rotate(3deg)}.digital-bundle-piece{position:absolute;display:block;width:42%;height:58%;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(0,0,0,.78))}.digital-bundle-piece-1{left:2%;bottom:5%;height:72%;z-index:4;transform:rotate(-5deg)}.digital-bundle-piece-2{left:29%;top:3%;z-index:3;transform:rotate(3deg)}.digital-bundle-piece-3{right:2%;bottom:7%;z-index:3;transform:rotate(7deg)}.digital-bundle-piece-4{right:25%;top:10%;width:38%;height:38%;z-index:2;transform:rotate(-3deg)}.digital-bundle-piece-5{right:3%;top:1%;width:31%;height:31%;z-index:5}.component-grid .text-link{margin-top:auto}.component-grid li{display:flex;flex-direction:column;gap:.5rem}
.delivery-help-page{width:min(1200px,calc(100% - 2rem));display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.1fr);gap:clamp(2rem,7vw,7rem);align-items:center}.delivery-help-page::before{inset:4rem -3vw -2rem}.delivery-art{position:relative;min-height:64svh}.delivery-art img{position:absolute;width:62%;height:78%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.72))}.delivery-art img:first-child{left:0;bottom:2%;transform:rotate(-7deg)}.delivery-art img:last-child{right:0;top:0;transform:rotate(6deg)}.delivery-help-copy{position:relative;z-index:2}.delivery-help-copy ol{padding-left:1.2rem}.delivery-help-copy li{margin:1rem 0;color:var(--text-body)}.uniform-detail-link{display:flex;margin:.85rem 0 1.1rem}
@media(max-width:820px){.digital-bundle-art{order:-1;min-height:58svh}.delivery-help-page{grid-template-columns:1fr}.delivery-art{min-height:52svh}.delivery-help-copy h1{font-size:clamp(3.4rem,15vw,5.6rem)}}

/* Transactional workflow pages — confirmations and communication controls. */
.workflow-page{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));margin-inline:auto;padding:clamp(8rem,13vw,11rem) 0 clamp(5rem,9vw,9rem)}
.workflow-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 78% 12%,rgba(31,120,255,.13),transparent 28%),linear-gradient(#030609,#05080c)}
.workflow-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(66,139,238,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(66,139,238,.12) 1px,transparent 1px);background-size:clamp(42px,5vw,74px) clamp(42px,5vw,74px);mask-image:linear-gradient(#000,transparent 82%)}
.workflow-hero{position:relative;min-height:min(72svh,760px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);align-items:center;gap:clamp(2rem,8vw,8rem);padding:clamp(2rem,5vw,5rem);overflow:hidden;border:1px solid rgba(72,143,238,.28);background:radial-gradient(circle at 84% 32%,rgba(31,120,255,.14),transparent 28%),linear-gradient(145deg,rgba(10,16,23,.97),rgba(3,6,9,.88));box-shadow:0 32px 100px rgba(0,0,0,.45)}
.workflow-hero::before,.workflow-hero::after{content:"";position:absolute;pointer-events:none}.workflow-hero::before{inset:1.1rem;border:1px solid rgba(185,138,72,.2)}.workflow-hero::after{width:34%;height:1px;right:6%;top:16%;background:linear-gradient(90deg,transparent,#408df3)}
.workflow-copy{position:relative;z-index:2}.workflow-copy h1{max-width:11ch;margin:.7rem 0 1.5rem;font-size:clamp(3.8rem,8vw,8rem);line-height:.82;letter-spacing:-.05em;text-transform:uppercase}.workflow-copy>p:last-child{max-width:42rem;color:var(--text-body)}
.workflow-state{display:flex;align-items:center;gap:.65rem;margin:1.7rem 0 .7rem;color:#9fb8d7;font:700 .7rem/1.3 'JetBrains Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.workflow-state span{width:.65rem;height:.65rem;border:1px solid #4a91ef;border-radius:50%;box-shadow:0 0 16px rgba(47,132,246,.58)}.workflow-state-complete{color:#d3bb8f}.workflow-state-complete span{border-color:var(--bronze);background:var(--bronze);box-shadow:0 0 18px rgba(185,138,72,.46)}.workflow-state-pending span{animation:workflow-pulse 1.6s ease-in-out infinite}.workflow-state-error{color:#f0a8a8}.workflow-state-error span{border-color:#df6f6f;background:#df6f6f;box-shadow:none}
@keyframes workflow-pulse{50%{opacity:.35;transform:scale(.78)}}
.workflow-seal{position:relative;z-index:2;width:min(26vw,250px);aspect-ratio:1;margin:auto;display:grid;place-content:center;text-align:center;border:1px solid rgba(73,143,238,.66);border-radius:50%;background:radial-gradient(circle,rgba(35,124,245,.12),rgba(2,5,8,.45) 66%);box-shadow:inset 0 0 0 1rem rgba(6,12,19,.75),inset 0 0 0 calc(1rem + 1px) rgba(73,143,238,.18),0 0 70px rgba(35,124,245,.13)}
.workflow-seal::before,.workflow-seal::after{content:"";position:absolute;inset:12%;border:1px dashed rgba(94,159,246,.28);border-radius:50%}.workflow-seal::after{inset:28%;border-style:solid}.workflow-seal span{font:800 clamp(2.5rem,6vw,5.8rem)/.9 'Anton',sans-serif;letter-spacing:.02em;color:#f2eee5}.workflow-seal small{margin-top:.6rem;font:700 .65rem/1 'JetBrains Mono',monospace;letter-spacing:.19em;text-transform:uppercase;color:#7f9fc8}.workflow-seal.is-complete{border-color:rgba(185,138,72,.7);box-shadow:inset 0 0 0 1rem rgba(12,10,7,.6),inset 0 0 0 calc(1rem + 1px) rgba(185,138,72,.2),0 0 70px rgba(185,138,72,.1)}.workflow-seal.is-complete::before,.workflow-seal.is-complete::after{border-color:rgba(185,138,72,.34)}
.download-access-page .workflow-seal{width:min(28vw,270px);aspect-ratio:828/1070;padding:.35rem;overflow:hidden;border-radius:3px;background:#05080c;box-shadow:0 32px 75px rgba(0,0,0,.68),0 0 55px rgba(35,124,245,.15)}
.download-access-page .workflow-seal::before,.download-access-page .workflow-seal::after{display:none}.download-access-page .workflow-seal img{display:block;width:100%;height:100%;object-fit:contain}
.workflow-record,.workflow-timeline,.preference-control,.workflow-close{margin-top:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(72,143,238,.24);background:linear-gradient(145deg,rgba(9,15,22,.96),rgba(4,7,10,.88))}
.workflow-record{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:clamp(2rem,6vw,6rem);align-items:end}.workflow-record h2,.workflow-section-heading h2,.preference-control h2,.workflow-close h2{margin:.5rem 0 0;font-size:clamp(2.4rem,5vw,5.3rem);line-height:.9;max-width:12ch}.workflow-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:rgba(72,143,238,.2)}.workflow-record dl div{min-width:0;padding:1.2rem;background:#080d13}.workflow-record dd{overflow-wrap:anywhere}
.workflow-timeline{display:grid;grid-template-columns:minmax(230px,.66fr) minmax(0,1.34fr);gap:clamp(2rem,7vw,7rem)}.workflow-timeline ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(72,143,238,.22)}.workflow-timeline li{position:relative;display:grid;grid-template-columns:4rem 1fr;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid rgba(72,143,238,.17)}.workflow-timeline li>span{color:var(--bronze);font:700 .72rem/1.5 'JetBrains Mono',monospace;letter-spacing:.13em}.workflow-timeline li>span::after{content:"";display:inline-block;width:.5rem;height:.5rem;margin-left:.65rem;border:1px solid #428bf0;border-radius:50%}.workflow-timeline li.is-active>span::after{background:#428bf0;box-shadow:0 0 14px rgba(66,139,240,.7)}.workflow-timeline h3{margin:0 0 .35rem;font-size:clamp(1.35rem,2.4vw,2rem);text-transform:uppercase}.workflow-timeline p{margin:0;max-width:46rem;color:#aeb9c7}
.workflow-notice{display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;align-items:start;margin:1rem 0 0;padding:1.25rem 1.4rem;border:1px solid rgba(185,138,72,.28);background:rgba(185,138,72,.06)}.workflow-notice>span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(185,138,72,.48);border-radius:50%;color:var(--bronze);font-family:monospace}.workflow-notice p{margin:.15rem 0 0;max-width:62rem;color:#c5beb1}
.workflow-close{display:flex;align-items:end;justify-content:space-between;gap:2rem;background:radial-gradient(circle at 86% 22%,rgba(35,124,245,.14),transparent 30%),linear-gradient(145deg,rgba(9,15,22,.98),rgba(4,7,10,.9))}.workflow-close p:not(.eyebrow),.preference-control p:not(.eyebrow){max-width:48rem;color:#aeb9c7}.workflow-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:0 0 auto}.workflow-actions .text-link{margin:0}
.preference-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,7vw,7rem);align-items:end}.preference-control form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.preference-control form .button{margin:0}
@media(prefers-reduced-motion:reduce){.workflow-state-pending span{animation:none}}
@media(max-width:800px){.workflow-hero{min-height:auto;grid-template-columns:1fr;padding-top:4rem}.workflow-seal{order:-1;width:min(54vw,220px)}.download-access-page .workflow-seal{width:min(48vw,210px)}.workflow-record,.workflow-timeline,.preference-control{grid-template-columns:1fr}.workflow-record dl{grid-template-columns:1fr}.workflow-close{align-items:stretch;flex-direction:column}.workflow-actions,.preference-control form{align-items:stretch;justify-content:flex-start}.workflow-actions .button,.preference-control form .button{width:100%}}
@media(max-width:520px){.workflow-page{width:min(100% - 1rem,1180px);padding-top:7rem}.workflow-hero{padding:3.2rem 1.15rem 2rem}.workflow-copy h1{font-size:clamp(3.1rem,16vw,5rem)}.workflow-record,.workflow-timeline,.preference-control,.workflow-close{padding:1.25rem}.workflow-timeline li{grid-template-columns:3rem 1fr;gap:.7rem}.workflow-notice{grid-template-columns:2.4rem 1fr;padding:1rem}.workflow-record h2,.workflow-section-heading h2,.preference-control h2,.workflow-close h2{font-size:clamp(2.25rem,12vw,4rem)}}

/* Mobile pacing: preserve every cinematic phase while reducing the amount of
   physical swiping required to advance it. Desktop scroll timing is unchanged. */
@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: auto; }
  body { touch-action: pan-y; }
  .hero-reference { min-height: 145svh; }
  .transformation { min-height: 195svh; }
  .chapter { min-height: 118svh; }
  .cinematic-bridge { min-height: 125svh; }
  .home-builder { min-height: 140svh; }
  .book-finale { min-height: 150svh; }
  .system-build { min-height: 210svh; }
  .system-closing { min-height: 150svh; }
  .sonic-build { min-height: 205svh; }
  .sonic-preview { min-height: 145svh; }
  .sonic-score-close { min-height: 135svh; }
  body[data-route="/the-archive"] .archive-build,
  .archive-build { min-height: 215svh; }
  .artifact-rotation { min-height: 215svh; }
  .uniform-story { min-height: 225svh; }
  .builder-cinematic { min-height: 220svh; }
  .coaching-hero { min-height: 135svh; }
  .coaching-track { min-height: 175svh; }
  .legacy-build { min-height: 200svh; }
  .method-pathway { min-height: 155svh; }
}

/* Mobile visual parity: translate the approved desktop choreography into a
   portrait composition instead of shrinking the desktop canvas. */
@media (max-width: 700px) {
  .hero-reference-stage {
    background-image:
      linear-gradient(0deg, rgba(3,5,7,.94) 0%, rgba(3,5,7,.2) 58%, rgba(3,5,7,.1) 100%),
      url('../images/hero-layers/background.webp');
    background-position: 56% center;
  }

  .hero-mobile-book {
    top: 4.5rem;
    right: 1vw;
    width: min(78vw, 430px);
    max-height: 34svh;
  }

  .transformation-wild {
    object-position: 58% center;
    filter: brightness(.46) saturate(.68) contrast(1.14);
  }

  .transformation-blueprint {
    object-position: 52% center;
    filter: brightness(.64) saturate(1.2);
  }

  .transformation-media::after {
    background:
      linear-gradient(0deg, rgba(4,6,8,.96) 0%, rgba(4,6,8,.72) 40%, rgba(4,6,8,.12) 78%),
      linear-gradient(90deg, rgba(4,6,8,.34), transparent 35% 78%, rgba(4,6,8,.28));
  }

  .method-layer { object-position: 47% center; }

  .home-builder-frame::after {
    background:
      linear-gradient(0deg, rgba(2,4,6,.97) 0%, rgba(2,4,6,.78) 48%, rgba(2,4,6,.08) 82%),
      linear-gradient(90deg, rgba(2,4,6,.38), transparent 58%);
  }

  .home-builder-portrait {
    right: -18vw;
    height: 68svh;
    bottom: 25%;
  }

  /* Reserve independent vertical zones for the closing book and its offer
     card. This prevents either layer from covering the other at any point. */
  .book-finale-frame {
    grid-template-rows: 38svh 1fr;
    align-items: start;
  }

  .book-finale-book {
    top: 4rem;
    width: min(72vw, 300px);
    max-height: 26svh;
  }

  .book-finale-copy {
    align-self: start;
    width: calc(100% - 2rem);
    margin: 38svh 1rem calc(3.9rem + env(safe-area-inset-bottom));
  }
}

@media (max-width: 600px) and (max-height: 720px) {
  .hero-mobile-book {
    top: 4rem;
    right: -5vw;
    width: 70vw;
    max-height: 29svh;
  }

  .book-finale-frame { grid-template-rows: 29svh 1fr; }
  .book-finale-book { top: 3rem; max-height: 18svh; }
  .book-finale-copy {
    margin-top: 29svh;
    padding: .85rem;
  }
  .book-finale-copy h2 { font-size: clamp(2.75rem, 12.5vw, 3.55rem); }
  .book-finale-copy > p:not(.eyebrow) { margin-block: .55rem; font-size: .86rem; line-height: 1.38; }
  .book-finale-copy .button { min-height: 2.65rem; padding: .52rem .7rem; }
  .book-finale-copy .text-link { margin-top: .55rem; }
}