:root {
  --black: #090c0a;
  --ink: #0e1210;
  --ink-2: #141a16;
  --buff: #d5b786;
  --buff-deep: #aa895e;
  --moon: #f2eadc;
  --green: #9de8ae;
  --green-dim: #5eac72;
  --grey: #8e9189;
  --line: rgba(242, 234, 220, .15);
  --serif: 'EB Garamond', Georgia, serif;
  --mono: 'Chivo Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: var(--buff-deep) var(--black); scrollbar-width: thin; }
body { margin: 0; color: var(--moon); background: var(--black); font-family: var(--serif); font-optical-sizing: auto; font-kerning: normal; overflow-x: clip; }
::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { border: 2px solid var(--black); border-radius: 8px; background: linear-gradient(var(--buff-deep), var(--green-dim)); }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }
::selection { color: var(--black); background: var(--green); }
.skip-link { position: fixed; z-index: 100; top: 1rem; left: 1rem; padding: .8rem 1rem; color: var(--black); background: var(--green); font: 600 .72rem var(--mono); text-transform: uppercase; transform: translateY(-200%); }
.skip-link:focus-visible { transform: none; }
:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
.grain { position: fixed; z-index: 30; inset: 0; pointer-events: none; opacity: .065; 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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.eyebrow { margin: 0 0 1.5rem; color: var(--green); font: 500 .64rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.reveal { opacity: 1; transform: none; transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.1,1); }
.hero .reveal { opacity: 0; transform: translateY(24px); }
.reveal.is-visible { opacity: 1; transform: none; }

/* Header */
.site-header { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 86px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; padding: 0 clamp(1.2rem, 4vw, 4.8rem); border-bottom: 1px solid rgba(242,234,220,.12); }
.wordmark { display: flex; align-items: center; gap: .8rem; text-decoration: none; font-size: 1.1rem; line-height: .85; }
.wordmark svg { width: 33px; fill: var(--buff); }
.wordmark svg circle { fill: var(--black); }
.wordmark svg .beak { fill: var(--green); }
.wordmark small { display: block; margin-top: .48rem; color: var(--grey); font: 400 .49rem var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.site-header nav { display: flex; align-items: center; gap: 2.2rem; }
.site-header nav a { position: relative; padding: 1rem 0; color: #d8d4ca; font: 400 .59rem var(--mono); letter-spacing: .15em; text-decoration: none; text-transform: uppercase; }
.site-header nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: .65rem; height: 1px; background: var(--green); transition: right .3s; }
.site-header nav a:hover::after { right: 0; }
.audio-toggle { justify-self: end; min-height: 44px; display: flex; align-items: center; gap: .65rem; border: 0; background: none; cursor: pointer; font: 400 .56rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.audio-dot { width: 8px; height: 8px; border-radius: 50%; background: #74776e; box-shadow: 0 0 0 4px rgba(116,119,110,.1); transition: background-color .3s ease,box-shadow .3s ease; }
.audio-toggle[aria-pressed="true"] .audio-dot { background: var(--green); box-shadow: 0 0 12px var(--green); }

/* Hero */
.hero { position: relative; min-height: 100svh; display: grid; grid-template-columns: minmax(280px, 41%) 1fr; align-items: center; padding: 8.5rem clamp(1.2rem, 7vw, 8rem) 6rem; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 74% 47%, #273028 0, #101511 26%, var(--black) 59%); }
.hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(9,12,10,.35), transparent 48%), repeating-linear-gradient(90deg, transparent 0 11.9%, rgba(242,234,220,.022) 12%); }
.hero-copy { position: relative; z-index: 3; max-width: 620px; }
.hero h1 { margin: 0; font-weight: 400; font-size: clamp(4.8rem, 8.2vw, 9.6rem); line-height: .73; letter-spacing: -.065em; }
.hero h1 em { color: var(--buff); font-weight: 400; }
.hero-deck { max-width: 31rem; margin: 2.4rem 0 2.2rem 12%; color: #c9c3b7; font-size: clamp(1.15rem, 1.45vw, 1.45rem); line-height: 1.5; }
.hero-deck span { color: var(--moon); font-style: italic; }
.enter-link { width: fit-content; margin-left: 12%; display: flex; align-items: center; gap: 1.2rem; padding: .7rem 0; color: var(--green); font: 500 .63rem var(--mono); letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.enter-link svg { width: 66px; fill: none; stroke: currentColor; transition: transform .35s; }
.enter-link:hover svg { transform: translateX(10px); }
.hero-moon { position: absolute; z-index: 1; left: 51%; top: 50%; width: min(48vw, 690px); aspect-ratio: 1; transform: translateY(-48%); }
.hero-moon::before { content: ''; position: absolute; inset: 9%; border-radius: 50%; background: radial-gradient(circle at 39% 36%, #f8f0df, #d3b98b 47%, #776f60 72%, #1b211c 73%); box-shadow: 0 0 80px rgba(213,183,134,.14), inset -30px -20px 70px rgba(0,0,0,.4); }
.moon-ring { position: absolute; border: 1px solid rgba(157,232,174,.18); border-radius: 50%; animation: orbit 18s linear infinite; }
.ring-a { inset: 0; border-style: dashed; }
.ring-b { inset: 5%; animation-duration: 27s; animation-direction: reverse; }
.ring-c { inset: 15%; border-color: rgba(242,234,220,.13); animation-duration: 12s; }
.moon-ring::before { content: ''; position: absolute; top: 50%; left: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 15px var(--green); }
.owl-mask { position: absolute; z-index: 2; width: 69%; left: 15.5%; bottom: 3%; filter: drop-shadow(0 20px 25px rgba(0,0,0,.45)); animation: breathe 6s ease-in-out infinite; }
.owl-outer { fill: #6c685d; }.disc { fill: #e8dbc3; }.eye-wash { fill: #c9a977; opacity: .55; }.eye { fill: #0b0d0b; }.glint { fill: var(--green); }.owl-mask .beak { fill: #a8a296; }.disc-line { fill: none; stroke: rgba(13,17,14,.22); stroke-width: 2; }
.moon-caption { position: absolute; bottom: 10%; right: 0; color: var(--green); font: 400 .54rem var(--mono); letter-spacing: .11em; writing-mode: vertical-rl; }
.hero-readout { position: absolute; z-index: 3; right: clamp(1.2rem,4vw,4.8rem); bottom: 8%; display: grid; justify-items: end; color: var(--grey); font: .55rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.hero-readout strong { color: var(--moon); font: 300 clamp(2.2rem,3vw,3.3rem) var(--mono); letter-spacing: -.08em; }.hero-readout small { color: var(--green); font-size: .58rem; letter-spacing: .08em; }
.scroll-note { position: absolute; z-index: 3; bottom: 2rem; left: clamp(1.2rem,4vw,4.8rem); margin: 0; color: var(--grey); font: .54rem var(--mono); letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }
.scroll-note span { display: inline-block; width: 1px; height: 55px; margin-top: .7rem; background: linear-gradient(var(--green), transparent); }
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes breathe { 50% { transform: translateY(-5px) scale(1.005); } }

/* Silence */
.silence-section { position: relative; min-height: 100vh; padding: clamp(6rem,10vw,10rem) clamp(1.2rem,7vw,8rem); background: var(--buff); color: var(--ink); overflow: hidden; }
.silence-section::before { content: 'QUIET'; position: absolute; right: -1vw; top: 1.5rem; color: rgba(9,12,10,.055); font: 700 clamp(8rem,20vw,20rem)/1 var(--mono); letter-spacing: -.1em; }
.section-lead { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.3fr; align-items: end; gap: 6vw; max-width: 1260px; margin: 0 auto 5rem; }
.silence-section .eyebrow { grid-column: 1/-1; color: #375d40; margin: 0; }
.section-lead h2, .anatomy-head h2, .hunt-copy h2, .disc-copy h2, .archive-heading h2, .register-lead h2 { margin: 0; font-size: clamp(4rem,8vw,8rem); font-weight: 400; line-height: .78; letter-spacing: -.055em; }
.section-lead h2 i, .anatomy-head h2 i, .hunt-copy h2 i, .disc-copy h2 i, .archive-heading h2 i, .register-lead h2 i { font-weight: 400; }
.section-lead > p:last-child { max-width: 32rem; margin: 0 0 .5rem; font-size: 1.35rem; line-height: 1.45; }
.comparison { position: relative; z-index: 2; max-width: 1320px; margin: 0 auto; color: var(--moon); background: #0b0f0c; box-shadow: 0 40px 90px rgba(22,21,16,.28); }
.scope-head { min-height: 48px; padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); color: var(--grey); font: .57rem var(--mono); letter-spacing: .13em; }
.scope-state { color: var(--green); }.scope-state::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: .5rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.ribbon-row { min-height: 205px; display: grid; grid-template-columns: 175px 1fr; border-bottom: 1px solid var(--line); }
.species { padding: 2.1rem 1.5rem; border-right: 1px solid var(--line); }
.species b { display: block; color: var(--buff); font: 400 italic 2rem var(--serif); }
.species span { color: var(--grey); font: .53rem var(--mono); text-transform: uppercase; }
.wavebox { position: relative; min-width: 0; padding: 1.2rem 2rem; background-image: linear-gradient(rgba(157,232,174,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(157,232,174,.035) 1px, transparent 1px); background-size: 35px 35px; }
.wavebox svg { display: block; width: 100%; height: 165px; overflow: visible; }
.gridline { fill: none; stroke: rgba(157,232,174,.08); stroke-width: 1; }.wave { fill: none; stroke-width: 3; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 0; }.pigeon-wave { stroke: url(#pg); filter: drop-shadow(0 0 5px rgba(213,183,134,.35)); }.owl-wave { stroke: var(--green); filter: drop-shadow(0 0 5px rgba(157,232,174,.7)); }
.comparison.running .pigeon-wave { animation: drawWave 2.1s linear both; }.comparison.running .owl-wave { animation: drawWave 4.8s 2s cubic-bezier(.5,0,1,1) both; }
.db-tag { position: absolute; top: 1rem; right: 1.5rem; padding: .35rem .5rem; color: var(--buff); background: #151915; font: .55rem var(--mono); }.db-tag.quiet { color: var(--green); }
.scope-foot { min-height: 103px; display: grid; grid-template-columns: 175px 1fr 270px; align-items: center; }
.compare-button { align-self: stretch; border: 0; border-right: 1px solid var(--line); background: var(--green); color: var(--black); cursor: pointer; font: 600 .57rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.compare-button:hover { background: var(--moon); }.play-icon { margin-right: .5rem; }
.hold-meter { padding: 0 2rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; color: var(--grey); font: .51rem var(--mono); letter-spacing: .1em; }.hold-meter i { height: 1px; background: var(--line); overflow: hidden; }.hold-meter i::after { content: ''; display: block; width: 100%; height: 1px; background: var(--green); transform: scaleX(0); transform-origin: left; }.comparison.running .hold-meter i::after { animation: hold 4.8s 2s linear both; }.hold-meter b { color: var(--moon); font-weight: 400; }
.comparison-note { margin: 0; padding: 0 1.5rem; border-left: 1px solid var(--line); color: #979a91; font-size: .92rem; line-height: 1.35; }.comparison-note strong { color: var(--green); font-weight: 400; }
@keyframes drawWave { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } } @keyframes hold { to { transform: scaleX(1); } }

/* The stillness chamber */
.stillness-invite { min-height:78px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:2rem; padding:.8rem 1rem .8rem 2rem; border-top:1px solid rgba(157,232,174,.08); background:linear-gradient(90deg,rgba(157,232,174,.025),transparent 55%); }
.stillness-invite p { margin:0; color:#8f958c; font-size:.9rem; line-height:1.3; }
.stillness-invite p span { display:block; margin-bottom:.32rem; color:var(--green); font:500 .46rem var(--mono); letter-spacing:.13em; }
.hush-open { min-height:52px; min-width:285px; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding:0 1.1rem; border:1px solid rgba(157,232,174,.35); color:var(--moon); background:rgba(157,232,174,.035); cursor:pointer; font:500 .52rem var(--mono); letter-spacing:.09em; text-transform:uppercase; transition:border-color .3s ease,color .3s ease,background-color .3s ease,box-shadow .3s ease; }
.hush-open i { color:var(--green); font-size:.43rem; font-style:normal; }
.hush-open:hover,.hush-open:focus-visible { border-color:var(--green); color:var(--green); background:rgba(157,232,174,.08); box-shadow:inset 4px 0 0 var(--green); }
.hush-dialog { inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; border:0; color:var(--moon); background:#050806; overflow:hidden; }
.hush-dialog::backdrop { background:rgba(2,4,3,.9); backdrop-filter:blur(12px); }
.hush-chamber { position:relative; min-height:100%; display:grid; grid-template-rows:auto minmax(0,1fr) auto 2px auto; isolation:isolate; overflow:hidden; background:
  linear-gradient(90deg,rgba(157,232,174,.035) 1px,transparent 1px) 0 0/12.5% 100%,
  radial-gradient(circle at var(--hush-x,72%) var(--hush-y,45%),rgba(157,232,174,.055),transparent 18%),
  radial-gradient(ellipse at 50% 56%,#152019 0,#080d09 38%,#030604 72%); }
.hush-chamber::before { content:'0.0'; position:absolute; z-index:-1; right:-.03em; bottom:-.18em; color:rgba(242,234,220,.025); font:200 clamp(16rem,42vw,42rem)/.7 var(--mono); letter-spacing:-.14em; }
.hush-chamber::after { content:''; position:absolute; z-index:4; inset:0; pointer-events:none; opacity:.18; background:linear-gradient(transparent 50%,rgba(0,0,0,.2) 50%); background-size:100% 4px; }
.hush-head { min-height:74px; display:flex; justify-content:space-between; align-items:center; padding:0 clamp(1rem,4vw,4rem); border-bottom:1px solid rgba(157,232,174,.16); color:#788178; font:400 .5rem var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.hush-state { color:var(--green); }
.hush-state::before { content:''; display:inline-block; width:6px; height:6px; margin-right:.55rem; border-radius:50%; background:currentColor; box-shadow:0 0 12px currentColor; }
.hush-chamber > form { position:absolute; z-index:6; inset:0; pointer-events:none; }
.hush-close { position:absolute; z-index:6; top:88px; right:clamp(1rem,4vw,4rem); min-width:92px; min-height:44px; border:1px solid rgba(242,234,220,.18); color:#a9aca5; background:rgba(5,8,6,.75); cursor:pointer; font:400 .49rem var(--mono); letter-spacing:.1em; text-transform:uppercase; transition:color .25s ease,border-color .25s ease,background-color .25s ease; }
.hush-close { pointer-events:auto; }
.hush-close span { margin-left:.55rem; color:var(--green); font-size:1rem; }
.hush-close:hover,.hush-close:focus-visible { color:var(--moon); border-color:var(--green); background:rgba(157,232,174,.06); }
.hush-copy { align-self:end; width:min(650px,76vw); margin:0 0 3rem clamp(1rem,8vw,8rem); transition:opacity 1.5s cubic-bezier(.2,.7,.2,1),transform 1.5s cubic-bezier(.2,.7,.2,1),filter 1.5s ease; }
.hush-copy .eyebrow { margin-bottom:1rem; }
.hush-copy h2 { margin:0; font-size:clamp(4.5rem,9vw,9rem); font-weight:400; line-height:.73; letter-spacing:-.062em; }
.hush-copy h2 i { color:var(--buff); font-weight:400; }
.hush-copy > p:last-child { max-width:35rem; margin:2rem 0 0 12%; color:#a8ada5; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1.48; }
.hush-scope { position:relative; height:clamp(170px,25vh,250px); margin:0 clamp(1rem,4vw,4rem); border-block:1px solid rgba(157,232,174,.14); overflow:hidden; }
.hush-scope svg { width:100%; height:100%; }
.hush-grid { fill:none; stroke:rgba(157,232,174,.055); stroke-width:1; vector-effect:non-scaling-stroke; }
.hush-flatline,.hush-disturbance { fill:none; stroke:var(--green); vector-effect:non-scaling-stroke; }
.hush-flatline { stroke-width:1.5; filter:drop-shadow(0 0 8px rgba(157,232,174,.75)); transform-origin:center; transition:opacity .8s ease,transform 1.8s cubic-bezier(.16,.78,.18,1); }
.hush-disturbance { stroke:var(--buff); stroke-width:2; opacity:.34; filter:drop-shadow(0 0 6px rgba(213,183,134,.5)); transition:opacity 1s ease; }
.hush-chamber.is-complete .hush-disturbance { opacity:0; }
.hush-chamber.is-complete .hush-flatline { transform:scaleX(1.08); }
.hush-chamber.is-disturbed .hush-disturbance { animation:hush-spike .42s ease both; }
.hush-scope > p { position:absolute; left:.2rem; top:.7rem; margin:0; color:#687069; font:400 .46rem var(--mono); letter-spacing:.12em; }
.hush-scope > p b { margin-left:.6rem; color:var(--green); font-weight:400; font-variant-numeric:tabular-nums; }
.hush-cursor-echo { position:absolute; left:var(--hush-x,72%); top:var(--hush-y,45%); width:22px; height:22px; border:1px solid rgba(157,232,174,.5); border-radius:50%; transform:translate(-50%,-50%); opacity:.35; pointer-events:none; }
.hush-progress { height:2px; margin:0 clamp(1rem,4vw,4rem); background:rgba(157,232,174,.12); overflow:hidden; }
.hush-progress i { display:block; width:100%; height:100%; background:var(--green); box-shadow:0 0 12px var(--green); transform:scaleX(0); transform-origin:left; }
.hush-foot { min-height:70px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; padding:0 clamp(1rem,4vw,4rem); color:#697169; font:400 .48rem var(--mono); letter-spacing:.12em; }
.hush-foot strong { color:var(--moon); font:300 2.1rem var(--mono); letter-spacing:-.07em; font-variant-numeric:tabular-nums; }
.hush-foot strong small { color:var(--green); font-size:.48rem; letter-spacing:.08em; }
.hush-foot span:last-child { text-align:right; }
@keyframes hush-spike { 0%{opacity:.25;transform:scaleY(.6)} 28%{opacity:1;transform:scaleY(1.55)} 100%{opacity:.34;transform:none} }
@media (prefers-reduced-motion:no-preference) {
  .hush-chamber.is-complete .hush-copy { opacity:0; transform:translateY(-18px); filter:blur(5px); }
  .hush-chamber.is-complete .hush-foot span,.hush-chamber.is-complete .hush-foot strong,.hush-chamber.is-complete .hush-scope > p,.hush-chamber.is-complete .hush-cursor-echo { opacity:0; transition:opacity 1.1s ease; }
}

/* Anatomy */
.anatomy-section { position: relative; padding: clamp(7rem,12vw,12rem) clamp(1.2rem,6vw,7rem); color: var(--moon); background: linear-gradient(145deg,#111612,#070a08 70%); }
.anatomy-section::after { content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 79% 37%, rgba(213,183,134,.08), transparent 35%); }
.anatomy-head { position: relative; z-index: 2; max-width: 1220px; margin: 0 auto 5rem; }.anatomy-head h2 { max-width: 850px; }.anatomy-head h2 i { color: var(--buff); }
.anatomy-lab { position: relative; z-index: 2; max-width: 1350px; margin: auto; display: grid; grid-template-columns: 250px 1fr; border: 1px solid var(--line); }
.feature-tabs { border-right: 1px solid var(--line); }.feature-tabs button { width: 100%; min-height: 110px; padding: 1.3rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .6rem; border: 0; border-bottom: 1px solid var(--line); color: #a8aaa4; background: transparent; cursor: pointer; text-align: left; font: .67rem var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .3s ease,background-color .3s ease,padding-left .3s ease; }.feature-tabs button span { color: var(--green); font-size: .5rem; }.feature-tabs button[aria-selected="true"] { color: var(--black); background: var(--buff); }.feature-tabs button[aria-selected="true"] span { color: #315b3b; }
.wing-stage { position: relative; min-width: 0; min-height: 650px; overflow: hidden; background: radial-gradient(circle at 62% 51%, #242820, #0d110e 62%); }
.wing-svg { width: 100%; height: 590px; display: block; }.feather-body { fill: url(#feather); }.velvet-field { fill: url(#velvetPattern); opacity: .58; }.shaft { fill: none; stroke: #645744; stroke-width: 15; stroke-linecap: round; }.serrations path,.fringes path,.micro-pile path { fill:none; stroke:#f4e5c8; stroke-width:4; stroke-linecap:round; }.fringes path { stroke-width: 2; opacity: .8; }.micro-pile path { stroke-width: 1.5; opacity: .5; }.airflow { fill: none; stroke: var(--green); stroke-width: 1; stroke-dasharray: 7 13; opacity: .25; animation: airflow 9s linear infinite; }.flow-2 { animation-delay:-2s }.flow-3 { animation-delay:-4s }.annotation path { fill:none; stroke:var(--green); stroke-width:1; }.annotation circle { fill:var(--green); }.annotation text { fill:var(--green); font: 500 14px var(--mono); letter-spacing:1px; }.annotation text.minor { fill:#b3b7ae; font-size:10px; }.wing-stage[data-active="serration"] .annotation:not(.annotation-serration), .wing-stage[data-active="velvet"] .annotation:not(.annotation-velvet), .wing-stage[data-active="fringe"] .annotation:not(.annotation-fringe) { opacity:.16; }.wing-stage[data-active="serration"] .serrations, .wing-stage[data-active="velvet"] .micro-pile, .wing-stage[data-active="fringe"] .fringes { filter:drop-shadow(0 0 7px var(--green)); }
.feature-copy { position: absolute; left: 2.2rem; bottom: 2rem; width: min(355px,40%); padding: 1.5rem; color: var(--black); background: rgba(242,234,220,.94); box-shadow: 12px 12px 0 rgba(157,232,174,.15); }.feature-index { color: #477552; font: .53rem var(--mono); }.feature-copy h3 { margin: .55rem 0 .6rem; font-size: 1.45rem; line-height: 1; }.feature-copy p { margin:0; font-size:.96rem; line-height:1.35; }.feature-copy dl { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1rem 0 0; padding-top:.8rem; border-top:1px solid rgba(9,12,10,.2); }.feature-copy dt { color:#49614e; font:.5rem var(--mono); text-transform:uppercase; }.feature-copy dd { margin:.2rem 0 0; font:500 .75rem var(--mono); }
@keyframes airflow { to { stroke-dashoffset: -200; } }

/* Hunt */
.hunt-section { position: relative; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem,7vw,8rem); padding: clamp(7rem,8vw,8rem) clamp(1.2rem,6vw,7rem); background: #cdb083; color: var(--ink); }
.hunt-section::before { content:''; position:absolute; inset:0; opacity:.25; background: repeating-radial-gradient(ellipse at 60% 20%,transparent 0 36px,rgba(22,26,22,.07) 37px 38px); }
.hunt-copy,.hunt-console { position:relative; z-index:2; }.hunt-copy { align-self:center; }.hunt-copy .eyebrow { color:#345a3c; }.hunt-copy h2 { font-size:clamp(4rem,7.5vw,7.8rem); }.hunt-copy > p:not(.eyebrow) { max-width:27rem; font-size:1.3rem; line-height:1.45; }.ear-key { display:flex; gap:1.4rem; margin-top:2.2rem; font:500 .55rem var(--mono); text-transform:uppercase; }.ear-key span { display:flex; align-items:center; gap:.5rem; }.ear-key i { width:8px; height:8px; border-radius:50%; background:var(--green-dim); }.ear-key .ear-right-dot { background:#725a3c; }
.hunt-console { align-self:center; min-width:0; color:var(--moon); background:#0c100d; box-shadow:0 40px 80px rgba(45,34,20,.3); }.hunt-top { height:46px; padding:0 1.2rem; display:flex; justify-content:space-between; align-items:center; color:var(--grey); border-bottom:1px solid var(--line); font:.53rem var(--mono); letter-spacing:.12em; }.hunt-status { color:var(--green); }
.hunt-field { position:relative; height:clamp(370px,39vw,520px); overflow:hidden; touch-action:none; cursor:crosshair; background: radial-gradient(ellipse at 55% 110%,#272b21,#111611 55%,#080b09); }.hunt-field::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(transparent 50%,rgba(0,0,0,.12) 50%); background-size:100% 4px; }
.ear-cones { position:absolute; inset:0; width:100%; height:100%; }.ear-cones circle:first-of-type { fill:var(--green); }.ear-cones circle:last-of-type { fill:var(--buff); }.leaves { position:absolute; left:-5%; right:-5%; bottom:-4%; height:57%; opacity:.42; background: repeating-radial-gradient(ellipse at 10% 80%,transparent 0 15px,#72705d 16px 18px,transparent 19px 42px), repeating-radial-gradient(ellipse at 75% 35%,transparent 0 12px,#3c4d3d 13px 15px,transparent 16px 38px); transform:rotate(-2deg); }.hidden-mouse { position:absolute; left:var(--mouse-x,65%); top:var(--mouse-y,70%); width:18px; height:10px; border-radius:55% 45% 45% 55%; background:var(--green); opacity:0; transform:translate(-50%,-50%); transition:opacity .25s; }.hidden-mouse::before { content:''; position:absolute; right:-14px; top:5px; width:16px; height:1px; background:var(--green); transform:rotate(15deg); transform-origin:left; }.hidden-mouse span::before,.hidden-mouse span::after { content:''; position:absolute; left:2px; top:-4px; border:3px solid var(--green); border-radius:50%; }.hidden-mouse span::after { left:7px; }.hunt-field.success .hidden-mouse { opacity:1; }
.reticle { position:absolute; left:var(--aim-x,50%); top:var(--aim-y,55%); width:50px; height:50px; border:1px solid rgba(157,232,174,.7); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; transition:left .08s linear,top .08s linear; }.reticle::before,.reticle::after { content:''; position:absolute; background:var(--green); }.reticle::before { left:50%; top:-10px; width:1px; height:68px; }.reticle::after { top:50%; left:-10px; height:1px; width:68px; }.reticle i { position:absolute; inset:9px; border:1px dashed rgba(157,232,174,.35); border-radius:50%; }.reticle b { position:absolute; left:50%; top:50%; width:4px; height:4px; border-radius:50%; background:var(--green); transform:translate(-50%,-50%); box-shadow:0 0 12px var(--green); }.field-instruction { position:absolute; z-index:2; left:1rem; bottom:1rem; color:#969b91; font:.5rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }.strike-flash { position:absolute; z-index:3; inset:0; display:grid; place-items:center; color:var(--black); background:rgba(157,232,174,.83); font:600 clamp(2rem,5vw,5rem) var(--mono); letter-spacing:.1em; opacity:0; pointer-events:none; }.hunt-field.success .strike-flash { animation:contact .8s ease both; }
.hunt-data { min-height:95px; display:grid; grid-template-columns:1fr 1fr 1fr 165px; border-top:1px solid var(--line); }.hunt-data > div { display:flex; flex-direction:column; justify-content:center; gap:.45rem; padding:1rem; border-right:1px solid var(--line); }.hunt-data span { color:var(--grey); font:.48rem var(--mono); text-transform:uppercase; }.hunt-data strong { color:var(--green); font:400 .72rem var(--mono); }.relocate-button { border:0; color:var(--black); background:var(--buff); cursor:pointer; font:600 .52rem var(--mono); letter-spacing:.06em; text-transform:uppercase; }.relocate-button:hover { background:var(--green); }.hunt-result { margin:0; padding:.7rem 1rem; color:#a4a79f; border-top:1px solid var(--line); font:.78rem var(--serif); font-style:italic; }
@keyframes contact { 0%{opacity:0} 20%{opacity:1} 60%{opacity:1} 100%{opacity:0} }

/* Disc */
.disc-section { min-height:860px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2rem,8vw,9rem); padding:clamp(7rem,12vw,12rem) clamp(1.2rem,8vw,9rem); background:radial-gradient(circle at 24% 50%,#20281f,#090c0a 42%); }.disc-diagram svg { width:100%; max-height:680px; display:block; overflow:visible; filter:drop-shadow(0 30px 45px rgba(0,0,0,.5)); }.disc-shape { fill:url(#discGrad); }.dish-line { fill:none; stroke:rgba(9,12,10,.28); stroke-width:2; }.sound-ray { fill:none; stroke:var(--green); stroke-width:2; stroke-dasharray:7 10; animation:ray 5s linear infinite; }.ear-port { fill:var(--black); stroke:var(--green); stroke-width:4; }.ear-port.right { stroke:var(--buff-deep); }.beak-mark { fill:#787368; }.disc-diagram text { fill:var(--green); font:11px var(--mono); letter-spacing:1px; }.label-line { fill:none; stroke:var(--green); stroke-width:1; }.disc-copy h2 i { color:var(--buff); }.disc-copy > p:not(.eyebrow) { max-width:33rem; color:#bbb7ad; font-size:1.3rem; line-height:1.48; }.disc-copy blockquote { margin:2.7rem 0; padding:1.4rem 0 1.4rem 1.7rem; max-width:35rem; border-left:1px solid var(--green); color:var(--moon); font-size:1.25rem; line-height:1.4; font-style:italic; }.disc-copy cite { display:block; margin-top:.8rem; color:var(--grey); font:400 .51rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }.disc-facts { display:flex; gap:2.5rem; }.disc-facts span { color:var(--grey); font:.52rem var(--mono); text-transform:uppercase; }.disc-facts b { display:block; margin-bottom:.4rem; color:var(--green); font:400 1rem var(--mono); }
@keyframes ray { to { stroke-dashoffset:-100; } }

/* Archive */
.archive-section { position:relative; display:grid; grid-template-columns:.7fr 1.25fr .65fr; gap:clamp(2rem,5vw,5rem); align-items:center; padding:clamp(7rem,11vw,11rem) clamp(1.2rem,6vw,7rem); color:var(--ink); background:#e6d8bf; overflow:hidden; }.archive-section::before { content:'114'; position:absolute; right:-.05em; bottom:-.25em; color:rgba(9,12,10,.045); font:700 38vw/1 var(--mono); }.archive-heading,.pellet-tray,.inventory { position:relative; z-index:2; }.archive-heading .eyebrow { color:#3f6648; }.archive-heading h2 { font-size:clamp(3.8rem,7vw,7rem); }.archive-heading > p:not(.eyebrow) { max-width:24rem; font-size:1.2rem; line-height:1.5; }.pellet-tray { aspect-ratio:1/.82; min-height:480px; border:1px solid rgba(9,12,10,.25); background:linear-gradient(140deg,rgba(255,255,255,.25),transparent),repeating-linear-gradient(0deg,transparent 0 29px,rgba(9,12,10,.05) 30px); box-shadow:20px 24px 0 rgba(9,12,10,.08); }.tray-label { position:absolute; top:0; left:0; right:0; height:42px; padding:0 1rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(9,12,10,.2); font:.52rem var(--mono); letter-spacing:.1em; }.tray-label b { font-weight:400; color:#4e5c51; }.bone { position:absolute; color:#f8f0e2; filter:drop-shadow(3px 5px 3px rgba(50,36,20,.18)); }.bone-skull { left:15%; top:24%; width:105px; height:85px; border-radius:52% 48% 40% 38%; background:currentColor; transform:rotate(-12deg); }.bone-skull::before,.bone-skull::after { content:''; position:absolute; top:24px; width:25px; height:28px; border-radius:50%; background:#867d6d; }.bone-skull::before { left:15px; }.bone-skull::after { right:15px; }.bone-skull i { position:absolute; left:45%; bottom:-20px; width:20px; height:40px; background:currentColor; clip-path:polygon(0 0,100% 0,65% 100%,35% 100%); }.bone-jaw { left:51%; top:29%; width:120px; height:55px; border:10px solid currentColor; border-top:0; border-radius:0 0 80px 80px; transform:rotate(19deg); }.bone-rib { width:75px; height:100px; border:6px solid currentColor; border-left-color:transparent; border-bottom-color:transparent; border-radius:50%; }.bone-rib.a { left:24%; top:58%; transform:rotate(32deg); }.bone-rib.b { left:38%; top:58%; transform:rotate(52deg); }.bone-rib.c { left:52%; top:55%; transform:rotate(69deg); }.bone-leg { width:11px; height:125px; border-radius:10px; background:currentColor; }.bone-leg.a { left:72%; top:55%; transform:rotate(33deg); }.bone-leg.b { left:78%; top:52%; transform:rotate(52deg); }.bone-leg::after { content:''; position:absolute; bottom:-10px; left:-5px; width:22px; height:22px; border-radius:50%; background:currentColor; }.spec-label { position:absolute; color:#3f4d42; font:.48rem var(--mono); text-transform:uppercase; }.label-skull { left:5%; top:16%; }.label-jaw { right:7%; top:20%; }.label-ribs { left:5%; bottom:7%; }.label-fur { right:6%; bottom:9%; }.fur-cloud { position:absolute; right:8%; top:42%; width:100px; height:70px; opacity:.35; background:repeating-linear-gradient(23deg,transparent 0 4px,#6d6558 5px 6px); border-radius:50%; filter:blur(.3px); }.inventory { padding:1.5rem; border:1px solid rgba(9,12,10,.2); background:rgba(255,255,255,.14); }.inventory-head { display:flex; justify-content:space-between; padding-bottom:1rem; border-bottom:1px solid rgba(9,12,10,.2); color:#49604f; font:.5rem var(--mono); }.inventory ol { list-style:none; margin:1.5rem 0 2rem; padding:0; }.inventory li { display:flex; justify-content:space-between; gap:1rem; padding:.8rem 0; border-bottom:1px solid rgba(9,12,10,.12); font-style:italic; }.inventory li b { font:500 .65rem var(--mono); }.inventory > p { margin:0; color:#4f5c52; font:.5rem var(--mono); text-transform:uppercase; }.radius { display:block; margin-top:.3rem; font:300 4rem var(--mono); letter-spacing:-.1em; }.radius small { margin-left:.5rem; color:#46634c; font-size:.7rem; letter-spacing:0; }

/* Register and footer */
.register-section { padding:clamp(7rem,11vw,11rem) clamp(1.2rem,7vw,8rem); background:#0a0e0b; }.register-lead { display:flex; justify-content:space-between; align-items:flex-end; gap:3rem; max-width:1280px; margin:0 auto 5rem; }.register-lead .eyebrow { align-self:flex-start; }.register-lead h2 { color:var(--buff); font-size:clamp(4rem,7vw,7.5rem); text-align:right; }.ring-ledger { max-width:1280px; margin:auto; border-top:1px solid var(--line); }.ledger-row { min-height:86px; display:grid; grid-template-columns:1fr 1.1fr 1.5fr .8fr; align-items:center; border-bottom:1px solid var(--line); color:#b8b9b3; font:.63rem var(--mono); letter-spacing:.04em; }.ledger-row strong { color:var(--moon); font:400 italic 1.5rem var(--serif); }.ledger-row > * { padding:0 1rem; }.ledger-head { min-height:45px; color:var(--green); font-size:.48rem; text-transform:uppercase; }.ring { display:inline-block; width:10px; height:16px; margin-right:.7rem; border:2px solid currentColor; border-radius:3px; vertical-align:middle; }.ring.green{color:var(--green)}.ring.buff{color:var(--buff)}.ring.grey{color:var(--grey)}.ring.white{color:var(--moon)}
footer { min-height:230px; padding:3rem clamp(1.2rem,5vw,5rem); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; border-top:1px solid var(--line); color:#7f837b; background:#070907; font:.55rem var(--mono); }.footer-mark { display:flex; align-items:center; gap:.8rem; color:var(--buff); font:400 1.15rem var(--serif); }.footer-mark svg { width:42px; fill:var(--buff); }.footer-mark svg circle { fill:var(--black); }.footer-mark small { display:block; color:#747970; font:.48rem var(--mono); text-transform:uppercase; }.footer-nav,footer nav { justify-self:end; display:flex; gap:1.5rem; }.footer-nav a,footer nav a { min-height:44px; display:flex; align-items:center; text-underline-offset:4px; }

@media (max-width: 1000px) {
  .site-header { grid-template-columns:1fr auto; }.site-header nav { display:none; }
  .hero { grid-template-columns:1fr; align-items:center; }.hero-moon { left:40%; top:50%; width:min(72vw,650px); opacity:.85; }.hero-copy { padding-top:0; padding-bottom:0; transform:translateY(-3vh); }.hero-copy.is-visible { transform:translateY(-3vh); }.hero-deck { position:relative; z-index:2; color:#e8e2d8; text-shadow:0 1px 2px #090c0a,0 0 14px #090c0a; }.hero-deck::before { content:''; position:absolute; z-index:-1; inset:-.8rem -7rem -.8rem -1.4rem; background:linear-gradient(90deg,rgba(9,12,10,.92),rgba(9,12,10,.72) 58%,transparent); }.hero-readout { bottom:6%; }
  .section-lead { grid-template-columns:1fr 1fr; }.ribbon-row { grid-template-columns:130px 1fr; }.scope-foot { grid-template-columns:130px 1fr 230px; }
  .anatomy-lab { grid-template-columns:190px 1fr; }.feature-copy { width:45%; }
  .hunt-section { grid-template-columns:1fr; }.hunt-copy { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem 3rem; align-items:end; }.hunt-copy .eyebrow { grid-column:1/-1; }.hunt-copy .ear-key { grid-column:2; }.hunt-console { width:100%; }
  .disc-section { gap:2rem; padding-left:3rem; padding-right:3rem; }
  .archive-section { grid-template-columns:1fr; }.inventory { grid-column:auto; }.archive-heading { grid-row:auto; max-width:38rem; }.archive-heading > p:not(.eyebrow) { max-width:32rem; }
  footer { grid-template-columns:1fr 1fr; } footer > p { display:block; grid-column:1/-1; margin:0; }
}

@media (max-width: 650px) {
  .site-header { height:70px; padding:0 1rem; }.wordmark small { display:none; }.wordmark svg { width:28px; }.audio-label { width:auto; white-space:nowrap; font-size:.5rem; }.hero { min-height:820px; padding:7.2rem 1.2rem 5rem; align-items:start; }.hero h1 { font-size:clamp(4.2rem,22vw,6rem); }.hero-copy,.hero-copy.is-visible { padding:0; transform:none; }.hero-deck { position:relative; z-index:2; margin:2rem 0 1.5rem; max-width:20rem; color:#e8e2d8; font-size:1.08rem; text-shadow:0 1px 2px #090c0a,0 0 12px #090c0a; }.hero-deck::before { content:''; position:absolute; z-index:-1; inset:-.6rem -3rem -.6rem -1rem; background:linear-gradient(90deg,rgba(9,12,10,.92),rgba(9,12,10,.68) 62%,transparent); }.enter-link { margin-left:0; }.hero-moon { width:124vw; left:20%; top:61%; opacity:.7; }.moon-caption,.scroll-note { display:none; }.hero-readout { right:1.2rem; bottom:1.8rem; }.hero-readout strong { font-size:2rem; }
  .silence-section { padding:6rem 1rem; }.silence-section::before { font-size:8rem; }.section-lead { display:block; margin-bottom:3rem; }.section-lead .eyebrow { margin-bottom:1.5rem; }.section-lead h2,.anatomy-head h2,.hunt-copy h2,.disc-copy h2,.archive-heading h2,.register-lead h2 { font-size:clamp(3.7rem,18vw,5rem); }.section-lead > p:last-child { margin-top:1.8rem; font-size:1.1rem; }
  .scope-head { padding:0 .8rem; }.ribbon-row { min-height:180px; display:block; }.species { height:54px; padding:.6rem .8rem; display:flex; align-items:baseline; gap:.6rem; border-right:0; border-bottom:1px solid var(--line); }.species b { font-size:1.2rem; }.wavebox { height:125px; padding:.2rem .8rem; }.wavebox svg { height:120px; }.db-tag { top:.5rem; right:.6rem; }.scope-foot { min-height:0; grid-template-columns:1fr 1fr; }.compare-button { min-height:64px; border-bottom:1px solid var(--line); }.hold-meter { padding:0 1rem; }.comparison-note { grid-column:1/-1; padding:1rem; border-left:0; }.comparison-note br { display:none; }
  .anatomy-section { padding:6rem 1rem; }.anatomy-head { margin-bottom:3rem; }.anatomy-lab { display:block; }.feature-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-right:0; border-bottom:1px solid var(--line); }.feature-tabs button { min-height:82px; padding:.7rem; border-right:1px solid var(--line); border-bottom:0; font-size:.5rem; }.wing-stage { min-height:530px; }.wing-svg { width:150%; height:410px; transform:translateX(-23%); }.feature-copy { left:1rem; right:1rem; bottom:1rem; width:auto; padding:1.2rem; }.feature-copy p { font-size:.9rem; }
  .hunt-section { padding:6rem 1rem; }.hunt-copy { display:block; }.hunt-copy > p:not(.eyebrow) { font-size:1.1rem; }.hunt-copy .ear-key { margin-bottom:2rem; }.hunt-field { height:420px; }.hunt-data { grid-template-columns:repeat(3,1fr); }.hunt-data > div { padding:.7rem .5rem; }.relocate-button { grid-column:1/-1; min-height:52px; }.hunt-result { font-size:.7rem; }.field-instruction { font-size:.45rem; }
  .disc-section { min-height:0; grid-template-columns:1fr; padding:6rem 1.2rem; }.disc-diagram { order:2; }.disc-copy { order:1; }.disc-copy > p:not(.eyebrow) { font-size:1.1rem; }.disc-copy blockquote { margin:2rem 0; font-size:1.05rem; }.disc-facts { gap:1rem; justify-content:space-between; }.disc-diagram svg { margin-top:2rem; }
  .archive-section { display:block; padding:6rem 1rem; }.archive-heading { margin-bottom:3rem; }.archive-heading > p:not(.eyebrow) { font-size:1.05rem; }.pellet-tray { min-height:360px; }.bone-skull { transform:scale(.8) rotate(-12deg); transform-origin:left top; }.bone-jaw { transform:scale(.75) rotate(19deg); transform-origin:left top; }.spec-label { max-width:43%; font-size:.42rem; line-height:1.35; white-space:normal; }.label-jaw,.label-fur { text-align:right; }.inventory { margin-top:2rem; }
  .register-section { padding:6rem 1rem; }.register-lead { display:block; margin-bottom:3rem; }.register-lead h2 { text-align:left; }.ledger-head { display:none; }.ledger-row { min-height:120px; grid-template-columns:1fr 1fr; gap:.5rem; padding:1rem 0; }.ledger-row strong { font-size:1.3rem; }.ledger-row > * { padding:0 .5rem; }
  footer { display:flex; flex-direction:column; align-items:flex-start; padding:3rem 1.2rem; } footer > p { order:2; } footer nav { order:3; justify-self:auto; flex-direction:column; gap:0; width:100%; } footer nav a { border-top:1px solid var(--line); }
}

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

/* Pass 2 — the hush becomes the primary instrument */
html { color-scheme: dark; }
body { text-rendering: optimizeLegibility; }
h1,h2,h3 { text-wrap: balance; }
p { text-wrap: pretty; }
button,a { touch-action: manipulation; -webkit-tap-highlight-color: rgba(157,232,174,.18); }
section[id] { scroll-margin-top: 1rem; }
.site-header nav a:focus-visible::after { right:0; }
.wordmark { transition:color .25s ease,transform .35s cubic-bezier(.2,.75,.2,1); }
.wordmark:hover,.wordmark:focus-visible { color:var(--green); transform:translateY(-2px); }
.audio-toggle { padding-inline:.75rem; transition:color .25s ease,background-color .25s ease; }
.audio-toggle:hover { color:var(--green); background:rgba(157,232,174,.045); }

.hero { background:
  radial-gradient(ellipse at 73% 43%,rgba(97,116,94,.26),transparent 24%),
  radial-gradient(circle at 74% 46%,#1d251e 0,#0d120f 31%,#070a08 67%); }
.hero::before { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 0 56%,rgba(242,234,220,.035) 56.1%,transparent 56.4%); transform:translateX(-100%); animation:field-scan 1.8s .15s cubic-bezier(.16,.85,.25,1) both; }
.hero-copy { animation:copy-arrival 1.2s .12s cubic-bezier(.18,.78,.2,1) both; }
.site-header { animation:header-arrival .9s .05s cubic-bezier(.18,.78,.2,1) both; }
.hero-readout { animation:readout-arrival .9s .9s cubic-bezier(.18,.78,.2,1) both; }
.hero h1 { max-width:6.2ch; text-shadow:0 18px 50px rgba(0,0,0,.38); }
.hero h1 em { position:relative; display:inline-block; text-shadow:0 0 35px rgba(213,183,134,.13); }
.hero h1 em::after { content:''; position:absolute; left:4%; right:-6%; bottom:-.08em; height:1px; background:linear-gradient(90deg,transparent,var(--buff),transparent); transform:scaleX(0); transform-origin:left; animation:quiet-rule 1.5s 1.05s cubic-bezier(.2,.75,.2,1) both; }
.hero-moon { animation:moon-arrival 1.7s .05s cubic-bezier(.16,.84,.22,1) both; }
.hero-moon::before { background:
  radial-gradient(circle at 37% 31%,rgba(255,252,239,.95),transparent 17%),
  radial-gradient(circle at 58% 62%,rgba(117,100,73,.23),transparent 24%),
  radial-gradient(circle at 39% 36%,#f2e7d0,#cfb482 48%,#70695c 72%,#171d18 73%); box-shadow:0 0 110px rgba(213,183,134,.13),inset -38px -26px 70px rgba(0,0,0,.48); }
.owl-outer { fill:url(#outerPlumage); }
.plumage-map { fill:url(#heroFeathers); opacity:.7; }
.disc { fill:url(#ruffLight); }
.ruff-fibres { fill:none; stroke:rgba(70,62,48,.34); stroke-width:2; stroke-linecap:round; }
.moon-crosshair { position:absolute; z-index:3; inset:28%; border:1px solid rgba(242,234,220,.09); border-radius:50%; }
.moon-crosshair::before,.moon-crosshair::after { content:''; position:absolute; background:rgba(157,232,174,.16); }
.moon-crosshair::before { left:50%; top:-25%; bottom:-25%; width:1px; }
.moon-crosshair::after { top:50%; left:-25%; right:-25%; height:1px; }
.hero-coordinate { display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; margin:2.5rem 0 0 12%; color:#6f786f; font:400 .5rem/1.4 var(--mono); letter-spacing:.1em; }
.hero-coordinate span:last-child { color:var(--green-dim); }
@keyframes field-scan { 0%{opacity:0;transform:translateX(-100%)} 35%{opacity:1} 100%{opacity:0;transform:translateX(80%)} }
@keyframes copy-arrival { from{opacity:0;transform:translateY(30px);filter:blur(6px)} to{opacity:1;transform:none;filter:none} }
@keyframes moon-arrival { from{opacity:0;transform:translateY(-45%) scale(.84);filter:blur(12px)} to{opacity:1;transform:translateY(-48%) scale(1);filter:none} }
@keyframes quiet-rule { to{transform:scaleX(1)} }
@keyframes header-arrival { from{opacity:0;transform:translateY(-18px)} to{opacity:1;transform:none} }
@keyframes readout-arrival { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

.silence-section { padding-top:clamp(7rem,9vw,9rem); background:
  radial-gradient(circle at 82% 10%,rgba(255,245,222,.24),transparent 22%),
  repeating-radial-gradient(ellipse at 72% 18%,transparent 0 59px,rgba(35,30,22,.035) 60px 61px),
  linear-gradient(112deg,#c9a977,#dfc493 54%,#c7a675); }
.silence-section::before { top:-.12em; right:-.05em; color:rgba(9,12,10,.07); font-size:clamp(10rem,22vw,22rem); }
.section-lead { grid-template-columns:.82fr 1fr; margin-bottom:4rem; }
.section-lead h2 { font-size:clamp(5rem,9vw,9.3rem); }
.comparison { max-width:1380px; border:1px solid rgba(157,232,174,.18); box-shadow:0 45px 110px rgba(41,30,16,.36),0 0 0 12px rgba(79,62,39,.045); }
.comparison::before { content:''; position:absolute; z-index:3; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(157,232,174,.035),transparent); transform:translateX(-100%); }
.comparison.running::before { animation:scope-scan 2.1s cubic-bezier(.2,.7,.3,1) both; }
.scope-head { background:#070a08; }
.ribbon-row { min-height:230px; grid-template-columns:195px 1fr; }
.species { position:relative; display:flex; flex-direction:column; justify-content:center; padding:2rem; }
.species::after { content:'AIR PRESSURE'; position:absolute; left:.55rem; bottom:.55rem; color:#4f5c51; font:400 .42rem var(--mono); letter-spacing:.12em; writing-mode:vertical-rl; }
.species b { font-size:2.4rem; }
.wavebox { display:flex; align-items:center; padding:1.4rem 3rem; background-size:28px 28px; }
.wavebox::before { content:''; position:absolute; left:0; right:0; top:50%; border-top:1px solid rgba(157,232,174,.12); }
.wavebox svg { height:190px; }
.wave { stroke-width:2.25; }
.pigeon-wave { stroke-width:3.2; }
.wave-verdict { position:absolute; left:2rem; bottom:1.1rem; color:#8e8171; font:400 .48rem var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.flatline-callout { position:absolute; left:72%; right:1.2rem; top:calc(50% + 17px); display:flex; align-items:flex-start; gap:.6rem; color:var(--green); font:400 .48rem/1.35 var(--mono); letter-spacing:.09em; text-transform:uppercase; opacity:.52; }
.flatline-callout i { width:1px; height:32px; background:var(--green); }
.flatline-callout b { max-width:13rem; font-weight:400; }
.silence-verdict { min-height:112px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; padding:0 3rem; color:#7c837b; border-bottom:1px solid var(--line); background:radial-gradient(ellipse at center,rgba(157,232,174,.055),transparent 52%); font:400 .51rem var(--mono); letter-spacing:.16em; text-transform:uppercase; }
.silence-verdict span:last-child { text-align:right; }
.silence-verdict strong { color:var(--green); font:200 5.2rem/1 var(--mono); text-shadow:0 0 18px rgba(157,232,174,.55); transform:scaleX(3.2); }
.comparison.running .silence-verdict strong { animation:flatline-bloom 4.8s 2s cubic-bezier(.16,.7,.2,1) both; }
.scope-foot { grid-template-columns:195px 1fr 300px; }
.compare-button { transition:background-color .25s ease,color .25s ease; }
@keyframes scope-scan { to{transform:translateX(100%)} }
@keyframes flatline-bloom { 0%{opacity:.15;transform:scaleX(.1)} 18%{opacity:1} 100%{transform:scaleX(3.2)} }

.anatomy-section { background:
  linear-gradient(90deg,rgba(242,234,220,.018) 1px,transparent 1px) 0 0/9vw 100%,
  radial-gradient(circle at 76% 37%,rgba(213,183,134,.1),transparent 30%),
  linear-gradient(145deg,#101611,#060907 72%); }
.anatomy-head { margin-bottom:4rem; }
.anatomy-head::after { content:'PRIMARY IX / VANE 04'; display:block; margin:2.2rem 0 0 auto; width:max-content; color:#586159; font:400 .5rem var(--mono); letter-spacing:.14em; }
.anatomy-lab { grid-template-columns:220px 1fr; border-color:rgba(157,232,174,.22); box-shadow:0 35px 100px rgba(0,0,0,.32); }
.feature-tabs { background:#080b09; }
.feature-tabs button { min-height:142px; padding:1.5rem; border-bottom-color:rgba(157,232,174,.1); transition:color .25s ease,background-color .35s ease,padding-left .35s cubic-bezier(.2,.7,.2,1); }
.feature-tabs button:hover { color:var(--moon); padding-left:1.85rem; }
.feature-tabs button[aria-selected="true"] { background:linear-gradient(120deg,var(--buff),#ead6b1); box-shadow:inset 5px 0 0 var(--green); }
.wing-stage { min-height:690px; background:radial-gradient(circle at 64% 44%,#2d2e23,#0a0e0b 64%); }
.wing-stage::after { content:'30×'; position:absolute; right:1.4rem; top:1rem; color:rgba(242,234,220,.08); font:200 7rem/1 var(--mono); letter-spacing:-.1em; }
.feature-copy { width:min(385px,42%); padding:1.7rem; background:rgba(239,229,210,.96); box-shadow:14px 14px 0 rgba(157,232,174,.12); }
.feature-copy h3 { font-size:1.7rem; }

.hunt-section { background:
  radial-gradient(circle at 15% 18%,rgba(255,245,223,.25),transparent 22%),
  repeating-radial-gradient(ellipse at 70% 22%,transparent 0 47px,rgba(36,30,21,.045) 48px 49px),
  linear-gradient(116deg,#d7bd8c,#c19d6a); }
.hunt-console { border:1px solid rgba(157,232,174,.18); box-shadow:0 45px 100px rgba(45,30,13,.34); }
.hunt-field { background:
  linear-gradient(rgba(157,232,174,.025) 1px,transparent 1px) 0 0/100% 28px,
  radial-gradient(ellipse at 55% 110%,#313326,#101611 56%,#060907); }
.convergence-ring { position:absolute; z-index:1; left:var(--aim-x,50%); top:var(--aim-y,55%); width:clamp(90px,calc(270px - var(--confidence,31) * 1.8px),270px); aspect-ratio:1; border:1px dashed rgba(157,232,174,.28); border-radius:50%; transform:translate(-50%,-50%); opacity:calc(.22 + var(--confidence,31) * .006); pointer-events:none; transition:width .14s ease,opacity .14s ease; }
.reticle { z-index:2; }
.hunt-field.hot .reticle { border-color:var(--moon); box-shadow:0 0 25px rgba(157,232,174,.3); }
.hunt-field.hot .reticle b { background:var(--moon); }
.hunt-data strong,.hero-readout strong,.radius,.ledger-row { font-variant-numeric:tabular-nums; }

.disc-section { position:relative; overflow:hidden; background:
  radial-gradient(circle at 25% 50%,#263126 0,#0d130f 27%,#070a08 56%),
  #070a08; }
.disc-section::before { content:'FOCUS'; position:absolute; right:-.05em; top:9%; color:rgba(242,234,220,.025); font:700 18vw/1 var(--mono); letter-spacing:-.1em; }
.disc-diagram { position:relative; }
.disc-diagram::before,.disc-diagram::after { content:''; position:absolute; z-index:-1; border:1px solid rgba(157,232,174,.1); border-radius:50%; inset:5%; animation:disc-pulse 7s ease-in-out infinite; }
.disc-diagram::after { inset:13%; animation-delay:-3.5s; }
.disc-copy { position:relative; z-index:2; }
@keyframes disc-pulse { 50%{transform:scale(1.06);opacity:.3} }

.archive-section { background:
  linear-gradient(rgba(9,12,10,.045) 1px,transparent 1px) 0 0/100% 38px,
  radial-gradient(circle at 76% 35%,rgba(255,255,255,.34),transparent 25%),
  #dfceb0; }
.pellet-tray { background:
  linear-gradient(90deg,transparent 49.8%,rgba(9,12,10,.08) 50%,transparent 50.2%),
  linear-gradient(transparent 49.8%,rgba(9,12,10,.08) 50%,transparent 50.2%),
  linear-gradient(140deg,rgba(255,255,255,.32),transparent),#d6c39f; }
.inventory { box-shadow:12px 12px 0 rgba(9,12,10,.06); }

.register-section { padding-bottom:clamp(5rem,7vw,7rem); background:
  radial-gradient(ellipse at 73% 15%,rgba(157,232,174,.055),transparent 28%),
  linear-gradient(105deg,#080c09,#0c120e 52%,#070a08); }
.ledger-row { transition:background-color .25s ease,color .25s ease; }
.ledger-row:not(.ledger-head):hover { color:var(--moon); background:rgba(157,232,174,.035); }
.ledger-coda { max-width:1280px; margin:3.2rem auto 0; display:flex; justify-content:space-between; align-items:baseline; gap:2rem; color:#8a8f87; font-size:clamp(1.25rem,2vw,1.8rem); font-style:italic; }
.ledger-coda span { color:var(--green); font:500 .54rem var(--mono); letter-spacing:.12em; text-transform:uppercase; }
footer { min-height:260px; background:linear-gradient(100deg,#050705,#080b08); }
footer nav a { position:relative; text-decoration-color:#566058; transition:color .25s ease; }
footer nav a:hover { color:var(--green); }

@media (max-width:1000px) {
  .hero-coordinate { margin-left:12%; }
  .ribbon-row { grid-template-columns:150px 1fr; }
  .scope-foot { grid-template-columns:150px 1fr 230px; }
  .silence-verdict { padding-inline:2rem; }
  .anatomy-lab { grid-template-columns:180px 1fr; }
  .feature-tabs button { min-height:124px; }
  .ledger-coda { padding-inline:1rem; }
}

@media (max-width:650px) {
  .site-header { background:linear-gradient(#080b09 15%,rgba(8,11,9,.82),transparent); border-bottom-color:rgba(242,234,220,.08); }
  .wordmark { font-size:1.05rem; }
  .hero { min-height:900px; padding-top:7.4rem; }
  .hero h1 { max-width:5.1ch; font-size:clamp(4.3rem,21vw,5.35rem); line-height:.75; }
  .hero-deck { margin-top:2.35rem; max-width:18.5rem; line-height:1.48; }
  .hero-coordinate { margin:2rem 0 0; max-width:18rem; }
  .hero-moon { width:132vw; left:12%; top:66%; opacity:.78; }
  .hero-readout { bottom:1.5rem; }
  .silence-section { padding-inline:.75rem; }
  .section-lead { padding-inline:.45rem; }
  .section-lead h2 { font-size:clamp(4.2rem,20vw,5.25rem); }
  .comparison { box-shadow:0 28px 60px rgba(41,30,16,.32); }
  .scope-head { min-height:56px; gap:1rem; font-size:.46rem; }
  .scope-head span:first-child { max-width:17rem; }
  .ribbon-row { min-height:195px; }
  .species { height:58px; padding:.55rem .85rem; }
  .species::after { display:none; }
  .wavebox { height:136px; padding:.2rem .75rem; }
  .wavebox svg { height:126px; }
  .wave-verdict { left:.8rem; bottom:.55rem; }
  .flatline-callout { left:49%; top:calc(50% + 13px); right:.5rem; font-size:.39rem; }
  .silence-verdict { min-height:96px; grid-template-columns:1fr auto 1fr; gap:.8rem; padding:0 .85rem; font-size:.41rem; line-height:1.5; }
  .silence-verdict strong { font-size:3.1rem; transform:scaleX(1.7); }
  .comparison.running .silence-verdict strong { animation-name:flatline-bloom-mobile; }
  .scope-foot { grid-template-columns:1fr 1fr; }
  .stillness-invite { grid-template-columns:1fr; gap:1rem; padding:1.25rem .85rem; }
  .hush-open { width:100%; min-width:0; }
  .hush-head { min-height:62px; font-size:.42rem; }
  .hush-close { top:74px; right:1rem; }
  .hush-copy { align-self:end; width:auto; margin:0 1.2rem 2.2rem; }
  .hush-copy h2 { font-size:clamp(4.15rem,20vw,5rem); }
  .hush-copy > p:last-child { margin:1.6rem 0 0; max-width:19rem; font-size:1.02rem; }
  .hush-scope { height:155px; margin-inline:1rem; }
  .hush-progress { margin-inline:1rem; }
  .hush-foot { min-height:64px; grid-template-columns:1fr auto; gap:.8rem; padding-inline:1rem; font-size:.4rem; }
  .hush-foot span:last-child { display:none; }
  .anatomy-lab { box-shadow:none; }
  .feature-tabs button { min-height:88px; padding:.65rem .5rem; }
  .feature-tabs button:hover { padding-left:.5rem; }
  .wing-stage::after { font-size:4.2rem; }
  .feature-copy { box-shadow:8px 8px 0 rgba(157,232,174,.1); }
  .hunt-field { height:450px; }
  .convergence-ring { width:clamp(80px,calc(230px - var(--confidence,31) * 1.45px),230px); }
  .disc-section::before { top:4%; font-size:28vw; }
  .pellet-tray { box-shadow:10px 12px 0 rgba(9,12,10,.07); }
  .ledger-coda { padding:0 .5rem; flex-direction:column; gap:.7rem; }
  footer { min-height:360px; }
}
@keyframes flatline-bloom-mobile { 0%{opacity:.15;transform:scaleX(.1)} 100%{opacity:1;transform:scaleX(1.7)} }

@media (prefers-reduced-motion: reduce) {
  .hush-dialog::backdrop { backdrop-filter:none; }
  .site-header,.hero-readout,.guide-owl { animation:none !important; }
}