/*
Theme Name: Built by ICEMAN — BlackWidow Lab
Theme URI: https://builtbyiceman.com/
Author: ICEMAN / BlackWidow Lab
Description: Cinematic editorial theme for ICEMAN, BlackWidow Lab, hardware transformations, films, classes, events, and field systems.
Version: 2.2.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: builtbyiceman
*/

:root {
  --black: #060606;
  --black-2: #0c0b0b;
  --panel: #121010;
  --bone: #eee9e1;
  --bone-2: #c8c0b6;
  --muted: #a39b94;
  --red: #da242b;
  --red-hot: #ff3540;
  --line: rgba(238, 233, 225, .16);
  --line-hot: rgba(255, 53, 64, .42);
  --max: 1480px;
  --mx: 50vw;
  --my: 50vh;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--bone); font-family: "Arial Narrow", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
body.modal-open { overflow: hidden; }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { color: inherit; }
*:focus-visible { outline: 2px solid var(--red-hot); outline-offset: 4px; }
::selection { background: var(--red); color: white; }
.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: 200; padding: .8rem 1rem; background: white; color: black; text-decoration: none; }
.skip-link:focus { top: 1rem; }
.cursor-glow { position: fixed; z-index: 1; left: var(--mx); top: var(--my); width: 560px; height: 560px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(218,36,43,.075), transparent 67%); pointer-events: none; }
.progress-rail { position: fixed; z-index: 80; right: 0; top: 0; width: 3px; height: 100vh; background: rgba(255,255,255,.04); }
.progress-rail span { display: block; width: 100%; height: 100%; transform: scaleY(var(--progress, 0)); transform-origin: top; background: var(--red-hot); box-shadow: 0 0 16px var(--red); }

.site-header { position: fixed; z-index: 90; inset: 0 0 auto; min-height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(1.25rem, 4vw, 4rem); border-bottom: 1px solid transparent; transition: background .25s, border-color .25s; }
.site-header.scrolled { background: rgba(6,6,6,.9); border-color: var(--line); backdrop-filter: blur(20px); }
.admin-bar .site-header { top: 32px; }

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}
.brand { display: inline-flex; width: max-content; align-items: center; gap: .75rem; text-decoration: none; font-size: .76rem; letter-spacing: .16em; font-weight: 800; white-space: nowrap; }
.site-header > .brand { position: relative; z-index: 3; }
.brand b { color: var(--red-hot); }
.brand-mark { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.brand-mark circle { fill: var(--red); stroke: none; }
.operator { margin: 0; color: #77706a; font: 700 .6rem ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; }
.site-nav { justify-self: end; display: flex; align-items: center; gap: clamp(1rem, 2vw, 2.2rem); font-size: .64rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.site-nav a { color: #c7c0b8; text-decoration: none; transition: color .2s, transform .2s; }
.site-nav a:hover, .site-nav a:focus-visible { color: white; transform: translateY(-2px); }
.site-nav .nav-cta { padding: .72rem .92rem; border: 1px solid #49433f; }
.proof-toggle { display: inline-flex; align-items: center; gap: .55rem; padding: .55rem .7rem; border: 1px solid #49433f; background: transparent; color: #c7c0b8; cursor: pointer; font: 800 .58rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.proof-toggle i { padding: .16rem .3rem; background: #2b2725; color: #8f8881; font-style: normal; }
.proof-toggle[aria-pressed="true"] { border-color: var(--red-hot); color: white; box-shadow: 0 0 20px rgba(218,36,43,.18); }
.proof-toggle[aria-pressed="true"] i { background: var(--red); color: white; }
.menu-button { display: none; width: 44px; height: 44px; padding: 10px; background: none; border: 0; }
.menu-button span:not(.sr-only) { display: block; height: 1px; margin: 6px 0; background: currentColor; }

.content-shell { position: relative; z-index: 2; min-height: 100vh; max-width: 1280px; margin: 0 auto; padding: clamp(9rem, 14vw, 12rem) clamp(1.25rem, 5vw, 5rem) clamp(6rem, 10vw, 9rem); }
.content-heading { max-width: 980px; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
.content-heading h1 { max-width: 1100px; margin: .7rem 0 0; font: 400 clamp(3.6rem, 7vw, 8rem)/.88 Georgia, serif; letter-spacing: -.06em; }
.entry-stack { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 3rem; background: var(--line); border: 1px solid var(--line); }
.entry-card { min-height: 320px; padding: 2rem; background: #0b0a0a; }
.entry-card h2 { margin: 2.5rem 0 1rem; font: 400 clamp(2rem,4vw,3.8rem)/.95 Georgia,serif; }.entry-card h2 a { text-decoration: none; }
.entry-card h2 a:hover { color: var(--red-hot); }.entry-meta { color: var(--red-hot); font: 800 .55rem ui-monospace,monospace; letter-spacing: .13em; text-transform: uppercase; }
.entry-summary, .entry-content { color: var(--bone-2); font-size: 1rem; line-height: 1.8; }
.entry-content { max-width: 880px; margin-top: 3rem; }.entry-content a { color: var(--red-hot); }.entry-content img { max-width: 100%; height: auto; }
.empty-state { max-width: 900px; }.empty-state h1 { margin: 1rem 0 2rem; font: 400 clamp(3rem,7vw,7rem)/.9 Georgia,serif; letter-spacing: -.06em; }
.shop-shell { max-width: 1480px; }.shop-heading { margin-bottom: 2.5rem; }
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { color: var(--muted); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 3rem; background: var(--line); border: 1px solid var(--line); }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; padding: 1.4rem; background: #0b0a0a; }
.woocommerce ul.products li.product a img { background: #141111; }.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--bone); font: 400 1.8rem/1 Georgia,serif; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--red-hot); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 0; background: var(--red); color: white; font: 800 .65rem ui-monospace,monospace; letter-spacing: .12em; text-transform: uppercase; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: var(--red-hot); color: white; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(360px,1fr) minmax(360px,1fr); gap: clamp(2rem,5vw,6rem); }.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: auto; }
.woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce select { border: 1px solid var(--line); border-radius: 0; background: #0d0b0b; color: var(--bone); padding: .7rem; }

.hero { position: relative; z-index: 2; min-height: 850px; height: 100svh; max-height: 1080px; isolation: isolate; display: flex; align-items: center; padding: 120px clamp(1.25rem, 6vw, 7rem) 80px; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero-image, .hero-shade, .scan-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero > picture { position: absolute; inset: 0; z-index: -5; }
.hero-image { z-index: -5; object-fit: cover; object-position: center; filter: saturate(.62) contrast(1.08) brightness(.72); transform: scale(1.03); }
.hero-shade { z-index: -4; background: linear-gradient(90deg, rgba(4,4,4,.97) 0%, rgba(4,4,4,.9) 34%, rgba(4,4,4,.32) 70%, rgba(4,4,4,.67) 100%), linear-gradient(0deg, #060606 0%, transparent 40%); }
.scan-lines { z-index: -2; opacity: .12; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.12) 4px); animation: scan-shift 9s linear infinite; }
.scan-lines::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(90deg, black, transparent 55%); }
@keyframes scan-shift { to { transform: translateY(8px); } }
.hero-copy { position: relative; z-index: 4; width: min(790px, 61vw); }
.eyebrow { margin: 0 0 1.25rem; color: #b9b1a9; font-size: .66rem; font-weight: 850; letter-spacing: .2em; text-transform: uppercase; }
.hero .eyebrow { display: flex; align-items: center; gap: .7rem; }
.hero .eyebrow span { width: 36px; height: 1px; background: var(--red-hot); box-shadow: 0 0 10px var(--red); }
h1, h2, h3, p { text-wrap: pretty; }
h1 { max-width: 820px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(4.2rem, 7.8vw, 9rem); line-height: .82; font-weight: 400; letter-spacing: -.065em; }
h1 em { display: block; color: var(--red-hot); font-weight: 400; }
.hero-lede { max-width: 650px; margin: 1.75rem 0 0; color: #c1bab3; font-size: clamp(1rem, 1.25vw, 1.24rem); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.button { position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 2.3rem; min-width: 220px; min-height: 52px; padding: 0 1.2rem; border: 1px solid transparent; color: white; font-size: .66rem; font-weight: 850; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; overflow: hidden; transition: background .2s, color .2s, border-color .2s, transform .2s; }
.button i { font-style: normal; font-size: 1rem; }
.button-primary { background: var(--red); }
.button-primary:hover, .button-primary:focus-visible { background: var(--red-hot); }
.button-ghost { border-color: #5c5550; }
.button-ghost:hover, .button-ghost:focus-visible { border-color: white; background: white; color: black; }
.hero-proof { display: flex; gap: clamp(1rem, 2.5vw, 2.5rem); margin: 2.5rem 0 0; }
.hero-proof div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .6rem; }
.hero-proof dt { color: var(--red-hot); font: italic 1.4rem Georgia, serif; }
.hero-proof dd { max-width: 105px; margin: 0; color: #8e8780; font: 700 .56rem/1.35 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.orbit { position: absolute; z-index: 2; right: clamp(-40px, 3vw, 70px); top: 50%; width: min(46vw, 620px); aspect-ratio: 1; transform: translateY(-49%) rotateX(var(--py, 0deg)) rotateY(var(--px, 0deg)); transition: transform .25s ease-out; }
.orbit::before, .orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.orbit::before { inset: 8%; }
.orbit::after { inset: 27%; border-color: rgba(255,53,64,.36); box-shadow: 0 0 80px rgba(218,36,43,.12); }
.orbit-ring { position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(255,255,255,.22); animation: orbit-spin 34s linear infinite; }
.ring-one::before, .ring-one::after { content: ""; position: absolute; left: 50%; width: 1px; height: 100%; background: linear-gradient(transparent, rgba(255,255,255,.15), transparent); }
.ring-one::after { transform: rotate(90deg); }
.ring-two { inset: 18%; animation-direction: reverse; animation-duration: 22s; border-color: rgba(255,53,64,.46); }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
.orbit-node { position: absolute; z-index: 3; display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(7,7,7,.87); box-shadow: 0 0 26px rgba(0,0,0,.8); color: white; font: 700 .62rem ui-monospace, monospace; letter-spacing: .08em; }
.node-a { left: 7%; top: 21%; animation: float-a 5s ease-in-out infinite alternate; }
.node-b { right: 7%; top: 36%; animation: float-b 7s ease-in-out infinite alternate; }
.node-c { left: 28%; bottom: 3%; animation: float-a 6s ease-in-out -2s infinite alternate; }
@keyframes float-a { to { transform: translate(13px, -16px); } }
@keyframes float-b { to { transform: translate(-12px, 15px); } }
.core-mark { position: absolute; inset: 36%; display: grid; place-items: center; align-content: center; border: 1px solid #8f1d22; border-radius: 50%; background: rgba(5,5,5,.82); box-shadow: inset 0 0 50px rgba(218,36,43,.13), 0 0 45px rgba(218,36,43,.1); }
.core-mark b { color: var(--red-hot); font: 400 clamp(2.5rem, 5vw, 5rem)/1 Georgia, serif; }
.core-mark span { margin-top: .5rem; color: #77706a; font: 700 .48rem ui-monospace, monospace; letter-spacing: .17em; }
.hero-coordinate { position: absolute; z-index: 5; right: clamp(1.25rem, 4vw, 4rem); bottom: 1.5rem; display: flex; gap: 1.5rem; color: #66605b; font: 700 .52rem ui-monospace, monospace; letter-spacing: .1em; }
.hero-coordinate b { color: var(--red-hot); }

.signal-strip { position: relative; z-index: 3; overflow: hidden; border-bottom: 1px solid #83181d; background: var(--red); color: white; }
.signal-loop { display: flex; width: max-content; align-items: center; gap: 2rem; padding: .75rem 0; animation: ticker 28s linear infinite; font-size: .62rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.signal-loop i { opacity: .5; font-size: .42rem; font-style: normal; }
@keyframes ticker { to { transform: translateX(-50%); } }

.dossier { position: relative; z-index: 3; max-width: var(--max); margin: 0 auto; padding: clamp(6rem, 10vw, 10rem) clamp(1.25rem, 4vw, 4rem); border-bottom: 1px solid var(--line); }
.dossier-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 7vw, 8rem); align-items: end; margin-bottom: 4rem; }
.dossier-heading h2 { margin: 0; font: 400 clamp(3.5rem, 6.5vw, 7.5rem)/.86 Georgia, serif; letter-spacing: -.06em; }
.dossier-heading h2 em { color: var(--red-hot); font-weight: 400; }
.dossier-heading > p { max-width: 520px; margin: 0 0 .6rem; color: var(--muted); font-size: .96rem; line-height: 1.7; }
.dossier-shell { display: grid; grid-template-columns: 160px minmax(460px, 1.35fr) minmax(330px, .65fr); min-height: 660px; border: 1px solid var(--line); background: #090808; }
.dossier-tabs { display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.dossier-tabs button { min-height: 120px; padding: 1.2rem; display: grid; grid-template-columns: 34px 1fr; align-items: center; text-align: left; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: #817a74; cursor: pointer; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; transition: color .2s, background .2s; }
.dossier-tabs button span { color: #5f5954; font: italic 1rem Georgia, serif; }
.dossier-tabs button[aria-selected="true"] { background: var(--red); color: white; }
.dossier-tabs button[aria-selected="true"] span { color: white; }
.dossier-stage { position: relative; min-height: 660px; overflow: hidden; background: radial-gradient(circle at 56% 50%, rgba(218,36,43,.11), transparent 42%), #080707; isolation: isolate; }
.schematic-grid { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at center, black, transparent 78%); }
.signal-trace { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke-width: 1.5; }
.trace-base { stroke: rgba(255,255,255,.11); }
.trace-live { stroke: var(--red-hot); stroke-dasharray: 8 14; stroke-dashoffset: 180; opacity: .15; transition: opacity .4s; }
.dossier-stage[data-state="blackwidow"] .trace-live, .dossier-stage[data-state="proof"] .trace-live { opacity: .95; animation: trace-run 4s linear infinite; filter: drop-shadow(0 0 5px var(--red)); }
@keyframes trace-run { to { stroke-dashoffset: 0; } }
.device-schematic { position: absolute; left: 50%; top: 50%; width: min(49%, 310px); aspect-ratio: .64; transform: translate(-50%, -50%) rotate(-3deg); transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s; }
.antenna { position: absolute; left: 20%; top: -19%; width: 10px; height: 27%; border: 1px solid #817a74; border-radius: 8px 8px 2px 2px; background: #141212; transform: rotate(-5deg); transform-origin: bottom; }
.antenna::after { content: ""; position: absolute; left: -4px; bottom: -6px; width: 16px; height: 9px; border: 1px solid #817a74; background: #0a0909; }
.device-body { position: absolute; inset: 0; border: 1px solid #6f6761; border-radius: 20px; background: linear-gradient(145deg, #1c1918, #090808 72%); box-shadow: 0 35px 70px rgba(0,0,0,.5); }
.device-body::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.device-port { position: absolute; right: -4px; top: 24%; width: 5px; height: 45px; background: #4d4742; }
.dossier-screen { position: absolute; z-index: 2; left: 14%; right: 14%; top: 12%; height: 41%; padding: 1rem; border: 1px solid #48413d; border-radius: 6px; background: #030303; overflow: hidden; transition: border-color .4s, box-shadow .4s, background .4s; }
.dossier-screen::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 5px, rgba(255,255,255,.04) 6px); pointer-events: none; }
.dossier-screen > span { display: block; color: #7a736d; font: 700 .5rem ui-monospace, monospace; letter-spacing: .12em; }
.dossier-screen b { display: block; margin: 2rem 0 1.2rem; color: #d9d1c9; font: 400 clamp(1.25rem, 2.2vw, 2rem)/1 Georgia, serif; }
.dossier-screen i { display: block; width: 70%; height: 2px; margin-top: 7px; background: #413c39; transition: width .4s, background .4s; }
.dossier-screen i:nth-of-type(2) { width: 45%; }.dossier-screen i:nth-of-type(3) { width: 84%; }
.device-controls { position: absolute; left: 18%; right: 18%; bottom: 13%; display: flex; justify-content: space-between; align-items: center; }
.device-controls span { width: 34px; height: 34px; border: 1px solid #5d5651; border-radius: 50%; }
.device-controls span:nth-child(2) { width: 58px; height: 58px; border-color: #7c736c; }
.dossier-stage[data-state="blackwidow"] .device-schematic { transform: translate(-50%, -50%) rotate(2deg) scale(1.035); filter: drop-shadow(0 0 30px rgba(218,36,43,.22)); }
.dossier-stage[data-state="blackwidow"] .dossier-screen, .dossier-stage[data-state="proof"] .dossier-screen { border-color: var(--red); box-shadow: inset 0 0 30px rgba(218,36,43,.14), 0 0 18px rgba(218,36,43,.12); background: #0b0203; }
.dossier-stage[data-state="blackwidow"] .dossier-screen i, .dossier-stage[data-state="proof"] .dossier-screen i { background: var(--red-hot); }
.dossier-stage[data-state="proof"] .device-schematic { transform: translate(-50%, -50%) rotate(0) scale(.94); }
.callout { position: absolute; z-index: 3; padding: .45rem .6rem; border-left: 2px solid var(--red); background: rgba(6,6,6,.8); color: #b7afa8; font: 700 .54rem ui-monospace, monospace; letter-spacing: .1em; transition: transform .4s, color .4s; }
.callout::after { content: ""; position: absolute; top: 50%; width: 70px; height: 1px; background: linear-gradient(90deg, var(--red), transparent); }
.callout-a { left: 5%; top: 19%; }.callout-a::after { left: 100%; }
.callout-b { right: 4%; top: 30%; }.callout-b::after { right: 100%; transform: rotate(180deg); }
.callout-c { left: 4%; bottom: 17%; }.callout-c::after { left: 100%; }
.dossier-stamp { position: absolute; right: 1.4rem; bottom: 1.4rem; width: 112px; height: 112px; display: grid; place-items: center; align-content: center; border: 1px solid #5d5651; border-radius: 50%; transform: rotate(-8deg); transition: border-color .4s, box-shadow .4s; }
.dossier-stamp::before { content: ""; position: absolute; inset: 6px; border: 1px dashed #5d5651; border-radius: 50%; }
.dossier-stamp span { color: #6f6761; font: 700 .46rem ui-monospace, monospace; letter-spacing: .15em; }
.dossier-stamp b { margin-top: .25rem; color: #bfb6ae; font: 700 .62rem ui-monospace, monospace; letter-spacing: .1em; }
.dossier-stage[data-state="blackwidow"] .dossier-stamp, .dossier-stage[data-state="proof"] .dossier-stamp { border-color: var(--red-hot); box-shadow: 0 0 25px rgba(218,36,43,.18); }
.dossier-stage[data-state="blackwidow"] .dossier-stamp::before, .dossier-stage[data-state="proof"] .dossier-stamp::before { border-color: var(--red); }
.dossier-stage[data-state="blackwidow"] .dossier-stamp b, .dossier-stage[data-state="proof"] .dossier-stamp b { color: var(--red-hot); }
.dossier-panels { position: relative; border-left: 1px solid var(--line); }
.dossier-panel { min-height: 660px; padding: 2.2rem; display: flex; flex-direction: column; }
.dossier-panel[hidden] { display: none; }
.dossier-panel > span { color: var(--red-hot); font: 700 .58rem ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }
.dossier-panel h3 { margin: auto 0 1.2rem; font: 400 clamp(2rem, 3vw, 3.5rem)/.98 Georgia, serif; }
.dossier-panel > p { color: var(--muted); font-size: .86rem; }
.dossier-panel dl { margin: 2.5rem 0 0; border-top: 1px solid var(--line); }
.dossier-panel dl > div { padding: .85rem 0; display: grid; grid-template-columns: 90px 1fr; gap: 1rem; border-bottom: 1px solid var(--line); }
.dossier-panel dt { color: #756e68; font: 700 .52rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.dossier-panel dd { margin: 0; color: #c8c0b8; font-size: .7rem; }
.build-standard { margin-top: 1rem; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 1rem; padding: 1.15rem 1.4rem; border: 1px solid var(--line); }
.build-standard span { display: flex; align-items: center; gap: .6rem; font: 800 .58rem ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }
.build-standard span b { color: var(--red-hot); font: italic 1rem Georgia, serif; }
.build-standard i { height: 1px; background: linear-gradient(90deg, var(--red), #3a3430); }

.platform-bridge { position: relative; z-index: 3; max-width: var(--max); margin: 0 auto; padding: clamp(6rem, 10vw, 10rem) clamp(1.25rem, 4vw, 4rem); border-bottom: 1px solid var(--line); overflow: hidden; }
.platform-bridge::before { content: ""; position: absolute; width: 720px; height: 720px; right: -250px; top: -210px; border: 1px solid rgba(255,53,64,.1); border-radius: 50%; box-shadow: 0 0 0 90px rgba(255,53,64,.025), 0 0 0 180px rgba(255,53,64,.018); pointer-events: none; }
.platform-kicker { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-block: 1px solid var(--line); color: #8a817a; font: 800 .55rem ui-monospace, monospace; letter-spacing: .15em; }
.platform-kicker i { color: var(--red-hot); font-style: normal; }
.platform-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(420px, .9fr) minmax(540px, 1.1fr); gap: clamp(3rem, 6vw, 7rem); align-items: center; padding: clamp(4rem, 7vw, 7rem) 0; }
.platform-copy h2 { margin: 0; font: 400 clamp(3.8rem, 6.6vw, 7.8rem)/.84 Georgia, serif; letter-spacing: -.065em; }
.platform-copy > p:not(.eyebrow) { max-width: 580px; margin: 2rem 0 0; color: var(--muted); line-height: 1.7; }
.platform-actions { margin-top: 2.3rem; display: flex; align-items: center; gap: 1.4rem; }
.platform-actions > span { color: #7e7670; font: 700 .52rem/1.6 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.platform-rig { position: relative; min-height: 580px; border: 1px solid var(--line); background: radial-gradient(circle at 50% 45%, rgba(218,36,43,.15), transparent 45%), repeating-linear-gradient(90deg, transparent 0 59px, rgba(255,255,255,.025) 60px), repeating-linear-gradient(0deg, transparent 0 59px, rgba(255,255,255,.025) 60px), #080707; overflow: hidden; }
.platform-rig::after { content: "SOCA / RED TEAM FIELD SYSTEM"; position: absolute; left: 1.5rem; bottom: 1.35rem; color: #776f69; font: 800 .5rem ui-monospace, monospace; letter-spacing: .16em; }
.rig-signal { position: absolute; width: 360px; height: 360px; left: 50%; top: 45%; transform: translate(-50%,-50%); border: 1px solid rgba(255,53,64,.22); border-radius: 50%; box-shadow: 0 0 0 55px rgba(218,36,43,.035), 0 0 0 110px rgba(218,36,43,.02); }
.rig-antennas { position: absolute; z-index: 3; left: 50%; top: 38px; width: 370px; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: end; }
.rig-antennas i { display: block; width: 8px; height: 150px; border: 1px solid #5f5650; border-radius: 8px 8px 2px 2px; background: linear-gradient(90deg,#111,#403a36,#111); transform-origin: bottom; }
.rig-antennas i:nth-child(1), .rig-antennas i:nth-child(7) { height: 118px; }
.rig-antennas i:nth-child(2), .rig-antennas i:nth-child(6) { height: 138px; }
.rig-antennas i:nth-child(1) { transform: rotate(-9deg); }.rig-antennas i:nth-child(2) { transform: rotate(-5deg); }.rig-antennas i:nth-child(6) { transform: rotate(5deg); }.rig-antennas i:nth-child(7) { transform: rotate(9deg); }
.rig-body { position: absolute; z-index: 4; left: 50%; top: 165px; width: 390px; height: 275px; transform: translateX(-50%); border: 1px solid #5d5550; border-radius: 22px 22px 8px 8px; background: linear-gradient(145deg,#191616,#080707 62%); box-shadow: 0 28px 55px rgba(0,0,0,.65), inset 0 0 45px rgba(255,255,255,.025); }
.rig-screen { position: absolute; inset: 30px 72px 68px; padding: 1.1rem; border: 1px solid var(--red); background: #050202; box-shadow: inset 0 0 24px rgba(218,36,43,.12), 0 0 18px rgba(218,36,43,.12); }
.rig-screen span { color: var(--red-hot); font: 800 .46rem ui-monospace, monospace; letter-spacing: .13em; }
.rig-screen b { display: block; margin: 1.1rem 0 .8rem; font: 400 1.9rem/.9 Georgia, serif; }
.rig-screen i { display: block; width: 82%; height: 2px; margin-top: 7px; background: var(--red); }.rig-screen i:nth-of-type(2) { width: 52%; }.rig-screen i:nth-of-type(3) { width: 68%; }
.rig-controls { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); display: flex; gap: 35px; }.rig-controls span { width: 24px; height: 24px; border: 1px solid #5d5550; border-radius: 50%; }
.rig-dock { position: absolute; z-index: 3; left: 50%; top: 430px; width: 500px; height: 78px; transform: translateX(-50%) perspective(300px) rotateX(48deg); border: 1px solid #5a514c; background: linear-gradient(#161313,#080707); box-shadow: 0 30px 45px rgba(0,0,0,.7); }
.rig-dock span { position: absolute; left: 20px; top: 18px; color: #766e68; font: 800 .46rem ui-monospace, monospace; letter-spacing: .14em; }.rig-dock i { position: absolute; inset: 14px 120px 14px 170px; border: 1px solid rgba(255,53,64,.28); }
.rig-label { position: absolute; z-index: 6; padding: .45rem .55rem; border-left: 2px solid var(--red); background: rgba(5,5,5,.88); color: #aaa19a; font: 800 .46rem ui-monospace, monospace; letter-spacing: .12em; }.label-a { left: 1.5rem; top: 3rem; }.label-b { right: 1.5rem; top: 15rem; }.label-c { right: 1.5rem; bottom: 3.2rem; }
.platform-metrics { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.platform-metrics article { min-height: 132px; padding: 1.3rem; display: flex; flex-direction: column; justify-content: space-between; background: #0a0909; }
.platform-metrics b { color: var(--red-hot); font: italic 1.35rem Georgia, serif; }.platform-metrics span { color: #928a83; font: 700 .55rem/1.5 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.platform-scope { position: relative; z-index: 2; max-width: 980px; margin: 1.4rem 0 0; color: #827a74; font: .72rem/1.7 ui-monospace, monospace; }.platform-scope b { color: #c9c0b8; letter-spacing: .1em; }

.section { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: clamp(6rem, 10vw, 10rem) clamp(1.25rem, 4vw, 4rem); display: grid; grid-template-columns: 58px minmax(260px, .7fr) minmax(540px, 1.3fr); gap: clamp(2rem, 4vw, 5.5rem); border-bottom: 1px solid var(--line); }
.section-number { color: var(--red-hot); font: italic 1rem Georgia, serif; }
.section-intro { max-width: 560px; }
.section h2 { margin: 0; font: 400 clamp(3.1rem, 5vw, 6rem)/.91 Georgia, "Times New Roman", serif; letter-spacing: -.05em; }
.section-lede { max-width: 460px; margin: 1.5rem 0 0; color: var(--muted); font-size: .93rem; }

.field-kit { display: block; max-width: none; padding-inline: max(clamp(1.25rem, 4vw, 4rem), calc((100vw - var(--max)) / 2 + 4rem)); }
.field-kit .section-number { position: absolute; top: clamp(6rem, 10vw, 10rem); left: max(clamp(1.25rem, 4vw, 4rem), calc((100vw - var(--max)) / 2 + 4rem)); }
.field-kit .section-intro { margin-left: clamp(70px, 8vw, 120px); }
.slider-shell { margin-top: 4.5rem; margin-left: clamp(70px, 8vw, 120px); }
.slider-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .85rem; border-bottom: 1px solid var(--line); color: #77706a; font: 700 .6rem ui-monospace, monospace; letter-spacing: .15em; }
.slider-head div { display: flex; gap: .45rem; }
.slider-head button { width: 42px; height: 38px; border: 1px solid var(--line); background: transparent; cursor: pointer; transition: background .2s, border-color .2s; }
.slider-head button:hover, .slider-head button:focus-visible { background: var(--red); border-color: var(--red); }
.gear-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(310px, 31%); gap: 1px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none; background: var(--line); border: 1px solid var(--line); cursor: grab; }
.gear-track::-webkit-scrollbar { display: none; }
.gear-track.dragging { cursor: grabbing; scroll-snap-type: none; }
.gear-card { position: relative; min-height: 480px; padding: 1.65rem; overflow: hidden; scroll-snap-align: start; background: #0b0a0a; }
.gear-card[data-proof]::before, .method-card[data-proof]::after { content: attr(data-proof); position: absolute; z-index: 6; opacity: 0; pointer-events: none; background: #050505; color: var(--red-hot); border: 1px solid var(--red); font: 800 .55rem ui-monospace, monospace; letter-spacing: .1em; transition: opacity .2s, transform .2s; }
.gear-card[data-proof]::before { top: 1.3rem; right: 1.3rem; padding: .38rem .5rem; transform: translateY(-4px); }
.method-card[data-proof]::after { right: 1.2rem; bottom: 1.2rem; padding: .45rem .55rem; transform: translateY(4px); }
body.proof-mode .gear-card[data-proof]::before, body.proof-mode .method-card[data-proof]::after { opacity: 1; transform: translateY(0); }
body.proof-mode .gear-card, body.proof-mode .method-card { border-color: rgba(255,53,64,.48); }
.gear-card::after { content: ""; position: absolute; inset: auto -50px -80px auto; width: 220px; height: 220px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; }
.gear-card.red-card { background: var(--red); }
.gear-index { color: #817a74; font: 700 .55rem ui-monospace, monospace; letter-spacing: .14em; }
.red-card .gear-index { color: rgba(255,255,255,.7); }
.gear-card .glyph { margin: 3.4rem auto 2.4rem; }
.gear-card > p { margin: 0; color: var(--red-hot); font: 700 .58rem ui-monospace, monospace; letter-spacing: .13em; }
.red-card > p { color: white; }
.gear-card h3 { margin: .45rem 0 .8rem; font: 400 2.2rem Georgia, serif; }
.gear-card small { display: block; max-width: 330px; color: #938c85; font-size: .78rem; }
.red-card small { color: rgba(255,255,255,.72); }
.gear-card > b { position: absolute; left: 1.65rem; bottom: 1.5rem; color: #65605b; font: 700 .55rem ui-monospace, monospace; letter-spacing: .14em; }
.red-card > b { color: white; }
.glyph { position: relative; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.glyph::before, .glyph::after { content: ""; position: absolute; }
.radio-glyph::before { inset: 27%; border: 2px solid white; border-radius: 9px; }
.radio-glyph::after { left: 50%; top: 34%; width: 1px; height: 48px; background: white; box-shadow: -14px 9px 0 -5px white, 14px 9px 0 -5px white; }
.console-glyph::before { inset: 27% 18%; border: 1px solid white; border-radius: 4px; }
.console-glyph::after { left: 37%; right: 37%; top: 38%; height: 29%; border: 1px solid var(--red); background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(218,36,43,.35) 5px); }
.wave-glyph::before { inset: 48% 16% auto; height: 2px; background: var(--red-hot); box-shadow: 0 0 12px var(--red); clip-path: polygon(0 50%, 12% 50%, 19% 0, 29% 100%, 38% 20%, 48% 70%, 58% 40%, 68% 60%, 80% 49%, 100% 50%, 100% 100%, 0 100%); transform: scaleY(15); }
.grid-glyph::before { inset: 24%; background-image: linear-gradient(var(--red) 1px, transparent 1px), linear-gradient(90deg, var(--red) 1px, transparent 1px); background-size: 16px 16px; }
.grid-glyph::after { inset: 43%; background: var(--red-hot); border-radius: 50%; box-shadow: 0 0 18px var(--red-hot); }
.phone-glyph::before { inset: 18% 31%; border: 1px solid white; border-radius: 9px; }
.phone-glyph::after { left: 46%; right: 46%; bottom: 25%; height: 2px; background: var(--red-hot); }
.cube-glyph::before { inset: 30%; border: 1px solid white; transform: rotate(30deg) skew(-7deg); }
.cube-glyph::after { left: 50%; top: 30%; width: 1px; height: 61px; background: var(--red-hot); transform: rotate(30deg); transform-origin: top; }
.slider-meter { height: 2px; margin-top: 1rem; background: #262220; }
.slider-meter span { display: block; width: 16.66%; height: 100%; background: var(--red-hot); transition: transform .2s; }
.slider-status { margin: .75rem 0 0; color: #8f8881; font: 700 .58rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }

.method { align-items: start; }
.sticky-intro { position: sticky; top: 130px; }
.method-stack { display: grid; gap: 1rem; }
.method-card { min-height: 300px; padding: 2rem; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255,255,255,.035), transparent 45%); transform-style: preserve-3d; transition: border-color .2s, transform .12s ease-out; }
.method-card:hover { border-color: var(--line-hot); }
.method-card > span { color: var(--red-hot); font: 700 .56rem ui-monospace, monospace; letter-spacing: .15em; }
.method-card h3 { margin: 4rem 0 1rem; font: 400 clamp(2rem, 3vw, 3.25rem)/1 Georgia, serif; }
.method-card p { max-width: 580px; color: var(--muted); font-size: .9rem; }
.method-card b { display: block; margin-top: 2rem; color: #bbb3ab; font: 700 .61rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.scope-band { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: 1.2rem clamp(1.25rem, 4vw, 4rem); display: flex; justify-content: space-between; gap: 2rem; align-items: center; border-bottom: 1px solid var(--line); border-left: 4px solid var(--red); }
.scope-band p { margin: 0; color: #8e8780; font-size: .71rem; }
.scope-band p span { margin-right: 1rem; color: white; font-weight: 850; letter-spacing: .1em; }
.scope-band > b { color: var(--red-hot); font: 700 .62rem ui-monospace, monospace; letter-spacing: .13em; white-space: nowrap; }

.watch { background: #090808; }
.transmission-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.transmission-card { position: relative; min-height: 330px; padding: 1.8rem; background: #0c0b0b; transition: background .25s; }
.transmission-card:hover { background: #161111; }
.transmission-card > span { color: var(--red-hot); font: 700 .58rem ui-monospace, monospace; letter-spacing: .12em; }
.transmission-card h3 { margin: 4.2rem 0 1rem; font: 400 2rem Georgia, serif; }
.transmission-card p { color: var(--muted); font-size: .83rem; }
.transmission-card i { position: absolute; left: 1.8rem; bottom: 1.5rem; color: #5f5954; font: 700 .54rem ui-monospace, monospace; letter-spacing: .13em; }
.social-console { grid-column: 2 / -1; margin-top: 1rem; border: 1px solid var(--line); }
.console-copy { padding: 1.6rem; display: grid; grid-template-columns: 150px 1fr 1fr; gap: 1.5rem; align-items: center; border-bottom: 1px solid var(--line); }
.console-copy > span { color: var(--red-hot); font: 700 .57rem ui-monospace, monospace; letter-spacing: .14em; }
.console-copy h3, .console-copy p { margin: 0; }
.console-copy h3 { font: 400 1.45rem Georgia, serif; }
.console-copy p { color: var(--muted); font-size: .77rem; }
.editorial-slate { display: grid; grid-template-columns: repeat(4, 1fr); }
.editorial-slate article { min-height: 190px; padding: 1.35rem; border-right: 1px solid var(--line); }
.editorial-slate article:last-child { border-right: 0; }
.editorial-slate span { color: var(--red-hot); font: italic 1rem Georgia, serif; }
.editorial-slate h4 { margin: 2.6rem 0 .7rem; font: 400 1.35rem Georgia, serif; }
.editorial-slate p { margin: 0; color: var(--muted); font-size: .72rem; }
.platform-queue { margin: 0; padding: .9rem 1.2rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem; border-top: 1px solid var(--line); color: #8f8881; font: 700 .54rem ui-monospace, monospace; letter-spacing: .1em; }
.platform-queue b { margin-left: auto; color: var(--red-hot); }
.social-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.social-button { min-height: 150px; padding: 1.2rem; display: grid; grid-template-rows: 1fr auto auto; text-align: left; border: 0; border-right: 1px solid var(--line); background: transparent; cursor: pointer; transition: background .2s, color .2s; }
.social-button:last-child { border-right: 0; }
.social-button:hover, .social-button:focus-visible { background: var(--red); color: white; }
.social-button > span { align-self: start; color: var(--red-hot); font: 400 2.2rem Georgia, serif; }
.social-button:hover > span, .social-button:focus-visible > span { color: white; }
.social-button b { font-size: .72rem; }
.social-button i { color: #5f5954; font: 700 .48rem ui-monospace, monospace; letter-spacing: .13em; }
.social-button:hover i, .social-button:focus-visible i { color: white; }

.supply { background: var(--bone); color: #0a0909; max-width: none; padding-inline: max(clamp(1.25rem, 4vw, 4rem), calc((100vw - var(--max)) / 2 + 4rem)); }
.supply .section-lede { color: #716b65; }
.vendor-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #b8b0a7; }
.vendor-grid a { position: relative; min-height: 180px; padding: 1.5rem; border-right: 1px solid #b8b0a7; border-bottom: 1px solid #b8b0a7; text-decoration: none; transition: background .2s, color .2s; }
.vendor-grid a:nth-child(2n) { border-right: 0; }
.vendor-grid a:nth-last-child(-n+2) { border-bottom: 0; }
.vendor-grid a:hover, .vendor-grid a:focus-visible { background: #0a0909; color: white; }
.vendor-grid span { color: var(--red); font: italic .85rem Georgia, serif; }
.vendor-grid h3 { margin: 1.7rem 0 .35rem; font: 400 1.65rem Georgia, serif; }
.vendor-grid p { margin: 0; color: #6e6761; font-size: .74rem; }
.vendor-grid a:hover p, .vendor-grid a:focus-visible p { color: #9d958e; }
.vendor-grid small { display: block; margin-top: .85rem; color: #8a827a; font: 800 .52rem ui-monospace, monospace; letter-spacing: .09em; }
.vendor-grid a:hover small, .vendor-grid a:focus-visible small { color: var(--red-hot); }
.vendor-grid b { position: absolute; right: 1.3rem; top: 1.3rem; font: 700 .49rem ui-monospace, monospace; letter-spacing: .1em; }
.vendor-note { grid-column: 2 / -1; color: #746d67; font-size: .68rem; }

.merch { max-width: none; padding-inline: max(clamp(1.25rem, 4vw, 4rem), calc((100vw - var(--max)) / 2 + 4rem)); }
.merch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product-art { height: 300px; display: grid; place-items: center; overflow: hidden; background: #121010; }
.product-art.tee > span { width: 185px; height: 225px; padding-top: 72px; text-align: center; background: #050505; clip-path: polygon(22% 0,39% 7%,61% 7%,78% 0,100% 22%,84% 39%,77% 29%,77% 100%,23% 100%,23% 29%,16% 39%,0 22%); color: var(--red-hot); font: 800 .8rem/1.5 ui-monospace, monospace; letter-spacing: .12em; }
.product-art.tee small { color: #777; font-size: .45rem; }
.product-art.patch > span { width: 145px; height: 145px; border-radius: 50%; border: 3px solid var(--red); box-shadow: inset 0 0 0 9px #222, inset 0 0 0 11px var(--red); background: repeating-conic-gradient(from 0deg, var(--red) 0deg 1deg, transparent 1deg 45deg); animation: orbit-spin 22s linear infinite; }
.product-art.notebook > span { width: 180px; height: 230px; padding: 1.3rem; border-left: 8px solid #302b2b; background: #090909; box-shadow: 18px 20px 30px rgba(0,0,0,.5); color: var(--red-hot); font: 700 .7rem/2.2 ui-monospace, monospace; }
.product-card > div:last-child { padding: 1.1rem .1rem; }
.product-card p { margin: 0; color: var(--red-hot); font: 800 .55rem ui-monospace, monospace; letter-spacing: .13em; }
.product-card h3 { margin: .5rem 0; font: 400 1.35rem Georgia, serif; }
.product-card > div:last-child > span { color: var(--muted); font-size: .7rem; }

.operator-profile { background: #0a0909; }
.operator-copy > p { margin: 0; max-width: 820px; font: 400 clamp(1.65rem, 2.8vw, 3rem)/1.25 Georgia, serif; letter-spacing: -.025em; }
.operator-copy blockquote { margin: 3rem 0; padding: 1.3rem 0 1.3rem 1.5rem; border-left: 3px solid var(--red); color: var(--red-hot); font: italic 400 clamp(1.2rem, 2vw, 1.8rem)/1.35 Georgia, serif; }
.operator-disciplines { display: flex; flex-wrap: wrap; gap: .5rem; }
.operator-disciplines span { padding: .58rem .7rem; border: 1px solid var(--line); color: #aaa29b; font: 800 .54rem ui-monospace, monospace; letter-spacing: .1em; }

.talks { border-top: 1px solid var(--line); }
.talks article { display: grid; grid-template-columns: 165px 1fr 1.25fr; gap: 1.4rem; padding: 1.45rem 0; border-bottom: 1px solid var(--line); }
.talks span { color: var(--red-hot); font: 700 .55rem ui-monospace, monospace; letter-spacing: .12em; }
.talks h3, .talks p { margin: 0; }
.talks h3 { font: 400 1.45rem Georgia, serif; }
.talks p { color: var(--muted); font-size: .8rem; }
.event-board { grid-column: 2 / -1; margin-top: 1rem; padding: 2rem; display: flex; justify-content: space-between; gap: 2rem; align-items: flex-end; background: var(--red); color: white; text-decoration: none; }
.event-board p { margin: 0; font: 800 .56rem ui-monospace, monospace; letter-spacing: .13em; }
.event-board h3 { margin: .55rem 0 0; max-width: 620px; font: 400 1.8rem Georgia, serif; }
.event-board > span { font: 800 .56rem ui-monospace, monospace; letter-spacing: .13em; white-space: nowrap; }

.contact { grid-template-columns: 58px 1.15fr .85fr; background: #0b0909; }
.contact h2 { font-size: clamp(3.2rem, 6vw, 7rem); }
.contact-copy > p:last-child { max-width: 620px; color: var(--muted); }
.status-array { align-self: end; border: 1px solid var(--line); }
.status-array > div { min-height: 68px; padding: .8rem 1rem; display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: .8rem; border-bottom: 1px solid var(--line); }
.status-array > div:last-child { border: 0; }
.status-array > div > span { width: 7px; height: 7px; border: 1px solid #5f5954; border-radius: 50%; }
.status-array > div > span.live { background: var(--red-hot); border-color: var(--red-hot); box-shadow: 0 0 12px var(--red-hot); animation: blink 1.4s ease-in-out infinite alternate; }
@keyframes blink { to { opacity: .35; } }
.status-array p, .status-array b, .status-array small { display: block; margin: 0; }
.status-array b { font-size: .65rem; letter-spacing: .07em; }
.status-array small { color: var(--muted); font-size: .62rem; }
.status-array i { color: #67605b; font: 700 .48rem ui-monospace, monospace; letter-spacing: .12em; }

footer { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: 2.3rem clamp(1.25rem, 4vw, 4rem); display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 2rem; color: #938b84; font: 700 .56rem ui-monospace, monospace; letter-spacing: .1em; }
footer p { text-align: center; }
.proof-readout { position: fixed; z-index: 120; right: 1.3rem; bottom: 1.3rem; width: min(320px, calc(100vw - 2.6rem)); padding: .9rem 1rem; display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: .2rem 1rem; border: 1px solid var(--red); background: rgba(5,5,5,.94); box-shadow: 0 20px 50px rgba(0,0,0,.55); opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s, transform .25s; }
.proof-readout span { grid-row: 1 / 3; color: var(--red-hot); font: 800 .58rem ui-monospace, monospace; letter-spacing: .12em; }
.proof-readout b { font-size: .7rem; }
.proof-readout i { color: #8f8881; font: 700 .52rem ui-monospace, monospace; font-style: normal; }
body.proof-mode .proof-readout { opacity: 1; transform: translateY(0); }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }
  .operator { display: none; }
  .hero-copy { width: min(760px, 68vw); }
  .orbit { right: -120px; opacity: .68; }
  .section { grid-template-columns: 48px 1fr; }
  .section-intro, .method-stack, .transmission-grid, .talks, .status-array, .operator-copy { grid-column: 2; }
  .social-console, .event-board, .vendor-note { grid-column: 2; }
  .sticky-intro { position: static; }
  .method-stack { margin-top: 1rem; }
  .supply .vendor-grid, .merch-grid { grid-column: 2; }
  .contact { grid-template-columns: 48px 1fr; }
}

@media (max-width: 820px) {
  .site-header { min-height: 68px; }
  .menu-button { display: block; position: relative; z-index: 3; }
  .site-nav { display: none; position: fixed; z-index: 1; inset: 0; width: 100vw; justify-self: stretch; padding: 95px 1.4rem 2rem; background: rgba(6,6,6,.985); flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; font: 400 2.2rem Georgia, serif; letter-spacing: -.03em; text-transform: none; }
  .site-nav.open { display: flex; }
  .site-nav a, .site-nav .nav-cta { width: 100%; padding: .75rem 0; border: 0; border-bottom: 1px solid var(--line); }
  .site-nav .proof-toggle { width: 100%; justify-content: space-between; padding: .85rem 0; border: 0; border-bottom: 1px solid var(--line); }
  .hero { min-height: 820px; height: auto; align-items: flex-end; padding: 110px 1.25rem 4rem; }
  .hero-image { object-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(4,4,4,.98), rgba(4,4,4,.52)), linear-gradient(0deg, #060606, transparent 70%); }
  .hero-copy { width: 100%; }
  h1 { font-size: clamp(3.9rem, 17vw, 6rem); }
  .hero-lede { max-width: 540px; font-size: .95rem; }
  .hero-proof { gap: .75rem; }
  .hero-proof div { display: block; }
  .hero-proof dd { margin-top: .25rem; font-size: .5rem; }
  .orbit { width: 370px; right: -145px; top: 29%; opacity: .4; }
  .hero-coordinate { display: none; }
  .dossier { padding: 5.3rem 1.25rem; }
  .dossier-heading { display: block; margin-bottom: 3rem; }
  .dossier-heading > p { margin-top: 1.5rem; }
  .dossier-shell { display: block; min-height: 0; }
  .dossier-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-right: 0; border-bottom: 1px solid var(--line); }
  .dossier-tabs button { min-height: 78px; grid-template-columns: 1fr; gap: .3rem; padding: .8rem; border-right: 1px solid var(--line); border-bottom: 0; font-size: .58rem; }
  .dossier-tabs button:last-child { border-right: 0; }
  .dossier-stage { min-height: 520px; }
  .device-schematic { width: min(52%, 250px); }
  .callout { font-size: .46rem; }
  .callout::after { width: 34px; }
  .callout-a { left: 2%; }.callout-b { right: 2%; }.callout-c { left: 2%; }
  .dossier-panels { border-left: 0; border-top: 1px solid var(--line); }
  .dossier-panel { min-height: 500px; }
  .platform-bridge { padding: 5.3rem 1.25rem; }
  .platform-kicker { display: grid; gap: .45rem; }
  .platform-grid { display: block; padding: 3.5rem 0; }
  .platform-copy h2 { font-size: clamp(3.8rem, 17vw, 5.3rem); }
  .platform-actions { align-items: flex-start; flex-direction: column; }
  .platform-rig { min-height: 500px; margin-top: 3.5rem; }
  .rig-antennas { width: 270px; }.rig-body { width: 300px; }.rig-screen { inset-inline: 48px; }.rig-dock { width: 350px; }
  .label-a { top: 1rem; }.label-b { top: 18rem; }
  .platform-metrics { grid-template-columns: 1fr 1fr; }.platform-metrics article:last-child { grid-column: 1 / -1; }
  .content-shell { padding: 8rem 1.25rem 5rem; }
  .entry-stack { display: block; }.entry-card { min-height: 260px; border-bottom: 1px solid var(--line); }
  .woocommerce ul.products { grid-template-columns: 1fr 1fr; }
  .woocommerce div.product { display: block; }
  .build-standard { grid-template-columns: 1fr 1fr; }
  .build-standard i { display: none; }
  .section { display: block; padding: 5.3rem 1.25rem; }
  .section-number { margin-bottom: 2rem; }
  .section-intro { margin-bottom: 3rem; }
  .field-kit { display: block; padding: 5.3rem 0 5.3rem 1.25rem; }
  .field-kit .section-number { position: static; }
  .field-kit .section-intro, .slider-shell { margin-left: 0; }
  .slider-shell { margin-top: 0; }
  .slider-head { padding-right: 1.25rem; }
  .gear-track { grid-auto-columns: 84%; }
  .gear-card { min-height: 450px; }
  .slider-meter { margin-right: 1.25rem; }
  .method-card { min-height: 260px; }
  .method-card h3 { margin-top: 3rem; }
  .scope-band { margin: 0 1.25rem; display: block; }
  .scope-band > b { display: block; margin-top: .8rem; }
  .transmission-grid, .social-grid, .editorial-slate, .vendor-grid, .merch-grid { display: block; }
  .transmission-card { min-height: 280px; border-bottom: 1px solid var(--line); }
  .console-copy { display: block; }
  .console-copy h3 { margin: 1rem 0 .5rem; }
  .editorial-slate article { min-height: 155px; border-right: 0; border-bottom: 1px solid var(--line); }
  .editorial-slate article:last-child { border-bottom: 0; }
  .editorial-slate h4 { margin-top: 1.4rem; }
  .platform-queue b { width: 100%; margin-left: 0; }
  .social-button { width: 100%; min-height: 92px; grid-template-columns: 70px 1fr auto; grid-template-rows: 1fr; align-items: center; border-right: 0; border-bottom: 1px solid var(--line); }
  .social-button:last-child { border-bottom: 0; }
  .social-button > span { align-self: center; font-size: 1.7rem; }
  .vendor-grid a { display: block; border-right: 0; border-bottom: 1px solid #b8b0a7 !important; }
  .vendor-grid a:last-child { border-bottom: 0 !important; }
  .product-card { margin-bottom: 2rem; }
  .talks article { grid-template-columns: 1fr; gap: .6rem; }
  .event-board { display: block; }
  .event-board > span { display: block; margin-top: 1.4rem; }
  .status-array { margin-top: 2rem; }
  footer { display: block; text-align: center; }
  footer .brand { margin: 0 auto; }
  .cursor-glow, .progress-rail { display: none; }
  .proof-readout { right: .8rem; bottom: .8rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  .cursor-glow { display: none; }
}