@font-face {
  font-family: NonSans;
  src: url("../assets/fonts/NON-Sans-Medium.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

:root {
  color-scheme: dark;
  --black: #060606;
  --charcoal: #181816;
  --paper: #eee9df;
  --surface-gray: #b9b9b9;
  --amber: #c7472a;
  --amber-rgb: 199, 71, 42;
  --amber-light-rgb: 226, 85, 50;
  --sans: NonSans, "NON Sans", arial, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --display: NonSans, "NON Sans", arial, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --line: rgba(6,6,6,.24);
  --line-dark: rgba(238,233,223,.16);
}

* { box-sizing: border-box; }
html { min-height: 100%; overflow-x: hidden; background: var(--charcoal); color: var(--paper); font-size: clamp(7.1px, min(.694vw, 1.11svh), 10px); }
body { margin: 0; min-height: 100%; overflow-x: hidden; background: var(--charcoal); font-family: var(--sans); }
body::after { content: ""; position: fixed; inset: -80px; z-index: 9999; pointer-events: none; background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 4px); opacity: .12; }
img, video { max-width: 100%; }
.skip-link { position: fixed; left: 16px; top: 16px; z-index: 10000; transform: translateY(-160%); display: inline-flex; align-items: center; min-height: 44px; padding: 10px 14px; background: var(--charcoal); color: var(--paper); font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.skip-link:focus { transform: none; }
.prototype-banner[hidden], .menu-panel.mobile-menu[hidden], .menu-bg[hidden] { display: none !important; }
.prototype-banner { position: absolute; left: -9999px; }
body.landing-page { --home-logo-left: clamp(24px, 4.15vw, 62px); --home-logo-top: clamp(20px, 2.6vw, 36px); --home-logo-width: clamp(103px, 7.7vw, 140px); }
.site-chrome { position: absolute; top: 0; left: 0; right: 0; height: 100svh; z-index: 9998; pointer-events: none; color: var(--paper); }
.site-chrome .logo-link, .site-chrome .menu-link { top: var(--home-logo-top, clamp(20px, 2.6vw, 36px)); pointer-events: auto; }
.logo, .logo-link { display: inline-flex; align-items: center; text-transform: uppercase; }
.logo-link { justify-content: flex-start; min-height: 44px; color: #202020; text-decoration: none; }
.logo-emblem { display: block; width: clamp(82px, 6.15vw, 112px); height: auto; aspect-ratio: 106 / 44; object-fit: contain; flex: 0 0 auto; }
.site-chrome .logo-link { position: absolute; left: var(--home-logo-left, clamp(24px, 4.15vw, 62px)); z-index: 2; color: var(--black); max-width: calc(100vw - clamp(190px, 22vw, 260px)); gap: clamp(6px, .55vw, 8px); }
.site-chrome .logo-link .logo-emblem { width: var(--home-logo-width, clamp(103px, 7.7vw, 140px)); }
.home-wordmark { opacity: 0; visibility: hidden; }
.site-chrome .menu-link { position: fixed; right: clamp(20px, 2.25vw, 34px); z-index: 3; color: #202020; }
.menu-link { width: 100px; min-width: 100px; height: 44px; min-height: 44px; border: 0; border-radius: 24px; background: rgb(185,185,185); color: #202020; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0; }
.burger-lines { width: 24px; display: grid; gap: 8px; }
.burger-line { display: block; width: 24px; height: 2px; background: #202020; }
.burger-line:first-child { transform: translateX(4px); }
.burger-line:last-child { transform: translateX(-4px); }
.burger-label { display: block; min-width: 5ch; font-family: var(--mono); font-size: 12px; line-height: 1.33; text-align: left; text-transform: uppercase; }
.label-close { position: absolute; left: calc(50% + 2px); top: 50%; opacity: 0; transform: translateY(-50%); }
.menu-bg { position: fixed; inset: 0; z-index: 9995; background: transparent; opacity: 0; visibility: hidden; pointer-events: none; }
.menu-panel.mobile-menu { position: fixed; top: calc(var(--home-logo-top, clamp(20px, 2.6vw, 36px)) + 48px); right: clamp(20px, 2.25vw, 34px); z-index: 9997; width: min(294px, calc(100vw - 28px)); max-height: calc(100dvh - 90px); border: 1px solid rgba(238,233,223,.18); border-radius: 8px; color: var(--paper); opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden auto; }
.mobile-bg { position: absolute; inset: 0; border-radius: inherit; background: rgb(24,24,22); opacity: .88; }
.mobile-content { position: relative; z-index: 1; display: block; padding: clamp(14px, 1.7vw, 22px) clamp(16px, 2vw, 24px) clamp(16px, 2vw, 24px); }
.menu-list { display: grid; gap: clamp(5px, .85vw, 10px); list-style: none; margin: 0; padding: 0; }
.item-link { display: grid; grid-template-columns: 2.5ch minmax(0,1fr) auto; align-items: baseline; gap: clamp(9px, 1vw, 13px); width: 100%; padding: 5px 0; color: var(--paper); font-family: var(--mono); font-size: clamp(13px, min(1vw, 1.75svh), 16px); line-height: 1.08; text-decoration: none; text-transform: uppercase; }
.menu-subtree { display: grid; gap: 5px; margin: 1px 0 clamp(6px, .75vw, 10px) calc(2.5ch + clamp(9px, 1vw, 13px)); padding: 7px 0 0 clamp(8px, 1vw, 12px); border-left: 1px solid rgba(238,233,223,.18); }
.menu-sub-link { display: block; color: rgba(238,233,223,.74); font-family: var(--mono); font-size: clamp(10.5px, min(.82vw, 1.42svh), 13px); line-height: 1.15; text-decoration: none; }
.home-shell { --home-left: .58fr; --home-mid: .42fr; --home-third: clamp(210px, 16vw, 270px); --home-side: clamp(300px, 25vw, 360px); --home-media-row: clamp(158px, 22svh, 224px); --home-lower-row: clamp(188px, 24svh, 230px); --home-top-row: clamp(380px, 42svh, 500px); --hero-lift: 0px; --hero-title-scale: 1; --hero-definition-lift: 0px; --hero-mission-drift: 0px; --hero-video-lift: 0px; --hero-video-boost-add: 0; --hero-scan-x: -92%; --hero-scan-opacity: .07; --hero-signal-opacity: .12; --hero-signal-shadow-opacity: .04; min-height: 100svh; height: 100svh; display: grid; grid-template-columns: minmax(0, var(--home-left)) minmax(0, var(--home-mid)) var(--home-third) var(--home-side); grid-template-rows: var(--home-top-row) minmax(0, 1fr) var(--home-lower-row); background: var(--charcoal); isolation: isolate; overflow: hidden; }
.brand-block { grid-column: 1 / 4; grid-row: 1; display: block; min-height: 0; height: 100%; padding: clamp(112px, 16svh, 176px) 0 clamp(24px, 3.2svh, 42px) clamp(26px, 2.8vw, 42px); background: var(--amber); color: var(--black); position: relative; overflow: hidden; }
.hero-type { position: static; min-height: 0; overflow: visible; display: block; }
.hero-type h1 { position: absolute; z-index: 1; left: clamp(26px, 2.8vw, 42px); bottom: clamp(22px, 3svh, 36px); width: min(68vw, calc(100% - clamp(52px, 5.6vw, 84px))); margin: 0; padding: 0; font-family: var(--display); font-size: clamp(80px, min(17.6vw, 18.8svh), 192px); line-height: .92; letter-spacing: -.055em; font-weight: 400; display: block; transform: translate3d(0, var(--hero-lift), 0) scale(var(--hero-title-scale)); transform-origin: left bottom; text-align: left; }
.hero-type h1 > .hero-line { display: block; white-space: nowrap; }
.hero-line-main { color: var(--black); }
.hero-definition { position: absolute; z-index: 2; left: var(--hero-copy-anchor, clamp(18rem, 54%, calc(100% - clamp(8rem, 17vw, 12rem)))); right: auto; top: var(--hero-copy-top, clamp(112px, 23svh, 208px)); translate: -50% 0; width: max-content; max-width: min(32ch, calc(100% - clamp(56px, 8.4vw, 96px))); margin: 0; color: var(--black); font-size: clamp(16px, min(1.55vw, 2.48svh), 24px); line-height: 1.12; text-align: center; font-weight: 400; }
.gray-block { --mission-cap: clamp(18px, 2svh, 26px); --mission-pad-x: clamp(20px, 2.25vw, 34px); --mission-pad-bottom: clamp(24px, 4svh, 48px); --status-overlap-comp: 118px; grid-column: 4; grid-row: 1; align-self: stretch; min-height: 0; height: 100%; position: relative; display: grid; grid-template-rows: var(--mission-cap) auto minmax(0, 1fr); padding: 0 var(--mission-pad-x) calc(var(--mission-pad-bottom) + var(--status-overlap-comp)); background: var(--surface-gray); color: #000; border-left: 1px solid var(--line); overflow: hidden; transform: translate3d(0, var(--hero-mission-drift), 0); }
.gray-block::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--mission-cap); background: var(--charcoal); pointer-events: none; }
.statement { grid-row: 3; position: relative; z-index: 1; align-self: end; width: 100%; max-width: 18ch; margin: 0; color: #000; font-size: clamp(21px, 2.15cqw, 28px); line-height: 1.08; letter-spacing: -.035em; font-weight: 400; }
.status-block { --status-font: clamp(6px, 3cqw, 11px); --status-title-font: clamp(12px, 6.4cqw, 22px); --binary-font: var(--status-font); --status-overlap: clamp(96px, 13.2svh, 118px); --status-scrollbar-gutter: 18px; grid-column: 4; grid-row: 2; margin-top: calc(-1 * var(--status-overlap)); min-height: 0; padding: calc(clamp(10px, 1.5cqh, 18px) + clamp(2px, .35cqh, 5px)) calc(clamp(12px, 1.6cqw, 22px) + var(--status-scrollbar-gutter)) clamp(10px, 1.5cqh, 18px) clamp(12px, 1.6cqw, 22px); background: var(--charcoal); color: var(--paper); display: grid; grid-template-rows: max-content max-content minmax(0, 1fr); align-content: stretch; gap: clamp(2px, .55cqh, 6px); z-index: 2; container-type: size; container-name: status-panel; overflow: hidden; }
.status-chain { min-width: 0; max-width: 100%; display: grid; grid-template-rows: max-content max-content; align-content: start; gap: calc(var(--status-font) * .72); }
.status-block h2 { margin: 0; max-width: 100%; overflow: hidden; color: #8f8a7e; font-size: var(--status-title-font); line-height: 1; letter-spacing: -.025em; font-weight: 400; white-space: nowrap; }
.status-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 0; }
.status-list li { display: grid; grid-template-columns: 2.6em minmax(0, 1fr) clamp(6px, 1.15cqw, 10px); column-gap: clamp(3px, 1cqw, 8px); align-items: center; font-family: var(--mono); font-size: var(--status-font); line-height: 1.04; text-transform: uppercase; letter-spacing: -.02em; min-width: 0; overflow: hidden; white-space: nowrap; }
.status-list span, .terminal-status-label, .terminal-prompt, .terminal-cursor { color: #e25532; }
.terminal-console { min-height: 0; max-width: 100%; overflow: hidden; padding: clamp(3px, .85cqh, 8px) 0 0; border-top: 1px solid var(--line-dark); color: var(--paper); font-family: var(--mono); font-size: var(--status-font); line-height: 1.04; letter-spacing: -.02em; text-transform: uppercase; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(5, auto); gap: 0; }
.terminal-status-label, .terminal-line, .terminal-event { white-space: nowrap; }
.terminal-line { min-height: 1.16em; display: flex; align-items: center; gap: .4em; margin-top: calc(var(--status-font) * .24); max-width: 100%; overflow: visible; line-height: 1.14; }
.terminal-events { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(3, auto); gap: 0; margin-top: 0; min-height: 0; }
.terminal-event { display: flex; align-items: center; gap: .4em; min-height: 0; min-width: 0; color: rgba(238,233,223,.9); font-size: var(--status-font); letter-spacing: -.02em; }
.thinking-icon { width: 1.2em; height: 1.2em; flex: 0 0 1.2em; }
.binary-strip { display: grid; grid-auto-rows: var(--binary-row-height, var(--binary-font)); align-content: start; align-self: stretch; gap: 0; min-height: 0; height: 100%; max-width: 100%; overflow: hidden; padding-top: clamp(3px, .85cqh, 8px); border-top: 1px solid var(--line-dark); }
.binary-layer { display: contents; }
.number-track { display: flex; align-items: center; gap: 0; width: max-content; height: var(--binary-row-height, var(--binary-font)); color: rgba(238,233,223,.88); font-family: var(--mono); font-size: var(--binary-font); line-height: var(--binary-row-height, var(--binary-font)); white-space: nowrap; opacity: .82; }
.media-block { --video-panel-background: var(--charcoal); --video-panel-media-inset: -6%; --video-panel-media-size: 112%; --video-panel-media-scale: 1.04; --video-panel-media-filter: contrast(1.08) brightness(.84) saturate(1.25) hue-rotate(-19deg); --video-panel-overlay: linear-gradient(90deg, rgba(0,0,0,.02), rgba(0,0,0,.18)); grid-column: 1 / 4; grid-row: 2; position: relative; min-height: 0; overflow: hidden; background: var(--video-panel-background); }
.media-block::before { content: ""; position: absolute; inset: -18% -24%; z-index: 3; pointer-events: none; background: linear-gradient(90deg, transparent 0 18%, rgba(var(--amber-rgb),.06) 36%, rgba(var(--amber-light-rgb),.28) 48%, rgba(var(--amber-rgb),.12) 56%, transparent 78% 100%); mix-blend-mode: screen; opacity: var(--hero-scan-opacity); transform: translate3d(var(--hero-scan-x),0,0); }
.media-block::after { content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none; border: 1px solid rgba(var(--amber-light-rgb), var(--hero-signal-opacity)); box-shadow: inset 0 0 0 1px rgba(var(--amber-rgb), var(--hero-signal-shadow-opacity)); opacity: .9; }
.video-placeholder-panel { position: absolute; inset: 0; margin: 0; overflow: hidden; background: var(--video-panel-background); isolation: isolate; }
.video-placeholder-panel__media { position: absolute; inset: 0; overflow: hidden; }
.video-placeholder-panel__asset, .video-placeholder-panel__poster, .ops-video { position: absolute; inset: var(--video-panel-media-inset); width: var(--video-panel-media-size); height: var(--video-panel-media-size); }
.video-placeholder-panel__poster { z-index: 0; display: block; margin: 0; opacity: 1; visibility: visible; transition: opacity .24s ease, visibility .24s ease; }
.video-placeholder-panel__media[data-video-ready="true"] .video-placeholder-panel__poster { opacity: 0; visibility: hidden; }
.video-placeholder-panel__poster img { display: block; width: 100%; height: 100%; object-fit: cover; filter: var(--video-panel-media-filter); transform: translate3d(0, var(--hero-video-lift), 0) scale(calc(var(--video-panel-media-scale) + var(--hero-video-boost-add))); transform-origin: center; }
.ops-video { z-index: 1; opacity: 0; object-fit: cover; background: var(--video-panel-background); transition: opacity .36s ease; filter: var(--video-panel-media-filter); transform: translate3d(0, var(--hero-video-lift), 0) scale(calc(var(--video-panel-media-scale) + var(--hero-video-boost-add))); transform-origin: center; }
.ops-video[data-video-ready="true"] { opacity: 1; }
.video-placeholder-panel::after { content: ""; position: absolute; inset: 0; z-index: 2; background: var(--video-panel-overlay); pointer-events: none; }
.video-placeholder-panel__caption { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 1024px) {
  html { font-size: clamp(8px, min(2.2vw, 3.52svh), 10px); }
  .home-shell { --home-top-row: clamp(350px, 42svh, 430px); --home-third: clamp(146px, 19vw, 210px); --home-side: clamp(152px, 21vw, 230px); --home-media-row: clamp(129px, 20.85svh, 174px); --home-lower-row: clamp(172px, 27svh, 214px); height: 100svh; grid-template-columns: minmax(0, var(--home-left)) minmax(0, var(--home-mid)) var(--home-third) var(--home-side); grid-template-rows: var(--home-top-row) minmax(0, 1fr) var(--home-lower-row); overflow: hidden; }
  .brand-block { grid-column: 1 / 4; grid-row: 1; height: 100%; padding: clamp(84px, 11.5svh, 112px) 0 clamp(18px, 2.8svh, 28px) clamp(22px, 3.2vw, 34px); }
  .gray-block { grid-column: 4; grid-row: 1; height: 100%; --mission-cap: clamp(14px, 2.2svh, 18px); --mission-pad-x: clamp(14px, 2.2vw, 20px); --mission-pad-bottom: clamp(16px, 2.8svh, 24px); --status-overlap-comp: 0px; }
  .media-block { grid-column: 1 / 4; grid-row: 2; --video-panel-media-inset: 0; --video-panel-media-size: 100%; --video-panel-media-scale: 1; }
  .status-block { --status-font: clamp(4.8px, 2.6cqw, 7.2px); --status-title-font: clamp(9.5px, 5.6cqw, 15px); --binary-font: var(--status-font); grid-column: 4; grid-row: 2; min-height: 0; margin-top: 0; }
  .menu-link { width: 92px; min-width: 92px; height: 36px; gap: 7px; }
  .burger-lines { width: 20px; gap: 7px; }
  .burger-line { width: 20px; }
  .burger-label { font-size: 11px; }
  .hero-type h1 { left: clamp(22px, 3.2vw, 34px); bottom: clamp(18px, 2.7svh, 28px); width: min(69vw, calc(100% - clamp(44px, 6.4vw, 68px))); font-size: clamp(66px, min(16vw, 14.6svh), 148px); line-height: .96; letter-spacing: -.052em; }
  .hero-definition { left: var(--hero-copy-anchor, clamp(16rem, 52%, calc(100% - 8rem))); top: var(--hero-copy-top, clamp(104px, 12svh, 128px)); max-width: calc(100% - 3rem); font-size: clamp(14px, min(1.8vw, 2.35svh), 18px); line-height: 1.04; }
  .statement { font-size: clamp(16px, min(3.25cqw, 3.4svh), 23px); line-height: 1.04; max-width: 16ch; }
  .menu-panel.mobile-menu { top: 14px; right: 14px; width: min(285px, calc(100vw - 28px)); }
}

@media (max-width: 640px) {
  body.landing-page { --home-logo-left: clamp(16px, 5vw, 24px); --home-logo-width: clamp(58px, 18.5vw, 76px); }
  .site-chrome .logo-link { left: var(--home-logo-left, clamp(16px, 5vw, 24px)); max-width: calc(100vw - 144px); gap: clamp(4px, 1.2vw, 5px); }
  .site-chrome .logo-link .logo-emblem { width: var(--home-logo-width, clamp(58px, 18.5vw, 76px)); }
  .home-shell { --home-mobile-brand-row: clamp(248px, 36svh, 318px); --home-mobile-video-row: clamp(220px, 70vw, 340px); --home-mobile-info-row: clamp(208px, 28svh, 264px); --home-mobile-card-row: clamp(232px, 58vw, 286px); grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); grid-template-rows: var(--home-mobile-brand-row) var(--home-mobile-video-row) var(--home-mobile-info-row) repeat(2, var(--home-mobile-card-row)); height: auto; min-height: 100svh; overflow: visible; }
  .brand-block { grid-column: 1 / -1; grid-row: 1; height: 100%; padding: clamp(72px, 11svh, 100px) clamp(16px, 4.2vw, 22px) clamp(18px, 3svh, 26px); }
  .gray-block { grid-column: 1; grid-row: 3; height: 100%; border-left: 0; border-top: 1px solid var(--black); border-right: 1px solid var(--black); --mission-cap: clamp(10px, 1.8svh, 14px); --mission-pad-x: clamp(10px, 3vw, 14px); --mission-pad-bottom: clamp(8px, 1.8svh, 12px); padding-bottom: var(--mission-pad-bottom); }
  .status-block { --status-font: clamp(5px, 2.35cqw, 7.6px); --status-title-font: clamp(9px, 5cqw, 14px); --binary-font: var(--status-font); --status-scrollbar-gutter: clamp(4px, 1.5vw, 7px); grid-column: 2; grid-row: 3; min-height: 0; height: 100%; padding: clamp(13px, 2.4svh, 18px) calc(clamp(10px, 2.6vw, 14px) + var(--status-scrollbar-gutter)) clamp(13px, 2.3svh, 18px) clamp(10px, 2.8vw, 14px); gap: clamp(4px, 1cqh, 8px); border-top: 1px solid var(--black); border-left: 1px solid var(--black); margin-top: 0; }
  .status-chain { gap: calc(var(--status-font) * .95); }
  .status-list li { grid-template-columns: 2.35em minmax(0, 1fr) clamp(4px, .9cqw, 7px); column-gap: clamp(3px, 1.1cqw, 5px); line-height: 1.14; letter-spacing: 0; }
  .status-list span { min-width: 2.35em; }
  .terminal-console { padding-top: clamp(5px, 1.15cqh, 8px); line-height: 1.1; letter-spacing: 0; }
  .terminal-status-label, .terminal-event { letter-spacing: 0; }
  .binary-strip { padding-top: clamp(5px, 1.15cqh, 8px); }
  .media-block { display: block; grid-column: 1 / -1; grid-row: 2; min-height: var(--home-mobile-video-row); height: var(--home-mobile-video-row); border-top: 1px solid var(--black); --video-panel-media-inset: 0; --video-panel-media-size: 100%; --video-panel-media-scale: 1; --video-panel-media-filter: contrast(1.05) brightness(.86) saturate(1.25) hue-rotate(-19deg); --video-panel-overlay: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.2)); }
  .hero-type h1 { left: clamp(16px, 4.2vw, 22px); bottom: clamp(16px, 2.8svh, 24px); width: calc(100% - clamp(32px, 8.4vw, 44px)); font-size: clamp(42px, min(15.4vw, 7.8svh), 66px); line-height: .98; letter-spacing: -.048em; }
  .hero-definition { left: auto; right: clamp(16px, 4.2vw, 22px); top: clamp(74px, 12svh, 104px); translate: none; width: auto; max-width: 19ch; font-size: clamp(12px, 3.6vw, 15px); line-height: 1.05; text-align: right; }
  .statement { font-size: clamp(13px, 4.1vw, 17px); line-height: 1.04; max-width: 13ch; }
}