:root { --orange:#ff3d0a; --black:#050505; --bone:#e9e6de; --muted:#777772; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--black); color:var(--bone); }
body { font-family:"Arial Narrow", "Helvetica Neue", Arial, sans-serif; }
button, input { font:inherit; }

.coming-soon { position:relative; min-height:100svh; overflow:hidden; display:flex; flex-direction:column; isolation:isolate; background:radial-gradient(circle at 50% 38%,#171717 0,#090909 31%,#030303 72%); }
.coming-soon:before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,transparent 49.93%,#ffffff0d 50%,transparent 50.07%),linear-gradient(0deg,transparent 49.93%,#ffffff0a 50%,transparent 50.07%); background-size:100% 100%; }
.coming-soon:after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,#0505050d 0%,transparent 38%,#05050508 100%),url('index.php?asset=mountain-shadow.png') center bottom/cover no-repeat; opacity:1; filter:brightness(2.8) contrast(1.08); transform:scale(1.34); transform-origin:center bottom; pointer-events:none; }
.grain { position:absolute; inset:-40%; z-index:8; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); animation:grain .24s steps(2) infinite; }
@keyframes grain { 0%{transform:translate(0)} 25%{transform:translate(2%,-2%)} 50%{transform:translate(-2%,1%)} 75%{transform:translate(1%,2%)} 100%{transform:translate(-1%,-1%)} }

.topline,.bottomline { width:100%; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:5; padding:22px 30px; color:#898984; font-size:9px; font-weight:700; letter-spacing:.25em; text-transform:uppercase; }
.topline { border-bottom:1px solid #ffffff17; }
.bottomline { margin-top:auto; border-top:1px solid #ffffff17; }
.bottomline a { color:#aaa9a3; text-decoration:none; transition:color .2s; }
.bottomline a:hover { color:var(--orange); }
.bottomline a b { color:var(--orange); font-size:13px; }
.status { display:flex; align-items:center; gap:9px; color:#b9b8b1; }
.status i { width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 14px var(--orange); animation:pulse 2s ease-in-out infinite; }
.top-actions { display:flex; align-items:center; gap:28px; }
.sound-toggle { border:0; padding:0; background:transparent; color:#aaa9a3; cursor:pointer; font-size:9px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.sound-toggle b { color:var(--orange); margin-right:7px; font-size:8px; }
.sound-toggle:hover { color:#fff; }
@keyframes pulse { 50%{opacity:.25;transform:scale(.65)} }

.launch-panel { width:min(1120px,calc(100% - 48px)); min-height:0; flex:1; margin:auto; padding:clamp(24px,4vh,52px) 0 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; z-index:2; }
.logo-stage { --rx:0deg; --ry:0deg; --gx:50%; --gy:50%; width:min(520px,62vw); margin-bottom:clamp(22px,3vh,42px); position:relative; perspective:900px; cursor:crosshair; transform-style:preserve-3d; }
.logo-stage:after { content:""; position:absolute; inset:-18%; background:radial-gradient(circle at var(--gx) var(--gy),#ff3d0a1f,transparent 32%); opacity:0; transition:opacity .35s; pointer-events:none; }
.logo-stage:hover:after { opacity:1; }
.logo-window { position:relative; width:100%; aspect-ratio:5334/2210; transform:rotateX(var(--rx)) rotateY(var(--ry)); transform-style:preserve-3d; transition:transform .12s ease-out; filter:drop-shadow(0 0 24px #ff3d0a18); }
.logo-window img { width:100%; height:auto; display:block; }
.logo-white-line { position:absolute; inset:0; filter:brightness(0) invert(1); clip-path:inset(60% 0 22% 0); }
.logo-stage:hover .logo-window { filter:drop-shadow(0 0 34px #ff3d0a35); }
.logo-glow { position:absolute; left:50%; top:42%; width:30%; height:60%; transform:translate(-50%,-50%); background:#ff3d0a24; filter:blur(70px); border-radius:50%; }

.rifle-stage { position:relative; width:min(1120px,100vw); height:clamp(190px,24vh,225px); margin:0 0 10px; overflow:hidden; display:grid; place-items:center; opacity:.72; }
.rifle-stage img { width:100%; position:absolute; top:calc(50% + 24px); transform:translateY(-50%); filter:invert(1) grayscale(1) contrast(1.65) brightness(.9); opacity:.32; mix-blend-mode:screen; }
.announcement { width:auto; max-width:92vw; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:3; }
.neon-frame { --angle:0deg; position:relative; display:inline-block; width:fit-content; max-width:100%; padding:clamp(12px,1.5vw,18px) clamp(18px,2.5vw,30px); border:1px solid #ff3d0a7d; background:#05050559; backdrop-filter:blur(1.5px); box-shadow:inset 0 0 20px #ff3d0a0d,0 0 18px #ff3d0a17; }
.neon-frame:before { content:""; position:absolute; inset:-3px; padding:3px; background:conic-gradient(from var(--angle),transparent 0 68%,#ff3d0a 77%,#fff1dc 81%,#ff3d0a 85%,transparent 94%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 7px #ff3d0a) drop-shadow(0 0 15px #ff3d0a80); animation:neon-travel 4.5s linear infinite; pointer-events:none; }
@property --angle { syntax:"<angle>"; initial-value:0deg; inherits:false; }
@keyframes neon-travel { to{--angle:360deg} }
h1 { margin:0; text-transform:uppercase; font-weight:900; letter-spacing:-.035em; line-height:.88; }
h1 span,h1 strong { display:block; }
h1 span { color:#f0ede5; font-size:clamp(19px,2.4vw,30px); font-weight:800; }
h1 strong { color:var(--orange); font-size:clamp(29px,4vw,52px); }
.announcement p { margin:22px 0 0; color:#a19f98; font-size:clamp(8px,1vw,11px); font-weight:800; letter-spacing:.25em; text-transform:uppercase; }
.announcement p span { color:var(--orange); }

.notify-form { width:min(730px,100%); display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:0; margin-top:clamp(28px,4vh,48px); border:1px solid #2a2a28; background:#090909cc; }
.field { position:relative; padding:12px 18px 11px; border-right:1px solid #2a2a28; }
.field label { display:block; color:#64645f; font-size:8px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; margin-bottom:4px; }
.field input { width:100%; border:0; outline:0; padding:3px 0; background:transparent; color:#f1eee7; font-size:14px; letter-spacing:.04em; }
.field input::placeholder { color:#484844; }
.field:focus-within { box-shadow:inset 0 -1px var(--orange); }
.field:focus-within label { color:var(--orange); }
.notify-form button { align-self:stretch; min-width:160px; border:0; padding:0 20px; background:var(--orange); color:#080808; display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; font-size:9px; font-weight:900; letter-spacing:.22em; text-transform:uppercase; transition:background .2s,color .2s; }
.notify-form button b { font-size:18px; transition:transform .2s; }
.notify-form button:hover { background:#fff; }
.notify-form button:hover b { transform:translate(3px,-3px); }
.notify-form button:disabled { cursor:wait; opacity:.7; }
.website-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.privacy-note { margin:12px 0 0; color:#555550; font-size:8px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.privacy-note.success { color:#d8d5cc; }
.privacy-note.partial { color:#d89c74; }
.privacy-note.error { color:#ff6b42; }

.scope-mark { position:absolute; z-index:1; width:42px; height:42px; border:1px solid #ffffff12; border-radius:50%; }
.scope-mark:before,.scope-mark:after { content:""; position:absolute; background:#ffffff16; }
.scope-mark:before { width:56px; height:1px; left:-8px; top:20px; }.scope-mark:after { width:1px; height:56px; left:20px; top:-8px; }.scope-mark i { position:absolute; inset:14px; border:1px solid #ff3d0a45; border-radius:50%; }
.scope-one { left:7vw; top:24%; }.scope-two { right:8vw; bottom:19%; transform:scale(.65); }

@media(max-width:700px) {
  .topline,.bottomline { padding:18px 16px; gap:20px; }
  .top-actions { gap:16px; }.status { display:none; }
  .launch-panel { width:calc(100% - 32px); padding:28px 0 24px; }
  .logo-stage { width:min(430px,88vw); margin-bottom:22px; }
  .rifle-stage { width:115vw; height:165px; margin:0 0 8px; }.rifle-stage img { width:125%; top:calc(50% + 18px); }
  .announcement p { line-height:1.6; }
  .notify-form { grid-template-columns:1fr; border:0; gap:8px; background:transparent; margin-top:30px; }
  .field { border:1px solid #292927; background:#090909cc; padding:11px 14px; }
  .notify-form button { min-height:55px; padding:0 18px; }
  .scope-one { left:-20px; }.scope-two { right:-14px; }
}
@media(max-height:760px) and (min-width:701px) { .launch-panel{padding:16px 0}.logo-stage{width:340px;margin-bottom:16px}.rifle-stage{height:145px;margin:0 0 6px}.rifle-stage img{top:calc(50% + 17px)}.notify-form{margin-top:24px}.bottomline,.topline{padding-top:14px;padding-bottom:14px} }
@media(prefers-reduced-motion:reduce) { .grain,.status i,.neon-frame:before { animation:none; }.logo-window { transition:none; } }

.prototype-shell {
  --orka-orange: #ff3f0a;
  --orka-ink: #050605;
  --orka-panel: #0b0d0b;
  --orka-bone: #e9e5db;
  --orka-muted: #8b8d86;
  min-height: 100vh;
  overflow: clip;
  background: var(--orka-ink);
  color: var(--orka-bone);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.prototype-shell *, .prototype-shell *::before, .prototype-shell *::after { box-sizing: border-box; }
.prototype-shell button, .prototype-shell input, .prototype-shell textarea, .prototype-shell select { font: inherit; }
.prototype-shell button, .prototype-shell a { -webkit-tap-highlight-color: transparent; }
.prototype-shell h1, .prototype-shell h2, .prototype-shell h3, .prototype-shell p { margin: 0; }

.prototype-notice {
  position: relative;
  z-index: 30;
  padding: 7px 5vw;
  background: var(--orka-orange);
  color: #080908;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .26em;
  text-align: center;
  text-transform: uppercase;
}

.prototype-header {
  position: sticky;
  top: 0;
  z-index: 25;
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  min-height: 76px;
  padding: 0 3.5vw;
  border-bottom: 1px solid #ffffff17;
  background: #050605e8;
  backdrop-filter: blur(18px);
}

.prototype-brand { width: 124px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.prototype-lockup { position: relative; display: block; width: 100%; }
.prototype-lockup img { display: block; width: 100%; height: auto; }
.prototype-lockup .prototype-lockup-white {
  position: absolute;
  inset: 0;
  filter: brightness(0) invert(1);
  clip-path: inset(60% 0 22% 0);
  pointer-events: none;
}
.prototype-nav { display: flex; align-items: center; justify-content: center; gap: clamp(15px, 2.2vw, 34px); }
.prototype-nav button, .language-toggle, .prototype-sound-toggle {
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #8f918b;
  cursor: pointer;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
  transition: color .2s ease;
}
.prototype-nav button:hover, .prototype-nav button.active, .language-toggle:hover, .prototype-sound-toggle:hover { color: var(--orka-bone); }
.prototype-nav button.active { position: relative; }
.prototype-nav button.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--orka-orange); box-shadow: 0 0 8px var(--orka-orange); }
.prototype-actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; }
.prototype-sound-toggle { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.prototype-sound-toggle .prototype-sound-icon { color: var(--orka-orange); font-size: 8px; }
.prototype-sound-toggle:focus-visible, .language-toggle:focus-visible { outline: 2px solid var(--orka-orange); outline-offset: 5px; }
.header-cta, .solid-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  border: 0;
  background: var(--orka-orange);
  color: #090909;
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  transition: background .2s, color .2s, transform .2s;
}
.header-cta { min-height: 42px; padding: 0 16px; }
.header-cta span, .solid-action span { font-size: 15px; }
.header-cta:hover, .solid-action:hover { background: #fff; transform: translateY(-1px); }
.menu-toggle { display: none; width: 34px; height: 34px; padding: 8px; border: 1px solid #ffffff25; background: transparent; }
.menu-toggle i { display: block; height: 1px; margin: 5px 0; background: #fff; }

.prototype-hero {
  position: relative;
  display: grid;
  align-items: end;
  min-height: calc(100svh - 103px);
  isolation: isolate;
  border-bottom: 1px solid #ffffff17;
  background: #080a08;
}
.hero-video { position: absolute; inset: 0 0 0 auto; z-index: -3; width: 58%; height: 100%; object-fit: cover; opacity: .78; filter: saturate(.72) contrast(1.08); }
.hero-atmosphere { position: absolute; inset: 0; z-index: -2; background: url("index.php?asset=mountain-shadow.png") center bottom / cover no-repeat; opacity: .2; filter: grayscale(1) contrast(1.35); }
.hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #050605 0%, #050605 38%, #050605b8 55%, #05060525 82%), linear-gradient(0deg, #050605c7 0%, transparent 42%); }
.hero-copy { width: min(780px, 64vw); padding: clamp(70px, 12vh, 145px) 5vw 12vh; }
.eyebrow { color: #8f918b; font-size: 9px; font-weight: 900; letter-spacing: .22em; line-height: 1.5; text-transform: uppercase; }
.hero-copy .eyebrow { display: flex; gap: 26px; align-items: center; }
.hero-copy .eyebrow span { color: var(--orka-orange); }
.hero-copy h1 { margin-top: 28px; font-size: clamp(47px, 7.6vw, 118px); font-weight: 800; letter-spacing: -.075em; line-height: .82; text-transform: uppercase; }
.prototype-shell .hero-copy h1 span { display: block; color: var(--orka-bone); font-size: inherit; font-weight: inherit; line-height: inherit; }
.prototype-shell .hero-copy h1 span.orange { color: var(--orka-orange); }
.hero-body { max-width: 630px; margin-top: 38px !important; color: #b7b7b0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(17px, 1.5vw, 23px); line-height: 1.55; }
.hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 34px; margin-top: 42px; }
.solid-action { min-width: 220px; min-height: 56px; padding: 0 19px; }
.text-action, .text-link { display: flex; align-items: center; gap: 11px; padding: 10px 0; border: 0; background: transparent; color: #d7d4cb; cursor: pointer; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.text-action i { width: 24px; height: 24px; border: 1px solid #ffffff55; border-radius: 50%; box-shadow: inset 0 0 0 7px #050605; background: var(--orka-orange); }
.hero-index { position: absolute; right: 3.5vw; bottom: 8vh; display: grid; justify-items: center; gap: 9px; color: #aba9a1; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.hero-index i { width: 1px; height: 68px; background: linear-gradient(var(--orka-orange) 24%, #ffffff2a 24%); }
.hero-principle { position: absolute; right: 8vw; bottom: 4vh; color: #8d8d87; font-size: 8px; font-weight: 800; letter-spacing: .25em; text-transform: uppercase; }

.section-frame { padding: clamp(88px, 11vw, 168px) 5vw; border-bottom: 1px solid #ffffff14; scroll-margin-top: 76px; }
.section-heading { max-width: 920px; }
.section-heading h2, .contact-intro h2 { max-width: 900px; margin-top: 20px; font-size: clamp(38px, 6vw, 86px); font-weight: 760; letter-spacing: -.055em; line-height: .96; text-transform: uppercase; }
.section-heading > p:last-child, .split-heading > p, .contact-intro > p { max-width: 620px; margin-top: 28px; color: #a8aaa3; font-family: Georgia, "Times New Roman", serif; font-size: clamp(16px, 1.3vw, 21px); line-height: 1.55; }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 8vw; max-width: none; align-items: end; }
.split-heading > p { margin-top: 0; }

.proof-section { display: grid; grid-template-columns: 1.02fr .78fr; gap: 5vw 8vw; background: radial-gradient(circle at 68% 41%, #182019 0, #0a0c0a 22%, #050605 52%); }
.proof-heading { align-self: center; }
.proof-heading > p:not(.eyebrow) { max-width: 670px; margin-top: 24px; color: #a8aaa3; font-family: Georgia, "Times New Roman", serif; font-size: clamp(16px, 1.25vw, 20px); line-height: 1.58; }
.proof-heading > p + p { margin-top: 15px; color: #c5c3ba; }
.proof-footnote { display: block; max-width: 660px; margin-top: 19px; color: #6f716b; font-size: 12px; line-height: 1.55; }
.proof-visual { align-self: center; }
.target-grid { position: relative; width: min(42vw, 520px); aspect-ratio: 1; margin: auto; border: 1px solid #ffffff1c; background: repeating-linear-gradient(90deg, transparent 0 9.9%, #ffffff0a 10%), repeating-linear-gradient(0deg, transparent 0 9.9%, #ffffff0a 10%); }
.target-ring { position: absolute; left: 50%; top: 50%; border: 1px solid #ffffff26; border-radius: 50%; transform: translate(-50%, -50%); }
.ring-one { width: 78%; height: 78%; }.ring-two { width: 49%; height: 49%; }.ring-three { width: 21%; height: 21%; border-color: #ff3f0a60; }
.target-grid .axis { position: absolute; background: #ffffff20; }.target-grid .horizontal { left: 4%; right: 4%; top: 50%; height: 1px; }.target-grid .vertical { top: 4%; bottom: 4%; left: 50%; width: 1px; }
.target-grid b { position: absolute; width: 10px; height: 10px; border: 2px solid var(--orka-orange); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px #ff3f0a78; animation: shot-in .45s both; }
@keyframes shot-in { from { opacity: 0; transform: translate(-50%, -50%) scale(3); } }
.target-grid em { position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; overflow: hidden; border-radius: 50%; background: #fff; color: transparent; transform: translate(-50%, -50%); box-shadow: 0 0 12px #fff; }
.target-label { display: flex; justify-content: space-between; padding: 12px 0; color: #777973; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.proof-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 36px; border-top: 1px solid #ffffff1c; border-bottom: 1px solid #ffffff1c; }
.proof-stats div { position: relative; padding: 30px 3vw 34px 0; border-right: 1px solid #ffffff1c; }
.proof-stats div + div { padding-left: 3vw; }
.proof-stats small { position: absolute; top: 18px; right: 18px; color: #5f615d; font-size: 8px; }
.proof-stats strong { display: block; color: var(--orka-orange); font-size: clamp(38px, 5vw, 72px); font-weight: 760; letter-spacing: -.06em; }
.proof-stats span { color: #94968f; font-size: 9px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.proof-stats > p { grid-column: 1 / -1; padding: 14px 0; color: #5f615c; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.system-section { background: linear-gradient(140deg, #050605 45%, #0b0f0b); }
.case-visual { position: relative; min-height: clamp(320px, 42vw, 610px); margin-top: 80px; overflow: hidden; border: 1px solid #ffffff1b; background: linear-gradient(130deg, #171a16, #080a08 48%, #101511); }
.case-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.95%, #ffffff0e 50%, transparent 50.05%), linear-gradient(0deg, transparent 49.95%, #ffffff0c 50%, transparent 50.05%); }
.case-visual::after { content: ""; position: absolute; inset: 0; background: url("index.php?asset=mountain-shadow.png") center bottom / cover no-repeat; opacity: .11; filter: grayscale(1) contrast(1.4); }
.case-visual img { position: absolute; z-index: 2; left: 9%; top: 53%; width: 94%; transform: translateY(-50%); filter: invert(1) grayscale(1) contrast(1.5) brightness(1.45); opacity: .65; }
.case-visual img.case-rifle-reference { left: 5%; top: 54%; width: 90%; filter: grayscale(1) invert(1) contrast(3.1) brightness(.92); mix-blend-mode: screen; opacity: .72; }
.case-copy { position: absolute; z-index: 3; left: 30px; top: 28px; }
.case-copy span, .case-coordinate { color: #777973; font-size: 8px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.case-copy strong { display: block; margin-top: 12px; font-size: clamp(19px, 2.1vw, 32px); line-height: 1.05; text-transform: uppercase; }
.case-coordinate { position: absolute; z-index: 3; right: 28px; bottom: 24px; display: flex; align-items: center; gap: 12px; }
.case-coordinate i { width: 52px; height: 1px; background: var(--orka-orange); }
.system-list { display: grid; grid-template-columns: 1fr 1fr; margin: 1px 0 0; padding: 0; border-top: 1px solid #ffffff1b; border-left: 1px solid #ffffff1b; list-style: none; }
.system-list li { position: relative; display: grid; grid-template-columns: 48px 1fr 20px; gap: 18px; min-height: 175px; padding: 30px; border-right: 1px solid #ffffff1b; border-bottom: 1px solid #ffffff1b; }
.system-list li > span { color: var(--orka-orange); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.system-list h3, .commission-card h3, .journal-grid h3, .preview-success h3 { font-size: clamp(19px, 2vw, 30px); font-weight: 750; letter-spacing: -.035em; text-transform: uppercase; }
.system-list p, .commission-card > p:not(.eyebrow), .journal-grid article > p:not(.eyebrow) { max-width: 520px; margin-top: 12px; color: #959790; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.55; }
.system-list b { color: #50524f; font-size: 18px; font-weight: 300; }

.commissions-section { background: #080a08; }
.commission-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 70px; background: #ffffff1b; border: 1px solid #ffffff1b; }
.commission-card { position: relative; padding: 0 28px 34px; background: #080a08; }
.commission-image { position: relative; height: 280px; margin: 0 -28px 30px; overflow: hidden; background: radial-gradient(circle at 50% 55%, #293126, #10130f 48%, #080a08 76%); }
.commission-image::before { content: ""; position: absolute; inset: 0; background: url("index.php?asset=mountain-shadow.png") center bottom / cover; opacity: .13; filter: grayscale(1); }
.commission-image span { position: absolute; z-index: 2; top: 18px; left: 20px; color: #5e625b; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.commission-image img { position: absolute; left: -22%; top: 52%; width: 138%; transform: translateY(-50%); filter: invert(1) grayscale(1) brightness(1.25); opacity: .47; }
.card-2 .commission-image img { transform: translateY(-50%) scaleX(-1); }.card-3 .commission-image img { top: 58%; width: 150%; opacity: .36; }
.commission-card h3 { margin-top: 12px; }
.commission-card small { display: block; min-height: 44px; margin-top: 28px; padding-top: 16px; border-top: 1px solid #ffffff18; color: var(--orka-orange); font-size: 8px; font-weight: 900; letter-spacing: .16em; line-height: 1.55; text-transform: uppercase; }

.process-section { background: linear-gradient(180deg, #050605, #0c0f0c); }
.process-list { margin: 72px 0 0; padding: 0; border-top: 1px solid #ffffff24; list-style: none; }
.process-list li { position: relative; display: grid; grid-template-columns: 80px minmax(190px, .7fr) 1fr 70px; align-items: center; gap: 24px; min-height: 130px; border-bottom: 1px solid #ffffff24; transition: background .25s, padding .25s; }
.process-list li:hover { padding: 0 22px; background: #ffffff05; }
.process-list span { color: var(--orka-orange); font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.process-list h3 { font-size: clamp(18px, 2vw, 28px); text-transform: uppercase; }
.process-list p { max-width: 650px; color: #92948e; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.5; }
.process-list i { width: 10px; height: 10px; justify-self: end; border-top: 1px solid var(--orka-orange); border-right: 1px solid var(--orka-orange); transform: rotate(45deg); }

.people-section { background: radial-gradient(circle at 82% 18%, #182018 0%, transparent 32%), linear-gradient(155deg, #070807 45%, #0b0e0b); }
.founder-stories { margin-top: 70px; border-top: 1px solid #ffffff20; }
.founder-portraits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: clamp(45px, 6vw, 78px) 0; border-bottom: 1px solid #ffffff20; }
.founder-photo { position: relative; margin: 0; overflow: hidden; border: 1px solid #ffffff1f; background: #0d100d; }
.founder-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 56%, #050605e8 100%); pointer-events: none; }
.founder-photo img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(1.05); transition: filter .45s, transform .7s cubic-bezier(.2,.8,.2,1); }
.founder-photo:hover img { filter: saturate(.92) contrast(1.03); transform: scale(1.018); }
.founder-photo-gabriel, .founder-photo-jorge, .founder-photo-zak { aspect-ratio: 4 / 5; }
.founder-photo-gabriel img { object-position: 50% 50%; }
.founder-photo-jorge img { object-position: 52% 50%; }
.founder-photo-zak img { object-position: 50% 48%; }
.founder-photo figcaption { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 17px; display: grid; gap: 5px; }
.founder-photo figcaption span, .founder-photo figcaption b, .founder-photo figcaption a { font-size: 8px; font-weight: 900; letter-spacing: .15em; line-height: 1.45; text-transform: uppercase; }
.founder-photo figcaption span { color: #f1eee5; }
.founder-photo figcaption b, .founder-photo figcaption a { color: var(--orka-orange); text-decoration: none; }
.founder-biographies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(48px, 8vw, 120px); padding: clamp(55px, 7vw, 92px) 0; border-bottom: 1px solid #ffffff20; }
.founder-copy h3 { margin-top: 13px; font-size: clamp(40px, 5vw, 78px); font-weight: 760; letter-spacing: -.055em; line-height: .93; text-transform: uppercase; }
.founder-handles { margin: 18px 0 29px !important; color: var(--orka-orange) !important; font-family: inherit !important; font-size: 9px !important; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.founder-handles a { color: inherit; text-decoration: none; }
.founder-handles a:hover, .founder-handles a:focus-visible, .founder-photo figcaption a:hover, .founder-photo figcaption a:focus-visible { color: #fff; outline: none; text-decoration: underline; text-decoration-color: var(--orka-orange); text-underline-offset: 4px; }
.founder-copy > p:not(.eyebrow):not(.founder-handles) { max-width: 590px; margin-top: 17px; color: #a5a69f; font-family: Georgia, "Times New Roman", serif; font-size: clamp(15px, 1.25vw, 17px); line-height: 1.62; }
.founder-copy > p:not(.eyebrow):not(.founder-handles):first-of-type { color: #d0cdc4; }

.journal-section { background: #0a0c0a; }
.split-heading .text-link { align-self: end; justify-self: end; color: var(--orka-orange); }
.journal-demo-note { align-self: end; max-width: 560px !important; margin: 0 !important; padding-left: 18px; border-left: 2px solid var(--orka-orange); color: #8a8c85 !important; font-family: inherit !important; font-size: 12px !important; font-weight: 700; letter-spacing: .06em; line-height: 1.55 !important; text-transform: uppercase; }
.journal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 70px; background: #ffffff1c; border: 1px solid #ffffff1c; }
.journal-grid article { position: relative; min-height: 610px; padding: 0 26px 32px; background: #080a08; }
.note-visual { position: relative; height: 280px; margin: 0 -26px 27px; overflow: hidden; background: radial-gradient(circle at 50% 50%, #2b3228, #0c0f0c 68%); }
.note-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, #050605dc 100%); }
.note-visual img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.06); transition: transform .6s ease, filter .4s ease; }
.journal-grid article:hover .note-visual img { transform: scale(1.025); filter: saturate(.88) contrast(1.04); }
.note-visual span, .note-visual b { position: absolute; z-index: 2; color: #7e817a; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.note-visual span { left: 16px; bottom: 14px; }.note-visual b { right: 16px; top: 14px; color: var(--orka-orange); }
.journal-grid h3 { margin-top: 11px; }
.journal-grid .note-byline { margin-top: 12px !important; color: var(--orka-orange) !important; font-family: inherit !important; font-size: 10px !important; font-weight: 800; letter-spacing: .08em; line-height: 1.45 !important; text-transform: uppercase; }

.contact-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 8vw; align-items: start; background: radial-gradient(circle at 18% 48%, #171d16, #060706 45%); }
.contact-intro { position: sticky; top: 150px; }
.contact-intro > p { margin-top: 26px; }
.contact-intro > a { display: inline-flex; gap: 20px; margin-top: 38px; color: var(--orka-orange); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.contact-panel { min-height: 590px; padding: clamp(24px, 4vw, 52px); border: 1px solid #ffffff1d; background: #090b09d9; }
.contact-panel form { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 22px; }
.contact-panel label { display: block; }
.contact-panel label.wide, .form-footer { grid-column: 1 / -1; }
.contact-panel label span { display: block; margin-bottom: 9px; color: #797b75; font-size: 8px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.contact-panel input, .contact-panel textarea { width: 100%; border: 0; border-bottom: 1px solid #ffffff24; border-radius: 0; outline: none; padding: 8px 0 13px; background: transparent; color: #eeeae0; font-family: Georgia, "Times New Roman", serif; font-size: 16px; resize: vertical; }
.contact-panel input:focus, .contact-panel textarea:focus { border-color: var(--orka-orange); }
.contact-panel input::placeholder, .contact-panel textarea::placeholder { color: #52544f; }
.form-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 8px; }
.form-footer p { max-width: 260px; color: #5d5f5a; font-size: 8px; font-weight: 800; letter-spacing: .13em; line-height: 1.5; text-transform: uppercase; }
.form-footer button, .preview-success button { min-height: 52px; border: 0; padding: 0 18px; background: var(--orka-orange); color: #070807; cursor: pointer; font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.form-footer button span { margin-left: 36px; font-size: 15px; }
.preview-success { display: grid; align-content: center; min-height: 485px; }
.preview-success > span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 28px; border: 1px solid var(--orka-orange); border-radius: 50%; color: var(--orka-orange); }
.preview-success h3 { margin-top: 14px; }
.preview-success > p:not(.eyebrow) { max-width: 480px; margin-top: 16px; color: #9a9c95; font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.55; }
.preview-success button { width: fit-content; margin-top: 32px; }

.prototype-footer { display: grid; grid-template-columns: .72fr 1.65fr .63fr; gap: 6vw; align-items: start; padding: 55px 5vw; border-top: 1px solid #ffffff16; background: #030403; color: #777a74; }
.prototype-footer img { width: 140px; }
.prototype-footer-legal { display: grid; gap: 14px; padding-left: 26px; border-left: 2px solid var(--orka-orange); }
.prototype-footer-legal p { max-width: 720px; font-family: Georgia, "Times New Roman", serif; font-size: 13px; line-height: 1.62; }
.prototype-footer-legal p:first-child { color: #b7b5ad; }
.prototype-footer-links { display: grid; justify-content: end; gap: 10px; font-size: 8px; font-weight: 900; letter-spacing: .15em; text-align: right; text-transform: uppercase; }
.prototype-footer a { color: #a7a8a1; text-decoration: none; }.prototype-footer a:hover { color: var(--orka-orange); }

@media (max-width: 1100px) {
  .prototype-header { grid-template-columns: 150px 1fr auto; }
  .prototype-nav { gap: 14px; }
  .prototype-nav button { font-size: 8px; }
  .header-cta { display: none; }
  .hero-copy { width: 76vw; }
  .commission-grid, .journal-grid { grid-template-columns: 1fr 1fr; }
  .commission-card:last-child, .journal-grid article:last-child { grid-column: 1 / -1; }
  .founder-biographies { gap: 48px; }
}

@media (max-width: 780px) {
  .prototype-notice { font-size: 7px; }
  .prototype-header { grid-template-columns: 1fr auto; min-height: 68px; padding: 0 18px; }
  .prototype-brand { width: 112px; }
  .menu-toggle { display: block; }
  .prototype-nav { position: absolute; top: 68px; left: 0; right: 0; display: none; align-items: stretch; padding: 18px; border-bottom: 1px solid #ffffff1c; background: #050605fa; }
  .prototype-nav.open { display: grid; }
  .prototype-nav button { padding: 13px 0; text-align: left; }
  .prototype-nav button.active::after { right: auto; width: 34px; }
  .prototype-actions { gap: 16px; }
  .prototype-sound-word { display: none; }
  .prototype-hero { min-height: calc(100svh - 95px); }
  .hero-video { width: 100%; opacity: .55; }
  .hero-shade { background: linear-gradient(90deg, #050605e8 0%, #0506058a 70%, #0506054c), linear-gradient(0deg, #050605d9 0%, transparent 52%); }
  .hero-copy { width: 100%; padding: 90px 20px 110px; }
  .hero-copy .eyebrow { align-items: flex-start; flex-direction: column; gap: 8px; }
  .hero-copy h1 { font-size: clamp(45px, 15vw, 72px); }
  .hero-body { max-width: 92%; font-size: 17px; }
  .hero-principle { left: 20px; right: auto; bottom: 25px; max-width: 270px; line-height: 1.6; }
  .hero-index { display: none; }
  .section-frame { padding: 82px 20px; }
  .section-heading h2, .contact-intro h2 { font-size: clamp(38px, 11vw, 62px); }
  .split-heading, .proof-section, .contact-section { grid-template-columns: 1fr; }
  .split-heading { gap: 24px; }
  .proof-visual { grid-row: 2; }
  .target-grid { width: min(90vw, 470px); }
  .proof-stats { grid-template-columns: 1fr; }
  .proof-stats div { border-right: 0; border-bottom: 1px solid #ffffff1c; padding-left: 0 !important; }
  .case-visual { margin-top: 48px; min-height: 330px; }
  .case-visual img { left: -28%; width: 170%; }
  .case-visual img.case-rifle-reference { left: -18%; width: 142%; }
  .system-list { grid-template-columns: 1fr; }
  .system-list li { min-height: 0; padding: 24px 19px; grid-template-columns: 38px 1fr 14px; }
  .commission-grid, .journal-grid { grid-template-columns: 1fr; margin-top: 48px; }
  .commission-card:last-child, .journal-grid article:last-child { grid-column: auto; }
  .process-list { margin-top: 48px; }
  .process-list li { grid-template-columns: 46px 1fr 18px; gap: 14px; padding: 23px 0; }
  .process-list li h3 { grid-column: 2; }.process-list li p { grid-column: 2; }.process-list li i { grid-column: 3; grid-row: 1; }
  .founder-stories { margin-top: 48px; }
  .founder-portraits, .founder-biographies { grid-template-columns: 1fr; }
  .founder-portraits { gap: 12px; padding: 42px 0; }
  .founder-biographies { gap: 52px; padding: 52px 0; }
  .founder-photo figcaption { left: 12px; right: 12px; bottom: 12px; }
  .founder-photo figcaption span, .founder-photo figcaption b, .founder-photo figcaption a { font-size: 7px; letter-spacing: .1em; }
  .contact-intro { position: static; }
  .contact-panel { min-height: auto; padding: 24px 18px; }
  .contact-panel form { grid-template-columns: 1fr; }
  .contact-panel label.wide, .form-footer { grid-column: auto; }
  .form-footer { align-items: stretch; flex-direction: column; }
  .form-footer button { width: 100%; }
  .prototype-footer { grid-template-columns: 1fr; gap: 28px; padding: 42px 20px; }
  .prototype-footer-legal { padding: 22px 0 0; border-top: 2px solid var(--orka-orange); border-left: 0; }
  .prototype-footer-links { justify-content: start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .prototype-shell { scroll-behavior: auto; }
  .target-grid b { animation: none; }
  .prototype-nav button, .header-cta, .solid-action, .process-list li { transition: none; }
}

/* Prototype v2: original environments, system families and guided hunt brief. */
.hero-environment {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .82;
  filter: saturate(.72) contrast(1.08);
}

.hero-atmosphere {
  z-index: -2;
  background:
    linear-gradient(110deg, #050605 0%, #050605db 31%, transparent 69%),
    radial-gradient(circle at 76% 66%, #ff3f0a22, transparent 30%);
  opacity: 1;
  filter: none;
}

.hero-shade {
  background:
    linear-gradient(90deg, #050605 0%, #050605e8 32%, #0506058a 53%, #05060518 82%),
    linear-gradient(0deg, #050605e6 0%, transparent 47%);
}

.commissions-section {
  background: linear-gradient(180deg, #080a08, #050605);
}

.system-selector {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 64px;
  border-top: 1px solid #ffffff20;
  border-left: 1px solid #ffffff20;
}

.system-selector button {
  min-width: 0;
  min-height: 116px;
  padding: 20px 15px;
  border: 0;
  border-right: 1px solid #ffffff20;
  border-bottom: 1px solid #ffffff20;
  background: #080a08;
  color: #b8b8b1;
  cursor: pointer;
  text-align: left;
  transition: background .25s ease, color .25s ease;
}

.system-selector button:hover,
.system-selector button.active {
  background: #ff3f0a;
  color: #070807;
}

.system-selector span,
.system-selector small {
  display: block;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .15em;
  line-height: 1.35;
  text-transform: uppercase;
}

.system-selector span { color: #666962; }
.system-selector button.active span,
.system-selector button.active small,
.system-selector button:hover span,
.system-selector button:hover small { color: #291008; }
.system-selector strong { display: block; margin: 12px 0 9px; font-size: clamp(18px, 1.8vw, 27px); letter-spacing: -.03em; }
.system-selector small { color: #777a73; }

.system-stage {
  position: relative;
  min-height: clamp(570px, 63vw, 790px);
  overflow: hidden;
  border: 1px solid #ffffff20;
  border-top: 0;
  isolation: isolate;
}

.system-stage > img {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: environment-in .65s ease both;
}

@keyframes environment-in {
  from { opacity: .85; transform: scale(1.015); }
  to { opacity: 1; transform: scale(1); }
}

.system-stage-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, #050605f2 0%, #050605ce 36%, #05060538 76%),
    linear-gradient(0deg, #050605c9, transparent 55%);
}

.system-stage-copy {
  width: min(670px, 58%);
  padding: clamp(70px, 9vw, 125px) clamp(28px, 5vw, 74px);
}

.system-stage-copy h3 {
  margin-top: 18px;
  color: var(--orka-orange);
  font-size: clamp(70px, 11vw, 170px);
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: .82;
}

.system-stage-copy > p:not(.eyebrow) {
  max-width: 570px;
  margin-top: 30px;
  color: #d0cec6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.55;
}

.system-stage-copy dl {
  margin: 36px 0;
  border-top: 1px solid #ffffff2c;
}

.system-stage-copy dl > div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 20px;
  padding: 13px 0;
  border-bottom: 1px solid #ffffff1e;
}

.system-stage-copy dt,
.system-stage-copy dd {
  margin: 0;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.45;
  text-transform: uppercase;
}

.system-stage-copy dt { color: #777a72; }
.system-stage-copy dd { color: #d5d2c8; }
.system-stage-code { position: absolute; right: 25px; bottom: 22px; color: #c8c4b9; font-size: 8px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.system-stage-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.buy-action {
  display: inline-flex;
  min-width: 160px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 0 18px;
  border: 1px solid var(--orka-orange);
  background: #050605c7;
  color: var(--orka-orange);
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.buy-action:hover { background: var(--orka-orange); color: #070807; }

.naming-note {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 30px;
  padding: 20px 0;
  border-bottom: 1px solid #ffffff20;
}

.naming-note span,
.naming-note p {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.65;
  text-transform: uppercase;
}

.naming-note span { color: var(--orka-orange); }
.naming-note p { color: #74766f; }

.shop-section { background: #090b09; }
.shop-collection-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  min-height: 480px;
  margin-top: 26px;
  overflow: hidden;
  border: 1px solid #ffffff1d;
  background: linear-gradient(135deg, #101310, #060706 66%);
}
.shop-collection-visual { position: relative; min-height: 480px; margin: 0; overflow: hidden; background: #050605; isolation: isolate; }
.shop-collection-visual > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.shop-collection-banner:hover .shop-collection-visual > img { transform: scale(1.018); }
.shop-collection-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, #050605e3 0%, transparent 38%), linear-gradient(90deg, transparent 64%, #05060598); }
.shop-collection-visual figcaption { position: absolute; left: 22px; bottom: 20px; color: #e6e2d8; font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.shop-collection-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 70px); }
.shop-collection-copy h3 { max-width: 620px; margin-top: 15px; font-size: clamp(38px, 5vw, 72px); letter-spacing: -.055em; line-height: .92; text-transform: uppercase; }
.shop-collection-intro { max-width: 620px; margin-top: 22px; color: #b9b7ae; font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.64; }
.shop-collection-count { margin-top: 34px; padding-top: 18px; border-top: 1px solid #ffffff25; color: var(--orka-orange); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }

.shop-browser { margin-top: 34px; }
.shop-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
  gap: 12px;
  padding: 18px;
  border: 1px solid #ffffff1d;
  background: #050605;
}
.shop-search,
.shop-sort { display: grid; gap: 9px; }
.shop-search > span,
.shop-sort > span { color: #74766f; font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.shop-search input,
.shop-sort select {
  width: 100%;
  min-height: 56px;
  padding: 0 17px;
  border: 1px solid #ffffff26;
  border-radius: 0;
  outline: none;
  background: #0b0d0b;
  color: #e7e3d9;
  font: inherit;
  font-size: 16px;
}
.shop-search input::placeholder { color: #656861; }
.shop-search input:focus,
.shop-sort select:focus { border-color: var(--orka-orange); box-shadow: 0 0 0 1px var(--orka-orange); }
.shop-sort select { cursor: pointer; }

.shop-filter-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 18px 0 22px; }
.shop-filter-row button {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #ffffff28;
  background: transparent;
  color: #9b9d96;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.shop-filter-row button:hover,
.shop-filter-row button[aria-pressed="true"] { border-color: var(--orka-orange); background: #ff4b0012; color: #f0ece2; }
.shop-filter-row button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.shop-filter-row > span { margin-left: auto; color: #6f726b; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }

.shop-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.shop-product-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid #ffffff1d; background: #060806; transition: border-color .25s ease, transform .25s ease; }
.shop-product-card:hover { border-color: #ff4b006b; transform: translateY(-3px); }
.shop-product-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-bottom: 1px solid #ffffff1d;
  background-color: #080a08;
  background-repeat: no-repeat;
}
.shop-product-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #0506051a 44%, #050605c7); pointer-events: none; }
.shop-product-media > strong { position: absolute; z-index: 1; top: 15px; left: 15px; padding: 7px 9px; background: #050605db; color: var(--orka-orange); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.shop-product-media > small { position: absolute; z-index: 1; right: 12px; bottom: 12px; max-width: 170px; color: #d0cdc4; font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.35; text-align: right; text-transform: uppercase; }
.shop-product-card-copy { display: flex; flex: 1; flex-direction: column; min-height: 288px; padding: 24px; }
.shop-product-card-copy > p { color: var(--orka-orange); font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.shop-product-card-copy h4 { margin-top: 13px; color: #eeeadf; font-size: 21px; letter-spacing: -.02em; line-height: 1.12; text-transform: uppercase; }
.shop-product-card-copy > div { margin-top: 17px; color: #999b94; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.55; }
.shop-product-card-copy footer { display: grid; gap: 16px; margin-top: auto; padding-top: 26px; }
.shop-product-card-copy footer small { color: #696c65; font-size: 11px; font-weight: 900; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
.shop-product-card-copy footer button {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  border: 1px solid #ff4b006d;
  background: transparent;
  color: var(--orka-orange);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.shop-product-card-copy footer button:hover { background: var(--orka-orange); color: #050605; }
.shop-product-card-copy footer button:focus-visible { outline: 2px solid white; outline-offset: 3px; }

.shop-empty { padding: 70px 25px; border: 1px solid #ffffff1d; text-align: center; }
.shop-empty strong { color: #e8e4da; font-size: 24px; text-transform: uppercase; }
.shop-empty p { margin-top: 10px; color: #8d9089; font-family: Georgia, "Times New Roman", serif; font-size: 16px; }
.shop-empty button { margin-top: 24px; padding: 14px 18px; border: 1px solid var(--orka-orange); background: transparent; color: var(--orka-orange); cursor: pointer; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.shop-third-party-note,
.shop-disclaimer { margin-top: 18px !important; color: #6c6e68; font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1.65; text-transform: uppercase; }
.shop-third-party-note { padding: 18px; border-left: 2px solid var(--orka-orange); background: #ff4b0008; color: #858780; }

.guided-panel {
  min-height: 720px;
  background: linear-gradient(145deg, #0d100de8, #070807f5);
}

.contact-panel form.guided-brief { display: block; }
.guided-brief .wide { width: 100%; }

.brief-progress > div {
  display: flex;
  justify-content: space-between;
  color: #8a8d85;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.brief-progress strong { color: var(--orka-orange); }
.brief-progress > i { display: block; height: 2px; margin-top: 12px; overflow: hidden; background: #ffffff16; }
.brief-progress > i b { display: block; height: 100%; background: var(--orka-orange); box-shadow: 0 0 10px #ff3f0a; transition: width .35s ease; }

.ai-prompt {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  margin-top: 34px;
  padding: 18px;
  border: 1px solid #ff3f0a55;
  background: #ff3f0a0a;
}

.ai-mark { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--orka-orange); border-radius: 50%; color: var(--orka-orange); font-size: 22px; }
.ai-prompt small { color: var(--orka-orange); font-size: 7px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.ai-prompt p { max-width: 620px; margin-top: 7px; color: #babbb4; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.5; }

.brief-step {
  min-height: 370px;
  margin: 34px 0 0;
  padding: 0;
  border: 0;
  animation: step-in .35s ease both;
}

@keyframes step-in { from { opacity: 0; transform: translateY(8px); } }

.brief-step legend {
  width: 100%;
  margin-bottom: 28px;
  color: #f0ece2;
  font-size: clamp(23px, 2.3vw, 35px);
  font-weight: 750;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.brief-fields { display: grid; gap: 25px 22px; }
.brief-fields.two-column { grid-template-columns: 1fr 1fr; }
.brief-fields label.wide,
.brief-fields .brief-select-field.wide { grid-column: 1 / -1; }
.guided-panel label > span,
.brief-select-field > span,
.field-question { display: block; margin-bottom: 9px; color: #797b75; font-size: 8px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }

.guided-panel input:not([type="checkbox"]),
.guided-panel select {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid #ffffff24;
  border-radius: 0;
  outline: none;
  padding: 8px 0 12px;
  background: transparent;
  color: #eeeae0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
}

.guided-panel select { color-scheme: dark; }
.guided-panel input:focus,
.guided-panel select:focus { border-color: var(--orka-orange); }
.guided-panel input::placeholder { color: #52544f; }
.brief-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.brief-trap input { width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; }
.brief-select-field { min-width: 0; }
.orka-select { position: relative; z-index: 1; }
.orka-select.is-open { z-index: 30; }
.orka-select-trigger {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #ff4b185c;
  border-radius: 0;
  outline: none;
  background: #050605;
  color: var(--orka-orange);
  cursor: pointer;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  text-align: left;
}
.orka-select-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orka-select-trigger .is-placeholder { color: #c84421; }
.orka-select-trigger > i { width: 8px; height: 8px; border-right: 1px solid var(--orka-orange); border-bottom: 1px solid var(--orka-orange); transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.orka-select.is-open .orka-select-trigger { border-color: var(--orka-orange); box-shadow: 0 0 0 2px #ff4b181f, 0 0 24px #ff4b1817; }
.orka-select.is-open .orka-select-trigger > i { transform: translateY(2px) rotate(225deg); }
.orka-select-trigger:focus-visible { border-color: #fff; box-shadow: 0 0 0 2px var(--orka-orange); }
.orka-select-trigger:disabled { border-color: #ffffff14; color: #555751; cursor: not-allowed; }
.orka-select-trigger:disabled .is-placeholder { color: #555751; }
.orka-select-trigger:disabled > i { border-color: #555751; }
.orka-select-menu {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  max-height: 290px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--orka-orange);
  background: #020302;
  box-shadow: 0 22px 55px #000, 0 0 28px #ff4b1817;
}
.orka-select-menu > button {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  min-height: 44px;
  padding: 11px 13px;
  border: 0;
  border-bottom: 1px solid #ff4b1826;
  background: #020302;
  color: var(--orka-orange);
  cursor: pointer;
  font: 800 10px/1.45 Arial, Helvetica, sans-serif;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}
.orka-select-menu > button:last-child { border-bottom: 0; }
.orka-select-menu > button.is-active { background: #ff4b1818; color: #ff754e; }
.orka-select-menu > button.is-selected { background: var(--orka-orange); color: #050605; }
.orka-select-menu > button b { flex: 0 0 auto; font-size: 12px; }
.orka-select-menu::-webkit-scrollbar { width: 8px; }
.orka-select-menu::-webkit-scrollbar-track { background: #020302; }
.orka-select-menu::-webkit-scrollbar-thumb { background: var(--orka-orange); }
.compact-fields { margin-top: 30px; }
.scope-brand-grid { grid-template-columns: repeat(3, 1fr); }
.optic-disclaimer {
  margin-top: 24px !important;
  padding: 14px 16px;
  border-left: 2px solid var(--orka-orange);
  background: #ff3f0a08;
  color: #858780;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.6;
  text-transform: uppercase;
}
.optic-disclaimer strong { color: var(--orka-orange); }

.adaptive-note {
  display: flex;
  gap: 15px;
  margin-top: 28px !important;
  color: #b0b1aa;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.adaptive-note span { color: var(--orka-orange); }

.choice-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.choice-grid button {
  min-height: 64px;
  padding: 10px;
  border: 1px solid #ffffff22;
  background: #ffffff03;
  color: #8e9089;
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.choice-grid button:hover,
.choice-grid button.selected { border-color: var(--orka-orange); background: #ff3f0a12; color: #f0ece2; }
.choice-grid button.selected::before { content: "✓"; margin-right: 8px; color: var(--orka-orange); }
.unit-question { margin-top: 0 !important; }
.terrain-question { margin-top: 30px !important; }
.unit-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.unit-choice-grid button { min-height: 54px; }
.position-grid { grid-template-columns: repeat(3, 1fr); }
.three-up { grid-template-columns: repeat(3, 1fr); }

.distance-fields {
  display: grid;
  grid-template-columns: 1fr 54px 1fr;
  gap: 16px;
  align-items: end;
}

.shop-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; border: 1px solid #ffffff26; }
.shop-categories button { display: flex; min-height: 72px; align-items: center; justify-content: center; gap: 18px; border: 0; border-right: 1px solid #ffffff26; background: #060806; color: var(--orka-bone); padding: 15px 25px; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; cursor: pointer; }
.shop-categories button:last-child { border-right: 0; }
.shop-categories button span { color: #666962; font-size: 11px; }
.shop-categories button[aria-pressed="true"] { color: #070807; background: var(--orka-orange); }
.shop-categories button[aria-pressed="true"] span { color: #070807; }
.shop-categories button:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.system-promise { padding: 75px 0; text-align: center; }
.system-promise h3 { margin-top: 25px; font-size: clamp(30px, 4.5vw, 62px); line-height: 1.1; text-transform: uppercase; }
.buyback-panel { display: grid; grid-template-columns: 1fr 1.25fr; gap: 55px; padding: clamp(25px, 4vw, 60px); border: 1px solid #ff4b0077; background: linear-gradient(135deg, #ff4b0012, transparent); }
.buyback-panel h3 { margin-top: 22px; font-size: clamp(28px, 3vw, 45px); line-height: 1.1; text-transform: uppercase; }
.buyback-panel p:not(.eyebrow) { font-size: 16px; line-height: 1.7; color: #b9b7ae; margin-bottom: 20px; }
.buyback-panel details { margin-top: 24px; border-top: 1px solid #ffffff30; padding-top: 22px; }
.buyback-panel summary { color: var(--orka-bone); cursor: pointer; font-size: 15px; margin-bottom: 20px; }
.buyback-panel ul { margin: 0 0 24px; padding-left: 20px; color: #b9b7ae; }
.buyback-panel li { margin: 0 0 12px; padding-left: 5px; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.6; }
.buyback-panel li::marker { color: var(--orka-orange); }
.buyback-panel p.draft-policy-note { font-size: 13px; border-left: 2px solid var(--orka-orange); padding-left: 15px; }
@media (max-width: 780px) { .buyback-panel { grid-template-columns: 1fr; gap: 28px; } }
.distance-fields > i { height: 1px; margin-bottom: 24px; background: #ffffff36; }
.distance-fields label > div { display: grid; grid-template-columns: 1fr auto; align-items: end; border-bottom: 1px solid #ffffff24; }
.guided-panel .distance-fields input { border: 0; font-size: clamp(30px, 4vw, 53px); font-weight: 700; letter-spacing: -.04em; }
.distance-fields b { padding-bottom: 14px; color: #777a73; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.field-question { margin-top: 34px !important; }

.consent-row {
  display: grid !important;
  grid-template-columns: 20px 1fr;
  gap: 13px;
  align-items: start;
  margin-top: 30px;
  padding: 18px;
  border: 1px solid #ffffff1c;
}

.consent-row input { width: 17px; height: 17px; accent-color: var(--orka-orange); }
.consent-row span { margin: 0 !important; color: #aaa9a3 !important; font-size: 9px !important; letter-spacing: .1em !important; line-height: 1.55; }
.privacy-note { margin-top: 18px !important; color: #646761; font-size: 7px; font-weight: 900; letter-spacing: .15em; line-height: 1.5; text-transform: uppercase; }
.brief-submit-message { margin: 20px 0 0 !important; padding: 15px 17px; border-left: 2px solid var(--orka-orange); background: #ff4b180c; color: #bbb8af; font-size: 11px; line-height: 1.55; }
.brief-submit-message strong,
.brief-submit-message a { color: var(--orka-orange); }

.brief-navigation {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 22px;
  border-top: 1px solid #ffffff1b;
}

.brief-navigation button,
.brief-summary > button {
  min-height: 52px;
  padding: 0 19px;
  border: 0;
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.brief-back { background: transparent; color: #858780; }
.brief-next,
.brief-summary > button { min-width: 190px; background: var(--orka-orange); color: #070807; }
.brief-next span { margin-left: 30px; }
.brief-navigation button:disabled { cursor: not-allowed; opacity: .28; }

.brief-summary { min-height: 620px; animation: step-in .4s ease both; }
.summary-heading { display: flex; gap: 20px; align-items: center; }
.summary-heading > span { display: grid; flex: 0 0 auto; place-items: center; width: 48px; height: 48px; border: 1px solid var(--orka-orange); border-radius: 50%; color: var(--orka-orange); }
.brief-summary h3 { margin-top: 5px; font-size: clamp(25px, 3vw, 43px); text-transform: uppercase; }
.summary-lead { max-width: 680px; margin-top: 34px !important; color: #aaa9a3; font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.55; }
.summary-lead strong { color: var(--orka-orange); }
.brief-summary dl { margin: 36px 0 0; border-top: 1px solid #ffffff25; }
.brief-summary dl > div { display: grid; grid-template-columns: 160px 1fr; gap: 18px; padding: 15px 0; border-bottom: 1px solid #ffffff1c; }
.brief-summary dt,
.brief-summary dd { margin: 0; font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.5; text-transform: uppercase; }
.brief-summary dt { color: #74766f; }
.brief-summary dd { color: #d4d1c8; }
.brief-summary > button { margin-top: 30px; }

@media (max-width: 1100px) {
  .system-selector { grid-template-columns: repeat(3, 1fr); }
  .system-stage-copy { width: 70%; }
  .choice-grid { grid-template-columns: repeat(3, 1fr); }
  .shop-collection-banner { grid-template-columns: 1fr; }
  .shop-collection-visual { min-height: 520px; }
  .shop-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .hero-environment { object-position: 58% center; opacity: .67; }
  .hero-atmosphere { background: linear-gradient(90deg, #050605e9, #05060572), radial-gradient(circle at 68% 62%, #ff3f0a1c, transparent 40%); }
  .system-selector { grid-template-columns: repeat(2, 1fr); margin-top: 45px; }
  .system-selector button { min-height: 104px; }
  .system-stage { min-height: 650px; }
  .system-stage > img { object-position: 64% center; }
  .system-stage-shade { background: linear-gradient(90deg, #050605ed, #05060569), linear-gradient(0deg, #050605ec, transparent 62%); }
  .system-stage-copy { width: 100%; padding: 64px 22px 100px; }
  .system-stage-copy h3 { font-size: clamp(68px, 24vw, 110px); }
  .system-stage-copy dl > div { grid-template-columns: 94px 1fr; }
  .system-stage-code { left: 22px; right: auto; }
  .system-stage-actions { align-items: stretch; flex-direction: column; }
  .system-stage-actions button { width: 100%; }
  .naming-note { grid-template-columns: 1fr; gap: 8px; }
  .shop-categories { grid-template-columns: 1fr; }
  .shop-categories button { min-height: 58px; justify-content: flex-start; border-right: 0; border-bottom: 1px solid #ffffff26; }
  .shop-categories button:last-child { border-bottom: 0; }
  .shop-collection-banner { margin-top: 28px; }
  .shop-collection-visual { min-height: 360px; }
  .shop-collection-shade { background: linear-gradient(0deg, #050605e3 0%, transparent 48%); }
  .shop-collection-copy { padding: 34px 20px; }
  .shop-toolbar { grid-template-columns: 1fr; }
  .shop-filter-row > span { width: 100%; margin: 8px 0 0; }
  .shop-product-grid { grid-template-columns: 1fr; }
  .shop-product-card-copy { min-height: 260px; padding: 22px; }
  .guided-panel { min-height: auto; }
  .brief-step { min-height: 430px; }
  .brief-fields.two-column { grid-template-columns: 1fr; }
  .brief-fields label.wide,
  .brief-fields .brief-select-field.wide { grid-column: auto; }
  .choice-grid,
  .position-grid { grid-template-columns: 1fr 1fr; }
  .unit-choice-grid { grid-template-columns: 1fr 1fr; }
  .scope-brand-grid { grid-template-columns: 1fr 1fr; }
  .three-up { grid-template-columns: 1fr; }
  .distance-fields { grid-template-columns: 1fr; }
  .distance-fields > i { display: none; }
  .brief-navigation { align-items: stretch; flex-direction: column-reverse; }
  .brief-navigation button { width: 100%; }
  .brief-summary dl > div { grid-template-columns: 1fr; gap: 4px; }
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid #ffffff25;
  background: #ffffff08;
}
.language-switcher button {
  display: grid;
  width: 31px;
  height: 27px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  filter: grayscale(.55) brightness(.72);
  transition: border-color .2s, background .2s, filter .2s, transform .2s;
}
.language-switcher button span { font-size: 17px; line-height: 1; }
.language-switcher button:hover { filter: grayscale(0) brightness(1); }
.language-switcher button[aria-pressed="true"] { border-color: var(--orka-orange); background: #ff3f0a12; filter: none; }
.language-switcher button:focus-visible { outline: 2px solid var(--orka-orange); outline-offset: 3px; }

@media (max-width: 780px) {
  .language-switcher { gap: 1px; padding: 2px; }
  .language-switcher button { width: 27px; height: 25px; }
  .language-switcher button span { font-size: 15px; }
  .prototype-actions { gap: 10px; }
}

@media (max-width: 980px) {
  .prototype-header { grid-template-columns: 1fr auto; min-height: 68px; padding: 0 18px; }
  .prototype-brand { width: 112px; }
  .menu-toggle { display: block; }
  .prototype-nav { position: absolute; top: 68px; left: 0; right: 0; display: none; align-items: stretch; padding: 18px; border-bottom: 1px solid #ffffff1c; background: #050605fa; }
  .prototype-nav.open { display: grid; }
  .prototype-nav button { padding: 13px 0; text-align: left; }
  .prototype-nav button.active::after { right: auto; width: 34px; }
  .prototype-actions { gap: 12px; }
  .prototype-sound-word { display: none; }
}

/* 2026 cinematic page pass: translated from the nine owner-supplied references. */
.prototype-header {
  grid-template-columns: clamp(150px, 12vw, 205px) 1fr auto;
  min-height: 88px;
  padding-inline: clamp(24px, 3vw, 54px);
  background: rgba(2, 3, 3, .96);
  box-shadow: 0 14px 42px rgba(0, 0, 0, .22);
}

.prototype-brand { width: clamp(126px, 10vw, 156px); }
.prototype-nav { gap: clamp(14px, 1.9vw, 32px); }
.prototype-nav button,
.prototype-sound-toggle { font-size: clamp(8px, .64vw, 10px); }
.prototype-actions { gap: clamp(12px, 1.4vw, 23px); }
.header-cta { min-height: 48px; padding-inline: clamp(16px, 1.5vw, 25px); }

.prototype-hero {
  min-height: calc(100svh - 115px);
  overflow: hidden;
}

.hero-environment {
  opacity: .96;
  filter: saturate(.82) contrast(1.04);
  object-position: center 52%;
}

.hero-atmosphere {
  background:
    radial-gradient(circle at 71% 17%, rgba(69, 132, 105, .13), transparent 29%),
    linear-gradient(110deg, rgba(2, 3, 3, .96) 0%, rgba(2, 3, 3, .87) 30%, rgba(2, 3, 3, .18) 65%, transparent 82%);
}

.hero-shade {
  background:
    linear-gradient(90deg, #020303 0%, rgba(2, 3, 3, .94) 32%, rgba(2, 3, 3, .58) 51%, rgba(2, 3, 3, .08) 76%),
    linear-gradient(0deg, rgba(2, 3, 3, .9) 0%, transparent 42%);
}

.hero-copy {
  width: min(760px, 58vw);
  padding: clamp(90px, 12vh, 150px) 5vw clamp(112px, 15vh, 175px);
}

.hero-copy h1 {
  margin-top: clamp(24px, 3vh, 38px);
  font-size: clamp(58px, 7.55vw, 122px);
  line-height: .79;
}

.hero-body {
  max-width: 660px;
  font-size: clamp(18px, 1.45vw, 24px);
  color: #d3cfc6;
  text-wrap: balance;
}

.hero-principle { color: #c1bdb4; }

.proof-section {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 720px) minmax(160px, 1fr);
  align-content: end;
  min-height: clamp(820px, 100svh, 980px);
  overflow: hidden;
  background: #090909;
}

.proof-environment,
.proof-shade {
  position: absolute;
  inset: 0;
}

.proof-environment {
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.87) contrast(1.03);
}

.proof-shade {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(3, 4, 4, .96) 0%, rgba(3, 4, 4, .91) 29%, rgba(3, 4, 4, .32) 57%, rgba(3, 4, 4, .05) 82%),
    linear-gradient(0deg, rgba(3, 4, 4, .9) 0%, transparent 55%);
}

.proof-heading {
  grid-column: 1;
  align-self: center;
  max-width: 690px;
}

.proof-heading h2 {
  margin-top: 25px;
  font-size: clamp(54px, 5.8vw, 96px);
  font-weight: 810;
  letter-spacing: -.065em;
  line-height: .86;
  text-wrap: balance;
}

.proof-heading > p:not(.eyebrow) {
  max-width: 600px;
  margin-top: 24px;
  color: #e0dcd3;
  font-size: clamp(17px, 1.22vw, 20px);
}

.proof-evidence {
  grid-column: 1;
  max-width: 690px;
  margin-top: clamp(35px, 5vh, 66px);
  padding: 22px 24px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .25);
}

.proof-evidence > p {
  color: #c3c0b8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.58;
}

.proof-footnote { color: #8e908a; }

.proof-stats {
  grid-column: 1 / -1;
  margin-top: clamp(32px, 5vh, 60px);
  background: rgba(2, 3, 3, .68);
  backdrop-filter: blur(12px);
}

.system-section {
  padding-inline: 0;
  background: #050605;
}

.system-section > .section-heading,
.system-section > .system-promise,
.system-section > .buyback-panel {
  margin-inline: 5vw;
}

.case-visual {
  min-height: clamp(610px, 63vw, 850px);
  margin-top: clamp(55px, 7vw, 95px);
  border-inline: 0;
  isolation: isolate;
  background: #080909;
}

.case-visual::before,
.case-visual::after { content: none; }

.case-visual img.case-environment {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: saturate(.72) contrast(1.05);
  transform: none;
}

.case-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(3, 4, 4, .93) 0%, rgba(3, 4, 4, .5) 36%, transparent 68%),
    linear-gradient(0deg, rgba(3, 4, 4, .72) 0%, transparent 57%);
}

.case-copy {
  left: clamp(28px, 6.4vw, 108px);
  top: clamp(42px, 8vw, 105px);
  max-width: 790px;
}

.case-copy span { color: #d0cdc5; }
.case-copy strong {
  margin-top: 22px;
  font-size: clamp(32px, 4vw, 66px);
  letter-spacing: -.045em;
  line-height: .98;
}

.case-coordinate { right: clamp(24px, 5vw, 84px); bottom: clamp(23px, 4vw, 58px); }

.system-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.system-list details {
  border-right: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: #050605;
}

.system-list summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 28px;
  gap: 18px;
  align-items: start;
  min-height: 132px;
  padding: clamp(24px, 2.4vw, 39px) clamp(21px, 3.2vw, 54px);
  cursor: pointer;
  list-style: none;
}

.system-list summary::-webkit-details-marker { display: none; }
.system-list summary > span { color: var(--orka-orange); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.system-list summary h3 { font-size: clamp(21px, 2.1vw, 34px); line-height: 1.08; }
.system-list summary b { color: #8c8e88; font-size: 24px; font-weight: 300; line-height: 1; transition: transform .2s ease, color .2s ease; }
.system-list details[open] summary b { color: var(--orka-orange); transform: rotate(45deg); }
.system-list details > p {
  max-width: 760px;
  padding: 0 clamp(28px, 3.2vw, 54px) clamp(28px, 3.5vw, 52px) calc(48px + 18px + clamp(21px, 3.2vw, 54px));
  color: #b2b1aa;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.62;
}
.system-list summary:hover h3 { color: var(--orka-orange); }
.system-list summary:focus-visible { outline: 2px solid var(--orka-orange); outline-offset: -4px; }

.commissions-section {
  padding-inline: 0;
  padding-bottom: 0;
  background: #050605;
}

.commissions-section > .section-heading,
.commissions-section > .system-selector,
.commissions-section > .naming-note {
  margin-inline: 5vw;
}

.system-selector { margin-top: clamp(46px, 6vw, 78px); }
.system-selector button { min-height: 126px; }
.system-selector button:focus-visible { position: relative; z-index: 2; outline: 2px solid #fff; outline-offset: -4px; }

.system-stage {
  min-height: clamp(760px, 91svh, 980px);
  border-inline: 0;
  border-bottom-color: rgba(255, 255, 255, .13);
}

.system-stage > img {
  object-position: center;
  filter: saturate(.9) contrast(1.03);
}

.system-stage-shade {
  background:
    linear-gradient(90deg, rgba(2, 3, 3, .98) 0%, rgba(2, 3, 3, .91) 31%, rgba(2, 3, 3, .37) 54%, rgba(2, 3, 3, .06) 74%),
    linear-gradient(0deg, rgba(2, 3, 3, .92) 0%, transparent 48%);
}

.system-stage-copy {
  width: min(750px, 56%);
  padding: clamp(86px, 11vh, 135px) clamp(32px, 5vw, 84px) 110px;
}

.system-stage-copy h3 {
  font-size: clamp(88px, 11.7vw, 190px);
  line-height: .76;
}

.system-stage-copy > p:not(.eyebrow) {
  max-width: 640px;
  color: #e0dcd2;
  font-size: clamp(18px, 1.45vw, 23px);
}

.system-stage-copy dl { max-width: 660px; }
.system-stage-copy dl > div { grid-template-columns: 128px 1fr; padding-block: 15px; }
.system-stage-actions .solid-action,
.system-stage-actions .buy-action { min-height: 62px; padding-inline: 22px; }
.system-stage-code { max-width: 46vw; text-align: right; line-height: 1.55; }
.naming-note { margin-bottom: 0; }

@media (max-width: 1100px) {
  .proof-section { grid-template-columns: minmax(0, 650px) minmax(80px, 1fr); }
  .system-stage-copy { width: 68%; }
}

@media (max-width: 980px) {
  .prototype-header { grid-template-columns: 1fr auto; min-height: 68px; padding-inline: 18px; }
  .prototype-hero { min-height: calc(100svh - 95px); }
  .hero-copy { width: min(720px, 77vw); }
  .proof-section { grid-template-columns: minmax(0, 1fr); min-height: 930px; }
  .proof-environment { object-position: 62% center; }
  .proof-heading,
  .proof-evidence { max-width: min(650px, 80vw); }
  .case-visual { min-height: 690px; }
  .case-visual img.case-environment { object-position: 58% center; }
  .system-list { grid-template-columns: 1fr; }
  .system-stage { min-height: 870px; }
  .system-stage-copy { width: 76%; }
  .system-stage-code { max-width: 60vw; }
}

@media (max-width: 780px) {
  .hero-environment { object-position: 68% center; opacity: .83; }
  .hero-atmosphere { background: linear-gradient(90deg, rgba(2, 3, 3, .94) 0%, rgba(2, 3, 3, .72) 66%, rgba(2, 3, 3, .33)); }
  .hero-copy { width: 100%; padding: 86px 20px 126px; }
  .hero-copy h1 { font-size: clamp(52px, 16vw, 82px); }
  .hero-body { max-width: min(92%, 560px); font-size: 17px; }
  .hero-principle { bottom: 24px; }

  .proof-section { min-height: 990px; padding: 82px 20px 58px; }
  .proof-environment { object-position: 69% center; opacity: .86; }
  .proof-shade {
    background:
      linear-gradient(90deg, rgba(3, 4, 4, .96) 0%, rgba(3, 4, 4, .76) 74%, rgba(3, 4, 4, .42)),
      linear-gradient(0deg, rgba(3, 4, 4, .95) 0%, transparent 60%);
  }
  .proof-heading,
  .proof-evidence { max-width: 100%; }
  .proof-heading h2 { font-size: clamp(48px, 13.6vw, 72px); }
  .proof-evidence { padding-right: 0; }
  .proof-stats { grid-template-columns: 1fr; background: rgba(2, 3, 3, .78); }

  .system-section > .section-heading,
  .system-section > .system-promise,
  .system-section > .buyback-panel,
  .commissions-section > .section-heading,
  .commissions-section > .system-selector,
  .commissions-section > .naming-note { margin-inline: 20px; }

  .case-visual { min-height: 650px; margin-top: 48px; }
  .case-visual img.case-environment { left: 0; width: 100%; object-position: 65% center; }
  .case-shade { background: linear-gradient(90deg, rgba(3, 4, 4, .92), rgba(3, 4, 4, .45)), linear-gradient(0deg, rgba(3, 4, 4, .88), transparent 60%); }
  .case-copy { left: 20px; right: 20px; top: 45px; }
  .case-copy strong { font-size: clamp(34px, 10.5vw, 54px); }
  .case-coordinate { left: 20px; right: auto; }

  .system-list summary { grid-template-columns: 38px minmax(0, 1fr) 22px; min-height: 112px; padding: 24px 20px; }
  .system-list details > p { padding: 0 20px 30px calc(20px + 38px + 18px); font-size: 16px; }

  .system-selector { margin-top: 42px; }
  .system-selector button { min-height: 108px; }
  .system-stage { min-height: 860px; }
  .system-stage > img { object-position: 67% center; }
  .system-stage-shade { background: linear-gradient(90deg, rgba(2, 3, 3, .94), rgba(2, 3, 3, .48)), linear-gradient(0deg, rgba(2, 3, 3, .98) 0%, rgba(2, 3, 3, .55) 62%, transparent 100%); }
  .system-stage-copy { width: 100%; padding: 74px 20px 118px; }
  .system-stage-copy h3 { font-size: clamp(70px, 22vw, 110px); }
  .system-stage-copy > p:not(.eyebrow) { max-width: 580px; font-size: 18px; }
  .system-stage-copy dl > div { grid-template-columns: 94px 1fr; gap: 14px; }
  .system-stage-code { left: 20px; right: 20px; max-width: none; text-align: left; }
}

@media (max-width: 520px) {
  .prototype-actions { gap: 8px; }
  .prototype-sound-toggle { width: 28px; justify-content: center; }
  .hero-links { align-items: stretch; flex-direction: column; gap: 12px; }
  .hero-links .solid-action { width: 100%; }
  .proof-section { min-height: 1080px; }
  .proof-heading h2 { font-size: clamp(43px, 13.8vw, 65px); }
  .proof-stats strong { font-size: 46px; }
  .case-visual { min-height: 590px; }
  .system-selector { grid-template-columns: 1fr 1fr; }
  .system-selector strong { font-size: 18px; }
  .system-stage { min-height: 920px; }
  .system-stage-copy dl > div { grid-template-columns: 1fr; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .system-list summary b,
  .system-stage > img { animation: none; transition: none; }
}

/* Readability and assistive-technology pass for the private review. */
.prototype-notice,
.eyebrow { font-size: 12px; }

.prototype-nav button,
.prototype-sound-toggle,
.header-cta,
.solid-action,
.buy-action,
.form-footer button,
.preview-success button { font-size: 12px; }

.system-selector span,
.system-selector small,
.system-list summary > span,
.system-list li > span,
.case-copy span,
.case-coordinate,
.hero-index,
.hero-principle,
.target-label,
.proof-stats small,
.proof-stats span,
.proof-stats > p,
.commission-image span,
.commission-card small,
.process-list span,
.founder-photo figcaption span,
.founder-photo figcaption b,
.founder-photo figcaption a,
.founder-handles,
.note-visual span,
.note-visual b,
.journal-grid .note-byline,
.contact-intro > a,
.form-footer p,
.shop-product-media > small,
.shop-product-card-copy footer small,
.prototype-footer-links { font-size: 12px; }

.founder-handles,
.journal-grid .note-byline { font-size: 12px !important; }

.system-stage-copy dt,
.system-stage-copy dd,
.contact-panel label span,
.guided-panel label > span,
.brief-select-field > span,
.field-question,
.brief-summary dt,
.brief-summary dd { font-size: 12px; }

.system-stage-code {
  padding: 7px 9px;
  background: rgba(2, 3, 3, .72);
  color: #f0ece2;
  font-size: 12px;
  letter-spacing: .14em;
}

.text-action,
.text-link,
.naming-note span,
.naming-note p,
.brief-progress > div,
.ai-prompt small,
.orka-select-menu > button,
.optic-disclaimer,
.adaptive-note,
.choice-grid button,
.shop-categories button span,
.distance-fields b,
.brief-submit-message,
.brief-navigation button,
.brief-summary > button { font-size: 12px; }

.consent-row span { font-size: 12px !important; }
.privacy-note { font-size: 12px; }

@media (max-width: 1180px) {
  .prototype-header { grid-template-columns: 1fr auto; min-height: 68px; padding-inline: 18px; }
  .prototype-brand { width: 112px; }
  .menu-toggle { display: block; }
  .prototype-nav {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    display: none;
    align-items: stretch;
    padding: 18px;
    border-bottom: 1px solid #ffffff1c;
    background: #050605fa;
  }
  .prototype-nav.open { display: grid; }
  .prototype-nav button { padding: 13px 0; text-align: left; }
  .prototype-nav button.active::after { right: auto; width: 34px; }
  .prototype-actions { gap: 12px; }
  .prototype-sound-word { display: none; }
}

/* 2026-09-09 condensed review pass: full artwork at standard zoom. */
.section-frame {
  padding-block: clamp(64px, 7vw, 104px);
}

.section-heading h2,
.contact-intro h2 {
  font-size: clamp(34px, 4.5vw, 64px);
  line-height: .94;
}

.prototype-hero {
  min-height: clamp(640px, 82svh, 820px);
}

.hero-copy {
  width: min(690px, 55vw);
  padding-top: clamp(72px, 9vh, 104px);
  padding-bottom: clamp(82px, 10vh, 118px);
}

.hero-copy h1 {
  margin-top: 22px;
  font-size: clamp(46px, 6.2vw, 94px);
  line-height: .82;
}

.hero-body {
  max-width: 590px;
  margin-top: 28px !important;
  font-size: clamp(16px, 1.15vw, 19px);
}

.hero-links { margin-top: 32px; }

.proof-section {
  min-height: 0;
  aspect-ratio: 1670 / 941;
  padding-block: clamp(54px, 5vw, 84px);
}

.proof-heading h2 {
  margin-top: 20px;
  font-size: clamp(40px, 4.5vw, 70px);
  line-height: .88;
}

.proof-heading > p:not(.eyebrow) {
  margin-top: 20px;
  font-size: clamp(16px, 1.05vw, 18px);
}

.proof-evidence {
  margin-top: clamp(24px, 3.2vh, 40px);
  padding-top: 18px;
}

.proof-stats {
  margin-top: clamp(24px, 3.2vh, 40px);
}

.proof-stats div { padding-block: 24px 28px; }
.proof-stats strong { font-size: clamp(34px, 4vw, 58px); }

.system-section {
  padding-top: clamp(58px, 6vw, 90px);
  padding-bottom: 0;
}

.case-visual {
  min-height: 0;
  aspect-ratio: 1672 / 941;
  margin-top: clamp(42px, 5vw, 68px);
}

.case-copy strong {
  margin-top: 18px;
  font-size: clamp(28px, 3.2vw, 48px);
}

.system-list summary {
  min-height: 104px;
  padding-block: clamp(20px, 1.8vw, 28px);
}

.system-list summary h3 { font-size: clamp(19px, 1.7vw, 28px); }
.system-promise { padding-block: clamp(48px, 5vw, 66px); }
.system-promise h3 { font-size: clamp(28px, 3.5vw, 48px); }
.buyback-panel h3 { font-size: clamp(26px, 2.5vw, 38px); }

.commissions-section {
  padding-top: clamp(42px, 4.5vw, 64px);
}

.system-selector { margin-top: clamp(32px, 3.5vw, 48px); }
.system-selector button { min-height: 94px; }

.system-stage {
  min-height: 0;
  aspect-ratio: 1672 / 941;
}

.system-stage-copy {
  width: min(700px, 54%);
  padding-top: clamp(56px, 7vh, 88px);
  padding-bottom: clamp(58px, 7vh, 88px);
}

.system-stage-copy h3 {
  font-size: clamp(58px, 8vw, 118px);
  line-height: .8;
}

.system-stage-copy > p:not(.eyebrow) {
  margin-top: 22px;
  font-size: clamp(16px, 1.15vw, 19px);
}

.system-stage-copy dl { margin-block: 28px; }
.system-stage-copy dl > div { padding-block: 11px; }
.system-stage-actions .solid-action,
.system-stage-actions .buy-action { min-height: 54px; }

.shop-collection-copy h3 { font-size: clamp(32px, 4vw, 54px); }

@media (max-width: 1180px) {
  .prototype-hero {
    min-height: 660px;
  }

  .hero-copy {
    width: min(650px, 82vw);
    padding: 70px clamp(20px, 5vw, 60px) 96px;
  }

  .hero-copy h1 {
    font-size: clamp(42px, 8.2vw, 66px);
  }

  .hero-body { font-size: 16px; }

  .proof-section {
    display: block;
    min-height: 0;
    aspect-ratio: auto;
    padding: 0 0 48px;
    overflow: visible;
  }

  .proof-environment {
    position: relative;
    inset: auto;
    z-index: auto;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1670 / 941;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transform: none;
  }

  .proof-shade { display: none; }

  .proof-heading,
  .proof-evidence,
  .proof-stats {
    max-width: none;
    margin-inline: clamp(20px, 5vw, 60px);
  }

  .proof-heading { margin-top: 40px; }

  .proof-heading h2 {
    font-size: clamp(36px, 7.4vw, 58px);
    line-height: .9;
  }

  .proof-evidence { margin-top: 28px; padding-right: 0; }
  .proof-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 30px;
  }

  .system-section {
    padding-top: 52px;
    padding-bottom: 0;
  }

  .case-visual {
    display: flex;
    min-height: 0;
    aspect-ratio: auto;
    flex-direction: column;
    margin-top: 38px;
    overflow: visible;
  }

  .case-visual img.case-environment {
    position: relative;
    inset: auto;
    z-index: auto;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transform: none;
  }

  .case-shade { display: none; }

  .case-copy {
    position: relative;
    inset: auto;
    z-index: auto;
    max-width: none;
    padding: 34px clamp(20px, 5vw, 60px) 24px;
    background: #050605;
  }

  .case-copy strong {
    font-size: clamp(28px, 6.4vw, 42px);
    line-height: 1;
  }

  .case-coordinate {
    position: relative;
    inset: auto;
    z-index: auto;
    margin: 0 clamp(20px, 5vw, 60px) 28px;
  }

  .commissions-section {
    padding-top: 42px;
  }

  .system-selector button { min-height: 88px; }

  .system-stage {
    display: flex;
    min-height: 0;
    aspect-ratio: auto;
    flex-direction: column;
    overflow: visible;
    background: #050605;
  }

  .system-stage > img {
    position: relative;
    inset: auto;
    z-index: auto;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    object-position: center;
    transform: none;
    animation: none;
  }

  .system-stage-shade { display: none; }

  .system-stage-copy {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 38px clamp(20px, 5vw, 60px) 28px;
  }

  .system-stage-copy h3 {
    font-size: clamp(48px, 10vw, 72px);
    line-height: .84;
  }

  .system-stage-copy > p:not(.eyebrow) {
    max-width: 640px;
    margin-top: 18px;
    font-size: 16px;
  }

  .system-stage-copy dl { max-width: none; margin-block: 26px; }
  .system-stage-copy dl > div { grid-template-columns: 110px 1fr; }

  .system-stage-code {
    position: relative;
    inset: auto;
    max-width: none;
    margin: 0 clamp(20px, 5vw, 60px) 24px;
    text-align: left;
  }
}

@media (max-width: 620px) {
  .prototype-hero { min-height: 610px; }
  .hero-copy { padding-top: 58px; padding-bottom: 78px; }
  .hero-copy h1 { font-size: clamp(38px, 11.5vw, 54px); }
  .hero-links { gap: 18px; margin-top: 26px; }

  .proof-heading h2 { font-size: clamp(34px, 9.4vw, 48px); }
  .proof-stats { grid-template-columns: 1fr; }
  .proof-stats div { padding-inline: 0; }
  .proof-stats div + div { padding-left: 0; }

  .system-section > .section-heading,
  .system-section > .system-promise,
  .system-section > .buyback-panel,
  .commissions-section > .section-heading,
  .commissions-section > .system-selector,
  .commissions-section > .naming-note {
    margin-inline: 20px;
  }

  .system-list summary { min-height: 96px; }
  .system-selector button { min-height: 82px; }
  .system-stage-copy h3 { font-size: clamp(44px, 14vw, 62px); }
  .system-stage-copy dl > div { grid-template-columns: 1fr; gap: 5px; }
}

/* Proof reading layout: complete copy + uncropped artwork + compact evidence. */
.proof-section {
  display: block;
  min-height: 0;
  aspect-ratio: auto;
  padding: clamp(52px, 5vw, 76px) 5vw clamp(44px, 4.5vw, 68px);
  overflow: visible;
  background: #050605;
  scroll-margin-top: 100px;
}

.proof-layout {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(500px, 1.06fr);
  grid-template-areas: "copy artwork";
  gap: clamp(38px, 4.5vw, 72px);
  align-items: center;
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
}

.proof-artwork {
  grid-area: artwork;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  background: #090909;
}

.proof-environment {
  position: relative;
  inset: auto;
  z-index: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1670 / 941;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: saturate(.87) contrast(1.03);
  transform: none;
}

.proof-shade { display: none; }

.proof-copy {
  grid-area: copy;
  min-width: 0;
}

.proof-heading {
  grid-column: auto;
  align-self: auto;
  max-width: 690px;
  margin: 0;
}

.proof-heading h2 {
  margin-top: 18px;
  font-size: clamp(36px, 3.25vw, 52px);
  line-height: .92;
}

.proof-heading > p:not(.eyebrow) {
  max-width: 660px;
  margin-top: 20px;
  color: #dedad1;
  font-size: 16px;
  line-height: 1.52;
}

.proof-evidence {
  grid-column: auto;
  max-width: 690px;
  margin: clamp(25px, 2.4vw, 36px) 0 0;
  padding: 21px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .24);
}

.proof-evidence > p {
  color: #c8c5bc;
  font-size: 16px;
  line-height: 1.52;
}

.proof-footnote {
  max-width: 680px;
  margin-top: 14px;
  color: #92948d;
  font-size: 13px;
  line-height: 1.5;
}

.proof-stats {
  grid-column: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 1720px;
  margin: clamp(32px, 3vw, 46px) auto 0;
  background: #080908;
  backdrop-filter: none;
}

.proof-stats div {
  min-width: 0;
  padding: 18px clamp(18px, 2.2vw, 34px) 21px;
}

.proof-stats div + div { padding-left: clamp(18px, 2.2vw, 34px); }

.proof-stats small {
  top: 13px;
  right: 13px;
}

.proof-stats strong {
  font-size: clamp(28px, 2.5vw, 40px);
  line-height: 1;
}

.proof-stats span {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.proof-stats > p {
  padding: 12px 0;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .proof-section {
    padding: 0 0 46px;
    scroll-margin-top: 80px;
  }

  .proof-layout {
    display: flex;
    max-width: none;
    flex-direction: column;
    gap: 0;
  }

  .proof-artwork {
    width: 100%;
    border-inline: 0;
  }

  .proof-copy {
    width: 100%;
    padding: 38px clamp(20px, 5vw, 60px) 0;
  }

  .proof-heading,
  .proof-evidence {
    max-width: 760px;
    margin-inline: 0;
  }

  .proof-heading { margin-top: 0; }

  .proof-heading h2 {
    font-size: clamp(34px, 6.6vw, 54px);
  }

  .proof-stats {
    margin: 30px clamp(20px, 5vw, 60px) 0;
    width: auto;
  }
}

@media (max-width: 620px) {
  .proof-copy { padding-top: 32px; }
  .proof-heading h2 { font-size: clamp(32px, 9vw, 45px); }
  .proof-stats { grid-template-columns: 1fr; }
  .proof-stats div,
  .proof-stats div + div { padding: 18px 0 20px; }
  .proof-stats strong { font-size: 32px; }
}

/* Owner feedback pass: cinematic Proof, open System, compact process timeline. */
.proof-section {
  padding: 0;
  overflow: visible;
  background: #050605;
}

.proof-layout {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: max(820px, 56.35vw);
  max-width: none;
  align-items: center;
  margin: 0;
  padding: clamp(58px, 6vw, 96px) 5vw;
  overflow: hidden;
}

.proof-layout::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 3, 3, .99) 0%, rgba(2, 3, 3, .97) 28%, rgba(2, 3, 3, .87) 41%, rgba(2, 3, 3, .52) 57%, rgba(2, 3, 3, .13) 76%, rgba(2, 3, 3, .03) 100%),
    linear-gradient(0deg, rgba(2, 3, 3, .6) 0%, transparent 34%, rgba(2, 3, 3, .14) 100%);
}

.proof-artwork {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  border: 0;
  background: #050605;
}

.proof-environment {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}

.proof-copy {
  position: relative;
  z-index: 1;
  width: min(690px, 49vw);
}

.proof-heading h2 { font-size: clamp(38px, 3.65vw, 58px); }

.proof-stats {
  max-width: none;
  margin: 0;
  padding-inline: 5vw;
  background: #050605;
}

.system-list > .system-list-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  min-height: 172px;
  padding: clamp(25px, 2.6vw, 42px) clamp(22px, 3.2vw, 54px);
  border-right: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: #050605;
}

.system-list > .system-list-item > .system-list-index {
  color: var(--orka-orange);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.system-list-item h3 {
  font-size: clamp(20px, 1.75vw, 29px);
  line-height: 1.08;
  text-transform: uppercase;
}

.system-list-item p {
  max-width: 660px;
  margin-top: 15px;
  color: #aaa9a2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.58;
}

.process-section {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(52px, 8vw, 132px);
  align-items: start;
  padding-block: clamp(64px, 7vw, 104px);
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 63, 10, .055), transparent 30%),
    linear-gradient(155deg, #050605 36%, #0a0d0a 100%);
}

.process-intro-panel {
  position: sticky;
  top: 118px;
}

.process-intro-panel .section-heading h2 {
  max-width: 620px;
  font-size: clamp(38px, 4vw, 62px);
}

.process-cta { margin-top: 36px; }

.process-timeline {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.process-timeline::before {
  content: "";
  position: absolute;
  left: 25px;
  top: 28px;
  bottom: 28px;
  width: 1px;
  background: linear-gradient(var(--orka-orange), rgba(255, 63, 10, .18));
}

.process-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 24px;
  padding: 0 0 26px;
}

.process-timeline li:last-child { padding-bottom: 0; }

.process-timeline > li > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid var(--orka-orange);
  border-radius: 50%;
  background: #050605;
  color: var(--orka-orange);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
}

.process-timeline article {
  padding: 23px clamp(24px, 3vw, 44px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-left: 2px solid rgba(255, 63, 10, .72);
  background: linear-gradient(120deg, rgba(255, 255, 255, .035), transparent 72%);
}

.process-timeline h3 {
  font-size: clamp(23px, 2.2vw, 34px);
  line-height: 1;
  text-transform: uppercase;
}

.process-timeline p {
  max-width: 760px;
  margin-top: 14px;
  color: #aaa9a2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.62;
}

@media (max-width: 1180px) {
  .proof-layout {
    min-height: 0;
    flex-direction: column;
    padding: 0;
    overflow: visible;
  }

  .proof-layout::after { display: none; }

  .proof-artwork {
    position: relative;
    inset: auto;
    z-index: auto;
    height: auto;
    border: 0;
  }

  .proof-environment {
    position: relative;
    inset: auto;
    display: block;
    height: auto;
    aspect-ratio: 1670 / 941;
    object-fit: contain;
  }

  .proof-copy {
    width: 100%;
    padding: 38px clamp(20px, 5vw, 60px) 0;
  }

  .proof-stats {
    width: auto;
    margin: 30px clamp(20px, 5vw, 60px) 0;
    padding-inline: 0;
  }
}

@media (max-width: 900px) {
  .process-section {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .process-intro-panel { position: static; }
}

@media (max-width: 780px) {
  .system-list > .system-list-item {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 26px 20px;
  }
}

@media (max-width: 620px) {
  .process-timeline::before { left: 20px; }

  .process-timeline li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
  }

  .process-timeline > li > span {
    width: 42px;
    height: 42px;
  }

  .process-timeline article { padding: 21px 18px; }
}

@media (max-height: 760px) and (min-width: 901px) {
  .process-intro-panel { position: static; }
}

/* Local owner-review motion layer. Continuous background music is intentionally absent. */
.orka-motion-scene { --motion-orange: #ff3f0a; }

.hero-environment { z-index: -4; }
.hero-aurora-motion {
  position: absolute;
  inset: -20% -10% 26% 32%;
  z-index: -3;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .86;
  transform: rotate(-5deg);
  -webkit-mask-image: linear-gradient(to bottom, #000 0 58%, rgba(0, 0, 0, .72) 75%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0 58%, rgba(0, 0, 0, .72) 75%, transparent 100%);
  isolation: isolate;
}

.hero-aurora-motion::before {
  position: absolute;
  inset: 8% -10% 18% 0;
  background:
    radial-gradient(ellipse at 42% 16%, rgba(92, 238, 163, .25), transparent 48%),
    radial-gradient(ellipse at 77% 12%, rgba(121, 102, 197, .13), transparent 44%);
  filter: blur(30px);
  content: "";
  animation: orka-aurora-crown 19s ease-in-out infinite alternate;
}

.hero-aurora-motion i {
  position: absolute;
  top: -4%;
  bottom: -12%;
  left: 5%;
  width: 15%;
  border-radius: 48% 54% 62% 36%;
  opacity: .12;
  transform-origin: 50% 0;
  background:
    linear-gradient(to bottom, rgba(174, 255, 213, .08) 0%, rgba(96, 242, 164, .72) 25%, rgba(73, 201, 151, .32) 58%, rgba(65, 142, 126, .06) 82%, transparent 100%),
    repeating-linear-gradient(92deg, transparent 0 8%, rgba(211, 255, 229, .18) 10% 12%, transparent 14% 22%);
  filter: blur(10px) saturate(1.3);
  will-change: transform, opacity, filter;
  animation:
    orka-aurora-curtain 10.8s cubic-bezier(.42, 0, .22, 1) infinite alternate,
    orka-aurora-pulse 5.4s ease-in-out infinite alternate;
}

.hero-aurora-motion i:nth-child(1) { left: 2%; animation-delay: -1.8s, -.6s; }
.hero-aurora-motion i:nth-child(2) {
  left: 17%;
  width: 18%;
  animation-delay: -6.4s, -2.8s;
  animation-duration: 13.2s, 6.1s;
}
.hero-aurora-motion i:nth-child(3) {
  left: 34%;
  width: 20%;
  background-color: rgba(103, 94, 189, .05);
  animation-delay: -8.8s, -1.4s;
  animation-duration: 15.6s, 6.8s;
}
.hero-aurora-motion i:nth-child(4) { left: 54%; width: 16%; animation-delay: -3.1s, -4.2s; animation-duration: 12.4s, 5.7s; }
.hero-aurora-motion i:nth-child(5) { left: 70%; width: 19%; animation-delay: -10.2s, -2.1s; animation-duration: 16.8s, 7.2s; }
.hero-aurora-motion i:nth-child(6) { left: 87%; width: 14%; animation-delay: -5.7s, -3.4s; animation-duration: 14.1s, 6.4s; }

.prototype-hero:not(.is-motion-active) .hero-aurora-motion i { animation-play-state: paused; }
.prototype-hero:not(.is-motion-active) .hero-aurora-motion::before { animation-play-state: paused; }

@keyframes orka-aurora-curtain {
  0% { transform: translate3d(-20%, 7%, 0) rotate(-2.6deg) skewX(-8deg) scale3d(.66, .84, 1); }
  28% { transform: translate3d(-5%, -1%, 0) rotate(1.4deg) skewX(4deg) scale3d(.9, 1.06, 1); }
  56% { transform: translate3d(12%, 4%, 0) rotate(-1deg) skewX(-3deg) scale3d(1.14, .93, 1); }
  78% { transform: translate3d(25%, -4%, 0) rotate(1.9deg) skewX(6deg) scale3d(.88, 1.12, 1); }
  100% { transform: translate3d(38%, 5%, 0) rotate(-1.2deg) skewX(-4deg) scale3d(.72, .89, 1); }
}

@keyframes orka-aurora-pulse {
  0% { opacity: .1; filter: blur(14px) saturate(1.08) brightness(.88); }
  38% { opacity: .42; filter: blur(8px) saturate(1.45) brightness(1.14); }
  68% { opacity: .24; filter: blur(12px) saturate(1.22) brightness(.96); }
  100% { opacity: .5; filter: blur(9px) saturate(1.52) brightness(1.19); }
}

@keyframes orka-aurora-crown {
  0% { opacity: .28; transform: translate3d(-7%, 3%, 0) scaleX(.9); }
  45% { opacity: .64; transform: translate3d(5%, -2%, 0) scaleX(1.08); }
  100% { opacity: .36; transform: translate3d(13%, 2%, 0) scaleX(.96); }
}

.proof-artwork { isolation: isolate; }
.proof-report-flash,
.proof-shot-motion {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.proof-report-flash {
  z-index: 1;
  background:
    radial-gradient(circle at 92.5% 55.25%, rgba(255, 249, 222, .95) 0 .45%, rgba(255, 151, 67, .58) .75%, rgba(255, 74, 22, .2) 2.2%, transparent 5.8%),
    radial-gradient(ellipse at 92.5% 55.25%, rgba(255, 194, 120, .16), transparent 10%);
  opacity: 0;
}

.proof-shot-motion { z-index: 2; overflow: visible; }
.proof-ballistic-trace {
  fill: none;
  stroke: rgba(255, 211, 151, .82);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(255, 105, 40, .72));
}

.proof-projectile {
  fill: #fff4c9;
  opacity: 0;
  filter: drop-shadow(0 0 7px #ff561f);
}

.proof-impact-hole {
  fill: #100b08;
  stroke: rgba(239, 219, 185, .86);
  stroke-width: 2;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.proof-impact-fracture {
  fill: none;
  stroke: rgba(226, 211, 180, .78);
  stroke-width: 1.35;
  stroke-linecap: round;
  opacity: 0;
}

.proof-impact-dust {
  fill: none;
  stroke: rgba(232, 213, 177, .82);
  stroke-width: 3;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.proof-section.has-fired .proof-impact-hole,
.proof-section.has-fired .proof-impact-fracture { opacity: 1; }
.proof-section.is-motion-active .proof-report-flash { animation: proof-report-flash .82s .22s ease-out both; }
.proof-section.is-motion-active .proof-ballistic-trace { animation: proof-ballistic-trace 1.28s .56s ease-in both; }
.proof-section.is-motion-active .proof-projectile { animation: proof-projectile-flight 1.28s .56s cubic-bezier(.25, .05, .58, 1) both; }
.proof-section.is-motion-active .proof-impact-hole { animation: proof-impact-hole .48s 1.78s cubic-bezier(.2, .9, .25, 1.2) both; }
.proof-section.is-motion-active .proof-impact-fracture { animation: proof-impact-fracture .62s 1.84s ease-out both; }
.proof-section.is-motion-active .proof-impact-dust-one { animation: proof-impact-dust 1.05s 1.73s ease-out both; }
.proof-section.is-motion-active .proof-impact-dust-two { animation: proof-impact-dust 1.48s 1.82s ease-out both; }

@keyframes proof-report-flash {
  0%, 100% { opacity: 0; }
  8% { opacity: .92; }
  24% { opacity: .3; }
}

@keyframes proof-ballistic-trace {
  0% { opacity: 0; stroke-dashoffset: 1; }
  12% { opacity: .78; }
  82% { opacity: .56; stroke-dashoffset: 0; }
  100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes proof-projectile-flight {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.5); }
  10% { opacity: 1; }
  84% { opacity: .94; }
  100% { opacity: 0; transform: translate3d(-203px, -82px, 0) scale(.72); }
}

@keyframes proof-impact-hole {
  from { opacity: 0; transform: scale(2.2); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes proof-impact-fracture {
  from { opacity: 0; stroke-dasharray: 0 90; }
  to { opacity: 1; stroke-dasharray: 90 0; }
}

@keyframes proof-impact-dust {
  0% { opacity: .85; transform: scale(.35); }
  100% { opacity: 0; transform: scale(5.2); }
}

.system-motion-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.system-motion-argali,
.system-motion-elk { mix-blend-mode: multiply; }

.system-stage-copy,
.system-stage-code { position: relative; z-index: 2; }

.system-animal-echo,
.system-animal-cutout {
  position: absolute;
  display: block;
  pointer-events: none;
  user-select: none;
}

.system-animal-echo {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.9) contrast(1.03);
}

.system-walker,
.system-elk-performer {
  position: absolute;
  mix-blend-mode: multiply;
  pointer-events: none;
  will-change: transform;
}

.system-walker .system-animal-cutout,
.system-elk-performer .system-animal-cutout {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
}

.system-argali-walker {
  left: 64%;
  top: 52%;
  width: 19%;
}

.system-argali-cutout,
.system-elk-cutout {
  mix-blend-mode: multiply;
  filter: saturate(.88) contrast(1.04) brightness(1.035);
}

.system-stage.is-motion-active .system-argali-walker {
  animation: argali-uphill-travel 8.6s .18s cubic-bezier(.34, .08, .38, 1) both;
}

.system-stage.is-motion-active .system-argali-cutout {
  animation: argali-gait .72s .18s ease-in-out 12 alternate both;
}

@keyframes argali-uphill-travel {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  28% { transform: translate3d(27%, -10%, 0) scale(.985); }
  57% { transform: translate3d(57%, -24%, 0) scale(.965); }
  78% { transform: translate3d(77%, -33%, 0) scale(.95); }
  100% { transform: translate3d(96%, -44%, 0) scale(.93); }
}

@keyframes argali-gait {
  0% { transform: translate3d(0, 0, 0) rotate(-.45deg) scaleY(1); }
  48% { transform: translate3d(0, -2.3%, 0) rotate(.35deg) scaleY(.99); }
  100% { transform: translate3d(0, .35%, 0) rotate(-.2deg) scaleY(1.006); }
}

.argali-hoof-dust {
  left: 35%;
  top: 82%;
  width: 48%;
  height: 16%;
}

.system-elk-performer {
  left: 62%;
  top: 36%;
  width: 31%;
  transform-origin: 48% 92%;
}

.system-stage.is-motion-active .system-elk-performer {
  animation: elk-bugle-body 7.2s .18s cubic-bezier(.37, 0, .22, 1) both;
}

@keyframes elk-bugle-body {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0) scaleY(1); }
  17% { transform: translate3d(-.2%, -.55%, 0) rotate(-.16deg) scaleY(1.004); }
  34% { transform: translate3d(-.35%, -1.25%, 0) rotate(-.38deg) scaleY(1.01); }
  55% { transform: translate3d(-.25%, -1.55%, 0) rotate(-.46deg) scaleY(1.014); }
  76% { transform: translate3d(-.08%, -.75%, 0) rotate(-.2deg) scaleY(1.006); }
}

.system-breath {
  position: absolute;
  width: 12%;
  height: 16%;
  pointer-events: none;
}

.system-breath i {
  position: absolute;
  left: 18%;
  top: 47%;
  width: 25%;
  aspect-ratio: 1.8;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(237, 242, 235, .56), rgba(212, 222, 214, .14) 48%, transparent 72%);
  filter: blur(4px);
  opacity: 0;
}

.system-breath i:nth-child(even) { left: 37%; }
.system-elk-breath { left: 76%; top: 16%; width: 24%; height: 28%; }
.system-bongo-breath { left: 73.1%; top: 60.3%; width: 15%; height: 20%; }
.system-stage.is-motion-active .system-breath i { animation: animal-breath 2.5s ease-out both; }
.system-stage.is-motion-active .system-breath i:nth-child(2) { animation-delay: .2s; }
.system-stage.is-motion-active .system-bongo-breath i:nth-child(1) { animation-delay: .38s; }
.system-stage.is-motion-active .system-bongo-breath i:nth-child(2) { animation-delay: .46s; }
.system-stage.is-motion-active .system-bongo-breath i:nth-child(3) { animation-delay: 1.04s; }
.system-stage.is-motion-active .system-bongo-breath i:nth-child(4) { animation-delay: 1.12s; }

@keyframes animal-breath {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.45); }
  16% { opacity: .62; }
  100% { opacity: 0; transform: translate3d(82%, -84%, 0) scale(2.8); }
}

.system-bongo-head {
  transform-origin: 76% 73%;
  -webkit-mask-image: radial-gradient(ellipse 26% 58% at 76% 49%, #000 0 85%, transparent 100%);
  mask-image: radial-gradient(ellipse 26% 58% at 76% 49%, #000 0 85%, transparent 100%);
}

.system-stage.is-motion-active .system-bongo-head { animation: bongo-head-turn 5.2s .2s cubic-bezier(.4, 0, .2, 1) both; }

@keyframes bongo-head-turn {
  0%, 100% { transform: perspective(900px) rotateY(0) rotateZ(0) translate3d(0, 0, 0); }
  27% { transform: perspective(1100px) rotateY(-1.45deg) rotateZ(.16deg) translate3d(-.18%, -.12%, 0); }
  55% { transform: perspective(1100px) rotateY(.9deg) rotateZ(-.12deg) translate3d(.12%, .07%, 0); }
  78% { transform: perspective(1100px) rotateY(-.5deg) rotateZ(.05deg); }
}

.canopy-rain {
  position: absolute;
  inset: -12%;
  opacity: 0;
  transform: rotate(8deg);
  background-image:
    repeating-linear-gradient(92deg, transparent 0 68px, rgba(225, 239, 225, .16) 69px 70px, transparent 71px 122px),
    repeating-linear-gradient(92deg, transparent 0 103px, rgba(225, 239, 225, .1) 104px 105px, transparent 106px 178px);
}

.system-stage.is-motion-active .canopy-rain { animation: canopy-rain 4.4s .15s ease-out both; }
@keyframes canopy-rain {
  0% { opacity: 0; background-position: 0 -110px, 0 -190px; }
  18%, 74% { opacity: .28; }
  100% { opacity: 0; background-position: -90px 170px, 64px 260px; }
}

.system-deer-walker {
  left: 78%;
  top: 40%;
  width: 13.5%;
}

.system-deer-cutout {
  transform-origin: 50% 91%;
  filter: saturate(.72) brightness(.72) contrast(1.18);
}

.system-stage.is-motion-active .system-deer-walker {
  animation: deer-ridge-travel 8.6s .18s linear both;
}

.system-stage.is-motion-active .system-deer-cutout {
  animation: deer-gait .72s .18s ease-in-out 12 alternate both;
}

@keyframes deer-ridge-travel {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  22% { transform: translate3d(-43%, 10%, 0) scale(.99); }
  47% { transform: translate3d(-91%, 23%, 0) scale(.975); }
  71% { transform: translate3d(-139%, 37%, 0) scale(.96); }
  100% { transform: translate3d(-194%, 55%, 0) scale(.94); }
}

@keyframes deer-gait {
  0% { transform: translate3d(0, 0, 0) rotate(.35deg) scaleY(1); }
  48% { transform: translate3d(0, -2.4%, 0) rotate(-.34deg) scaleY(.992); }
  100% { transform: translate3d(0, .3%, 0) rotate(.18deg) scaleY(1.006); }
}

.walker-dust { position: absolute; }
.deer-hoof-dust { left: 31%; top: 85%; width: 48%; height: 12%; }
.walker-dust i {
  position: absolute;
  width: 12%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(183, 136, 88, .46);
  filter: blur(2px);
  opacity: 0;
}
.system-stage.is-motion-active .walker-dust i { animation: deer-dust 1.15s .75s ease-out both; }
.system-stage.is-motion-active .walker-dust i:nth-child(2) { animation-delay: 3.25s; left: 36%; }
.system-stage.is-motion-active .walker-dust i:nth-child(3) { animation-delay: 5.75s; left: 68%; }
@keyframes deer-dust { 0% { opacity: .5; transform: scale(.4); } 100% { opacity: 0; transform: translate3d(-30%, -70%, 0) scale(2.4); } }

.system-lion-head {
  clip-path: ellipse(12% 24% at 40% 49%);
  transform-origin: 40% 54%;
}

.system-stage.is-motion-active .system-lion-head { animation: lion-roar-motion 5.8s .2s ease-in-out both; }

@keyframes lion-roar-motion {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  18% { transform: translate3d(-.18%, -.24%, 0) scale(1.006); }
  42% { transform: translate3d(.14%, .18%, 0) scale(1.016); }
  68% { transform: translate3d(-.1%, -.08%, 0) scale(1.009); }
}

.system-resonance {
  position: absolute;
  width: 13%;
  aspect-ratio: 1.5;
}

.system-resonance i {
  position: absolute;
  inset: 38%;
  border: 1px solid rgba(244, 232, 209, .38);
  border-radius: 50%;
  opacity: 0;
}

.system-elk-resonance { left: 76%; top: 12%; width: 25%; }
.system-lion-resonance { left: 34.5%; top: 43%; }
.system-stage.is-motion-active .system-resonance i { animation: system-resonance 2.8s .55s ease-out both; }
.system-stage.is-motion-active .system-resonance i:nth-child(2) { animation-delay: .85s; }
.system-stage.is-motion-active .system-resonance i:nth-child(3) { animation-delay: 1.15s; }
.system-stage.is-motion-active .system-lion-resonance i { animation-delay: .65s; }
.system-stage.is-motion-active .system-lion-resonance i:nth-child(2) { animation-delay: .95s; }
.system-stage.is-motion-active .system-lion-resonance i:nth-child(3) { animation-delay: 1.25s; }
@keyframes system-resonance { 0% { opacity: .55; transform: scale(.25); } 100% { opacity: 0; transform: scale(5); } }

.imara-water-response { position: absolute; left: 26%; right: 0; bottom: 0; height: 27%; overflow: hidden; }
.imara-water-response i {
  position: absolute;
  left: 16%;
  bottom: 12%;
  width: 24%;
  height: 8%;
  border: 1px solid rgba(225, 199, 157, .42);
  border-radius: 50%;
  opacity: 0;
}
.system-stage.is-motion-active .imara-water-response i { animation: imara-water-ring 2.8s .8s ease-out both; }
.system-stage.is-motion-active .imara-water-response i:nth-child(2) { animation-delay: 1.1s; }
.system-stage.is-motion-active .imara-water-response i:nth-child(3) { animation-delay: 1.4s; }
@keyframes imara-water-ring { 0% { opacity: .46; transform: scale(.28); } 100% { opacity: 0; transform: scale(3.2); } }

@media (max-width: 1180px) {
  .system-motion-layer {
    inset: 0 auto auto 0;
    z-index: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
  }

  .system-stage-copy,
  .system-stage-code { z-index: 2; }
}

@media (max-width: 700px) {
  .hero-aurora-motion { inset: -10% -45% 33% 23%; }
  .system-resonance { opacity: .62; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-aurora-motion i,
  .hero-aurora-motion::before,
  .proof-report-flash,
  .proof-ballistic-trace,
  .proof-projectile,
  .proof-impact-dust,
  .proof-impact-fracture,
  .system-walker,
  .system-elk-performer,
  .system-animal-echo,
  .system-animal-cutout,
  .system-breath i,
  .canopy-rain,
  .walker-dust i,
  .system-resonance i,
  .imara-water-response i {
    animation: none !important;
  }

  .hero-aurora-motion i { opacity: .24; }
  .proof-section.has-fired .proof-impact-hole,
  .proof-section.has-fired .proof-impact-fracture { opacity: 1; }
}

/* Owner-approved test3 revisions. */
.prototype-header {grid-template-columns:220px 1fr auto; padding:14px 3.5vw 0; min-height:124px;}
.prototype-brand {width:200px; grid-column:1; grid-row:1;}
.prototype-actions {grid-column:3; grid-row:1;}
.prototype-nav {grid-row:2; grid-column:1/-1; gap:clamp(12px,1.65vw,27px); min-height:46px; flex-wrap:wrap; padding:6px 0;}
.prototype-nav button {font-size:10px; letter-spacing:.12em; white-space:nowrap;}
.header-cta {display:flex; font-size:11px; letter-spacing:.12em;}
.language-switcher button {width:36px;min-height:30px;color:var(--orka-bone);filter:none;}
.language-switcher button span {font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;}
.language-switcher button[aria-pressed="true"] {color:var(--orka-orange);}
.prototype-hero {scroll-margin-top:130px;}
.prototype-shell .hero-copy {width:min(900px,70vw);padding-top:clamp(54px,7vh,90px);}
.prototype-shell .hero-copy h1 {margin-top:0; font-size:clamp(50px,6.8vw,100px);line-height:.9;}
.prototype-shell .hero-body {max-width:650px;font-size:clamp(16px,1.35vw,20px);line-height:1.6;}
.proof-heading h2 {font-size:clamp(35px,3.5vw,60px);line-height:1.04;max-width:760px;}
.proof-evidence .proof-footnote:empty {display:none;}
.guarantee-section {background:#090b09;}
.guarantee-section .system-promise {margin-top:0;}
.guarantee-section .system-promise h3 {font-size:clamp(34px,4.2vw,70px);max-width:1200px;}
.shop-coming-soon {display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:clamp(32px,6vw,80px);border:1px solid #ffffff20;border-top:2px solid var(--orka-orange);background:radial-gradient(ellipse at 90% 50%,#ff4a0010,transparent 65%),#090b09;}
.shop-coming-soon h3 {margin:12px 0;font-size:clamp(46px,7vw,104px);font-weight:800;letter-spacing:-.045em;text-transform:uppercase;}
.dealer-carousel {margin-top:70px;padding-top:36px;border-top:1px solid #ffffff24;}
.dealer-carousel-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;}
.dealer-carousel-heading h3 {margin:10px 0 0;font-size:clamp(27px,3vw,42px);letter-spacing:-.025em;}
.dealer-carousel-controls {display:flex;gap:10px;}
.dealer-carousel-controls button {width:48px;height:48px;border:1px solid #ffffff38;background:transparent;color:var(--orka-bone);font-size:23px;cursor:pointer;}
.dealer-carousel-controls button:hover {color:var(--orka-orange);border-color:var(--orka-orange);}
.dealer-carousel-controls button:focus-visible,.dealer-logo-card:focus-visible,.dealer-logo-rail:focus-visible {outline:2px solid var(--orka-orange);outline-offset:4px;}
.dealer-logo-rail {display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ff4a00 #111;padding:4px 2px 20px;}
.dealer-logo-card {flex:0 0 calc((100% - 48px)/4);min-width:220px;scroll-snap-align:start;background:#000;border:1px solid #ffffff1c;text-decoration:none;color:#c7c9c2;}
.dealer-logo-art {height:150px;display:flex;align-items:center;justify-content:center;padding:26px;background:#000;}
.dealer-logo-art img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.dealer-logo-card.paper .dealer-logo-art {background:#fff;}
.dealer-logo-card.swarovski .dealer-logo-art {background:#00412d;}
.dealer-logo-card.kahles .dealer-logo-art {background:#ec510a;}
.dealer-logo-card.berger .dealer-logo-art {background:#fcd406;}
.dealer-logo-card.stone .dealer-logo-art {background:#b6afa1;}
.dealer-logo-card.slate .dealer-logo-art {background:#8f9592;}
.dealer-logo-card.kenton .dealer-logo-art {background:#0a3e17;}
.dealer-logo-card.wilson .dealer-logo-art {background:#e6b600;}
.dealer-logo-card.lapua .dealer-logo-art {background:#091f58;}
.dealer-logo-card.reference .dealer-logo-art {padding:0;}
.dealer-logo-card.reference .dealer-logo-art img {width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;}
.dealer-logo-card.kenton .dealer-logo-art img {clip-path:inset(0 0 1.5% 0);}
.dealer-logo-card.square .dealer-logo-art {padding:14px;}
.dealer-logo-card span {display:block;padding:14px 12px;text-align:center;border-top:1px solid #ffffff18;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.5;}
.caliber-section {background:#090b09;scroll-margin-top:145px;padding-top:64px;padding-bottom:64px;}
.caliber-section .section-heading {margin-bottom:0;}
.caliber-section h2 {margin:18px 0 0;font-size:clamp(34px,3.2vw,46px);}
.caliber-section .section-heading > p {margin:0;}
.caliber-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;margin-top:26px;}
.caliber-family {min-width:0;border:1px solid #ffffff22;background:#101210;}
.caliber-family h3 {margin:0;}
.caliber-family-toggle {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:14px 20px;border:0;background:transparent;color:var(--orka-bone);font:800 22px/1.2 var(--font-display,Arial,sans-serif);letter-spacing:-.025em;text-align:left;text-transform:uppercase;cursor:pointer;}
.caliber-toggle-icon {flex:0 0 auto;color:var(--orka-orange);font:400 25px/1 Arial,sans-serif;}
.caliber-family-toggle:hover,.caliber-family-toggle[aria-expanded="true"] {color:var(--orka-orange);background:#ff4a0009;}
.caliber-family-toggle:focus-visible {outline:2px solid var(--orka-orange);outline-offset:-3px;}
.caliber-family-options[hidden] {display:none;}
.caliber-family ul {list-style:none;padding:4px 20px 12px;margin:0;border-top:1px solid #ffffff18;}
.caliber-family li {padding:9px 0;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #ffffff0b;overflow-wrap:break-word;}
.caliber-family li:last-child {border-bottom:0;}
.caliber-request {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding-top:20px;border-top:1px solid #ffffff22;}
.caliber-request p {margin:0;max-width:680px;color:#c1c5bb;font-size:14px;line-height:1.5;}
.caliber-request-button {display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:14px 18px;border:1px solid var(--orka-orange);background:transparent;color:var(--orka-orange);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.caliber-request-button:hover {background:var(--orka-bone);border-color:var(--orka-bone);color:#080a08;}
.caliber-request-button:focus-visible {outline:2px solid var(--orka-bone);outline-offset:4px;}
@media(max-width:1100px) {
 .prototype-header {grid-template-columns:1fr auto;min-height:90px;padding:12px 22px;}
 .prototype-brand {width:175px;}
 .prototype-actions {grid-column:2;gap:16px;}
 .menu-toggle {display:block;}
 .prototype-nav {position:absolute;top:100%;left:0;right:0;display:none;background:#050605fa;padding:20px 24px;border-bottom:1px solid #ffffff28;}
 .prototype-nav.open {display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;}
 .prototype-nav button {font-size:12px;padding:12px 0;text-align:left;}
 .prototype-hero {scroll-margin-top:100px;}
 .dealer-logo-card {flex-basis:calc((100% - 32px)/3);min-width:200px;}
 .caliber-section {scroll-margin-top:110px;}
 .caliber-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:780px) {
 .prototype-header {min-height:84px;padding:12px 18px;}
 .prototype-brand {width:150px;}
 .prototype-actions {gap:12px;}
 .header-cta {display:none;}
 .prototype-nav.open {grid-template-columns:1fr;max-height:calc(100svh - 84px);overflow-y:auto;}
 .prototype-shell .hero-copy {width:100%;padding:54px 24px 95px;}
 .prototype-shell .hero-copy h1 {font-size:clamp(52px,11vw,78px);line-height:.94;}
 .prototype-shell .hero-body {max-width:100%;font-size:16px;line-height:1.6;margin-top:26px!important;}
 .proof-heading h2 {font-size:clamp(32px,7.5vw,48px);}
 .dealer-logo-card {flex-basis:calc((100% - 16px)/2);min-width:170px;}
 .dealer-logo-art {height:125px;padding:22px;}
 .dealer-carousel-heading {gap:16px;align-items:flex-end;}
 .dealer-carousel-controls button {width:40px;height:40px;}
 .dealer-carousel-heading h3 {font-size:28px;}
 .caliber-section {padding-top:44px;padding-bottom:44px;}
 .caliber-section .split-heading {gap:14px;}
 .caliber-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px;}
 .caliber-family-toggle {min-height:58px;padding:14px 12px;font-size:18px;gap:8px;}
 .caliber-family ul {padding:4px 12px 10px;}
 .caliber-family li {font-size:11px;letter-spacing:0;}
 .caliber-request {align-items:flex-start;flex-direction:column;gap:16px;}
 .caliber-request-button {width:100%;}
}
@media(prefers-reduced-motion:reduce) {.dealer-logo-rail {scroll-behavior:auto;}}

/* Official Hornady header logo uses the brand red background. */
.dealer-logo-card.hornady .dealer-logo-art {background:#ed1b2f;}

/* Non-purchasable merchandise display. */
.shop-product-card button:disabled{cursor:not-allowed;opacity:.65;pointer-events:none;}
.shop-coming-soon{border:1px solid #ff4b18;padding:clamp(36px,6vw,80px);text-align:center;}

/* Local review: accessibility and mobile usability, October 14. */
:root { color-scheme: dark; }
:where(a,button,input,select,textarea):focus-visible {outline:3px solid #ff884d;outline-offset:5px;}
:where(input,select,textarea) {font-size:max(16px,1rem);}
:where(section[id]) {scroll-margin-top:150px;}
.orka-skip-link {position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:100001;background:#fff;color:#111;padding:14px 22px;font:600 16px Arial;text-decoration:none;}
.orka-skip-link:focus {transform:translateY(0);}
.shop-product-card button:disabled {color:#e7e7e7;background:#20221f;border:1px solid #62675f;opacity:1;min-height:44px;}
.shop-product-card-copy {overflow-wrap:anywhere;}
.shop-coming-soon {min-height:300px;}
@media(max-width:600px) {
 .prototype-actions button,.language-switcher button,.shop-categories button,.dealer-carousel-controls button {min-height:44px;min-width:44px;}
 .shop-product-grid {grid-template-columns:minmax(0,1fr);}
 .shop-toolbar {display:flex;flex-direction:column;align-items:stretch;gap:16px;}
 .shop-toolbar label {width:100%;min-width:0;}
 .shop-coming-soon h3 {font-size:clamp(30px,10vw,52px);overflow-wrap:anywhere;}
 :where(section[id]) {scroll-margin-top:105px;}
}
@media(prefers-reduced-motion:reduce) {
 html:focus-within,html,body,* {scroll-behavior:auto!important;}
 *,*::before,*::after {animation:none!important;transition:none!important;}
}

/* Company information: local review only. */
.prototype-footer {display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);gap:36px 56px;align-items:start;}
.orka-company-contact {display:grid;gap:10px;font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.65;color:#d8dbd3;overflow-wrap:anywhere;}
.orka-company-contact strong {color:#fff;letter-spacing:.07em;margin-bottom:8px;}
.orka-company-contact a {color:inherit;text-decoration:none;width:fit-content;}
.orka-company-contact a:hover {color:#ff884d;text-decoration:underline;text-underline-offset:5px;}
.prototype-footer-legal {grid-column:1/-1;max-width:900px;}
.prototype-footer-links {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #ffffff24;padding-top:24px;}
@media(max-width:650px){.prototype-footer{grid-template-columns:minmax(0,1fr);gap:28px;}.orka-company-contact{font-size:12px;}.orka-company-contact a{padding:6px 0;}}

/* Footer identity and existing account access; local review. */
@font-face{font-family:OrkaDisplay;src:url('index.php?asset=orka-display.ttf') format('truetype');font-display:swap;}
.prototype-footer {grid-template-columns:minmax(260px,1fr) minmax(0,1.4fr);}
.prototype-footer .prototype-footer-brand {width:min(100%,380px);max-width:none;}
.prototype-footer .prototype-footer-brand .prototype-lockup {width:100%;max-width:none;}
.prototype-footer .orka-company-name {font-family:OrkaDisplay,Arial,sans-serif;color:#ff4b18;font-size:clamp(19px,2.2vw,30px);font-weight:normal;letter-spacing:.035em;line-height:1.4;}
.orka-account-link {font:600 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#eee;border-bottom:1px solid #ff4b18;padding:12px 0;white-space:nowrap;}
@media(max-width:650px){.prototype-footer{grid-template-columns:minmax(0,1fr);}.prototype-footer .prototype-footer-brand{width:min(100%,300px);}.orka-account-link{font-size:10px;letter-spacing:0;}.prototype-actions{gap:10px;}}

.prototype-footer .prototype-lockup img{width:100%;max-width:none;height:auto;}

/* Footer without repeated logo. */
.prototype-footer{grid-template-columns:minmax(0,1fr);}
.prototype-footer .orka-company-contact{grid-column:1/-1;justify-self:start;text-align:left;max-width:100%;}

/* test3-preview polish, 2026-10-16 */
/* 2: anchor targets clear the real (measured) sticky header height. */
:root{--orka-header-h:145px;}
.prototype-shell section[id],.section-frame,:where(section[id]){scroll-margin-top:calc(var(--orka-header-h) + 8px);}
@media(max-width:600px){:root{--orka-header-h:84px;}}
/* 3: keep the sticky header on its own opaque compositing layer so nothing shows through or above it while scroll animations repaint. */
.prototype-header{top:0;background:#050605f7;transform:translateZ(0);-webkit-backdrop-filter:blur(18px);backface-visibility:hidden;}
.prototype-shell{overflow:visible;overflow-x:clip;}
html,body{background:#050605;}
/* 4: entrance motions never hide content. */
@media(prefers-reduced-motion:reduce){.system-stage>img{animation:none!important;opacity:1!important;transform:none!important;}}
/* 11: general polish */
.orka-company-name{letter-spacing:.06em;}
/* Desktop header: larger lockup spanning both header rows (phones/tablets unchanged). */
@media(min-width:1101px){
 .prototype-header{grid-template-columns:auto 1fr auto;column-gap:clamp(20px,2vw,56px);padding:12px 3.5vw 0;}
 .prototype-brand{width:clamp(236px,18.5vw,340px);grid-column:1;grid-row:1/3;align-self:center;padding-bottom:12px;}
 .prototype-actions{grid-column:2/-1;grid-row:1;justify-self:end;}
 .prototype-nav{grid-column:2/-1;grid-row:2;justify-content:flex-end;gap:clamp(12px,1.25vw,27px);}
}
/* Desktop header balance: nav starts right after the logo; actions stay top-right. */
@media(min-width:1101px){
 .prototype-header{column-gap:clamp(28px,2.6vw,48px);grid-template-rows:auto auto;align-content:center;align-items:center;row-gap:10px;padding-top:12px;padding-bottom:12px;}
 .prototype-actions{grid-column:2/-1;grid-row:1;justify-self:end;align-self:center;}
 .prototype-nav{grid-column:2/-1;grid-row:2;justify-content:flex-start;align-self:center;min-height:0;padding:4px 0;}
 .prototype-brand{padding-bottom:0;}
}