:root {
      color-scheme: dark;
      --bg:#050608;
      --bg-2:#0b0f14;
      --panel: rgba(14, 18, 24, .82);
      --panel-strong: rgba(10, 13, 18, .94);
      --line: rgba(255,255,255,.10);
      --line-strong: rgba(255,255,255,.16);
      --text:#f2f4f7;
      --muted:#a9b1bb;
      --muted-2:#808996;
      --accent:#7f9a8d;
      --accent-2:#5d7167;
      --shadow: 0 24px 80px rgba(0,0,0,.42);
      --radius: 28px;
      --radius-sm: 18px;
      --max: 1180px;
      --hero-copy: clamp(3.6rem, 7vw, 6.8rem);
    }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
      margin:0;
      min-height:100vh;
      overflow-x:hidden;
      color:var(--text);
      background:
        radial-gradient(900px 560px at 20% 0%, rgba(255,255,255,.08), transparent 62%),
        radial-gradient(760px 500px at 80% 12%, rgba(255,255,255,.06), transparent 58%),
        radial-gradient(900px 700px at 50% 100%, rgba(255,255,255,.05), transparent 60%),
        linear-gradient(180deg, #040506 0%, #090b0f 52%, #050608 100%);
      font-family: "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
body::before,
body::after {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
    }
body::before {
      opacity:.14;
      background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 100% 52px,
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 72px 100%;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.08));
    }
body::after {
      opacity:.7;
      background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.12), transparent 24%),
        radial-gradient(circle at 82% 12%, rgba(255,255,255,.08), transparent 18%),
        radial-gradient(circle at 50% 88%, rgba(255,255,255,.06), transparent 28%);
      filter: blur(36px);
    }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:auto; }
button,
input,
textarea,
select { font:inherit; }
.skip-link {
      position:absolute;
      left:12px;
      top:-48px;
      z-index:50;
      padding:10px 14px;
      border:1px solid var(--line-strong);
      border-radius:999px;
      background:var(--panel-strong);
      color:var(--text);
      transition:top .16s ease;
    }
.skip-link:focus { top:12px; }
.wrap {
      width:min(calc(100% - 24px), var(--max));
      margin:0 auto;
      padding: 16px 0 64px;
    }
.topbar {
      position:sticky;
      top:0;
      z-index:30;
      backdrop-filter: blur(18px);
      background: rgba(5,6,8,.72);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
.topbar-inner {
      width:min(calc(100% - 24px), var(--max));
      margin:0 auto;
      min-height:68px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
    }
.brand {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      flex:0 1 auto;
    }
.brand-mark {
      width:14px;
      height:14px;
      border-radius:50%;
      background: linear-gradient(180deg, #f7f8f8 0%, var(--accent) 100%);
      box-shadow: 0 0 0 4px rgba(255,255,255,.05), 0 0 26px rgba(255,255,255,.18);
      flex:0 0 auto;
    }
.brand-text {
      display:grid;
      gap:2px;
      min-width:0;
    }
.brand-text strong {
      font-size:14px;
      letter-spacing:.16em;
      text-transform:uppercase;
      white-space:nowrap;
    }
.brand-text span {
      color:var(--muted);
      font-size:12px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
.nav {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
.nav a {
      padding:10px 13px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background: rgba(255,255,255,.02);
      color:var(--muted);
      font-size:13px;
      letter-spacing:.04em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
      transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
    }
.nav a:hover {
      color:var(--text);
      background: rgba(255,255,255,.05);
      border-color: rgba(255,255,255,.14);
    }
a:focus-visible {
      outline:2px solid #e7edf4;
      outline-offset:3px;
    }
.hero,
.section {
      margin-top:18px;
      padding:18px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background: var(--panel);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
.hero {
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), transparent 40%),
        radial-gradient(900px 420px at 18% 12%, rgba(255,255,255,.10), transparent 52%),
        linear-gradient(180deg, rgba(16,20,26,.88), rgba(8,10,13,.94));
    }
@media (max-width: 639px) {
}
.eyebrow {
      display:inline-flex;
      align-items:center;
      gap:10px;
      width:fit-content;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--line);
      background: rgba(255,255,255,.04);
      color:var(--muted);
      font-size:12px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
.eyebrow::before {
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background: linear-gradient(180deg, #fff, #8d97a4);
      box-shadow: 0 0 16px rgba(255,255,255,.22);
      flex:0 0 auto;
    }
.hero h1 {
      margin:12px 0 0;
      font-size:var(--hero-copy);
      line-height:.92;
      letter-spacing:-.055em;
      text-wrap:balance;
      max-width:11ch;
    }
.cta-row,
.section-actions {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
.btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:42px;
      padding:10px 14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.03);
      color:var(--text);
      font-size:13px;
      letter-spacing:.03em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
      transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
    }
.btn:hover {
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.18);
      transform: translateY(-1px);
    }
.btn.primary {
      background: rgba(127,154,141,.14);
      border-color: rgba(127,154,141,.24);
      color:#fff;
    }
.btn.amazon {
      min-height:48px;
      padding:12px 18px;
      border-color: rgba(205, 162, 104, .32);
      background:
        linear-gradient(180deg, rgba(205,162,104,.18), rgba(120,78,34,.10)),
        rgba(255,255,255,.03);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 30px rgba(0,0,0,.30);
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
.btn.amazon:hover {
      background:
        linear-gradient(180deg, rgba(205,162,104,.24), rgba(120,78,34,.14)),
        rgba(255,255,255,.05);
      border-color: rgba(226, 188, 129, .42);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 16px 38px rgba(0,0,0,.34);
    }
.archive-status {
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:10px;
      margin-top:16px;
    }
.archive-status strong {
      display:block;
      color:var(--text);
      margin-top:3px;
      font-size:13px;
      letter-spacing:.12em;
    }
.sound-card::after {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%, transparent 72%, rgba(0,0,0,.34)),
        linear-gradient(90deg, rgba(255,255,255,.03), transparent 16%, transparent 84%, rgba(255,255,255,.03));
      opacity:.55;
      mix-blend-mode: screen;
    }
.book-section {
      scroll-margin-top:96px;
    }
.book-layout {
      display:grid;
      gap:18px;
      align-items:center;
    }
.book-visual {
      position:relative;
      display:grid;
      justify-items:center;
      padding:10px 8px 6px;
      isolation:isolate;
    }
.book-visual::before {
      content:"";
      position:absolute;
      inset:14% 16% 6% 16%;
      background:
        radial-gradient(circle at 50% 45%, rgba(205,162,104,.18), transparent 52%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.09), transparent 58%);
      filter: blur(26px);
      opacity:.9;
      z-index:0;
    }
.book-visual::after {
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 30%, rgba(255,255,255,.06), transparent 34%),
        linear-gradient(180deg, transparent, rgba(0,0,0,.18));
      pointer-events:none;
      z-index:0;
    }
.book-cover-shell {
      position:relative;
      width:min(100%, 430px);
      transform: perspective(1200px) rotateY(-7deg) rotateX(2deg) translateY(0);
      transform-origin:center;
      filter: drop-shadow(0 32px 55px rgba(0,0,0,.50));
      z-index:1;
      transition: transform .24s ease, filter .24s ease;
    }
.book-cover-shell:hover {
      transform: perspective(1200px) rotateY(-3deg) rotateX(0deg) translateY(-2px);
      filter: drop-shadow(0 36px 60px rgba(0,0,0,.56));
    }
.book-cover-shell::before {
      content:"";
      position:absolute;
      inset:-12px -10px -18px -10px;
      border-radius:28px;
      background:
        radial-gradient(circle at 50% 30%, rgba(205,162,104,.24), transparent 58%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.07), transparent 72%);
      opacity:.75;
      filter: blur(20px);
      z-index:-1;
    }
.book-cover-shell figure {
      margin:0;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
      background:#090b0f;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 48px rgba(0,0,0,.34);
    }
.book-cover-shell img {
      display:block;
      width:100%;
      height:auto;
      object-fit:cover;
    }
.book-note {
      margin:12px 0 0;
      color:var(--muted);
      font-size:13px;
      line-height:1.6;
      max-width:36ch;
    }
.book-content {
      display:grid;
      gap:16px;
    }
.book-eyebrow {
      display:inline-flex;
      align-items:center;
      gap:10px;
      width:fit-content;
      color:#d9dfe4;
      font-size:12px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
.book-eyebrow::before {
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background: linear-gradient(180deg, #fff, #9c8160);
      box-shadow: 0 0 16px rgba(205,162,104,.25);
      flex:0 0 auto;
    }
.book-title {
      margin:0;
      font-size: clamp(30px, 4.5vw, 56px);
      line-height:.95;
      letter-spacing:-.05em;
      text-wrap:balance;
      max-width:12ch;
    }
.book-copy {
      margin:0;
      max-width:62ch;
      color:var(--muted);
      line-height:1.75;
      font-size:15px;
    }
.book-actions {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
.section-header {
      display:grid;
      gap:10px;
      margin-bottom:16px;
    }
.section-header h2 {
      margin:0;
      font-size: clamp(26px, 4vw, 42px);
      line-height:1;
      letter-spacing:-.045em;
    }
.section-header p {
      margin:0;
      max-width:74ch;
      color:var(--muted);
      line-height:1.7;
      font-size:15px;
    }
.sound-card {
      position:relative;
      border:1px solid var(--line);
      border-radius:22px;
      background:
        radial-gradient(760px 260px at 12% 0%, rgba(255,255,255,.08), transparent 50%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      overflow:hidden;
    }
.manual-title {
      margin:0;
      font-size: clamp(28px, 5vw, 48px);
      line-height:.96;
      letter-spacing:-.05em;
      max-width:14ch;
    }
.manual-kicker {
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:fit-content;
      margin-bottom:12px;
      color:#d7dce2;
      font-size:12px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
.manual-kicker::before {
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background: linear-gradient(180deg, #fff, #8b94a0);
      box-shadow: 0 0 14px rgba(255,255,255,.20);
    }
.case-grid {
      display:grid;
      gap:12px;
    }
.case-card {
      display:grid;
      border:1px solid var(--line);
      border-radius:22px;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      box-shadow: 0 14px 40px rgba(0,0,0,.26);
      cursor:default;
    }
.case-card figure {
      margin:0;
      aspect-ratio: 4 / 3;
      background:#0b0d11;
      overflow:hidden;
    }
.case-card img {
      width:100%;
      height:100%;
      object-fit:cover;
      filter: grayscale(1) contrast(1.08) brightness(.95);
      transform: scale(1.001);
      transition: transform .22s ease, filter .22s ease;
    }
.case-card:hover img {
      transform: scale(1.03);
      filter: grayscale(1) contrast(1.12) brightness(1);
    }
.case-body {
      display:grid;
      gap:10px;
      padding:14px 14px 16px;
    }
.case-top {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }
.case-id {
      color:var(--accent);
      letter-spacing:.18em;
      text-transform:uppercase;
      font-size:11px;
      line-height:1.2;
    }
.case-title {
      margin:4px 0 0;
      font-size:20px;
      line-height:1.05;
      letter-spacing:-.03em;
    }
.case-desc {
      margin:0;
      color:var(--muted);
      line-height:1.65;
      font-size:14px;
    }
.case-meta {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
.case-actions {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:4px;
    }
.official-app-section {
      scroll-margin-top:96px;
      background:
        radial-gradient(900px 420px at 82% 16%, rgba(127,154,141,.14), transparent 58%),
        linear-gradient(180deg, rgba(16,22,22,.90), rgba(8,11,13,.96));
    }
.official-app-layout {
      display:grid;
      gap:22px;
      align-items:stretch;
    }
.official-app-copy {
      display:grid;
      align-content:center;
      gap:16px;
    }
.official-app-copy h2 {
      margin:0;
      max-width:11ch;
      font-size:clamp(34px, 5vw, 62px);
      line-height:.94;
      letter-spacing:-.055em;
    }
.official-app-name {
      margin:0;
      color:#dfe7e2;
      font-size:18px;
      letter-spacing:.02em;
    }
.official-app-copy > p:not(.official-app-name) {
      margin:0;
      max-width:54ch;
      color:var(--muted);
      line-height:1.72;
      font-size:15px;
    }
.btn.app-store {
      min-height:50px;
      padding:13px 18px;
      border-color:rgba(127,154,141,.48);
      background:
        linear-gradient(180deg, rgba(127,154,141,.26), rgba(65,86,77,.16)),
        rgba(255,255,255,.04);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.34);
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
.btn.app-store:hover {
      border-color:rgba(171,201,185,.62);
      background:
        linear-gradient(180deg, rgba(127,154,141,.34), rgba(65,86,77,.22)),
        rgba(255,255,255,.06);
    }
.ios-app-visual {
      min-width:0;
      display:grid;
      place-items:center;
    }
.ios-app-image-shell {
      position:relative;
      width:min(100%, 520px);
      aspect-ratio:4 / 5;
      display:grid;
      place-items:center;
      overflow:hidden;
      border:1px solid rgba(127,154,141,.30);
      border-radius:24px;
      background:
        radial-gradient(circle at 50% 40%, rgba(127,154,141,.20), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.015) 52%, rgba(127,154,141,.08));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 24px 70px rgba(0,0,0,.42);
      isolation:isolate;
    }
.ios-app-image-shell::before,
.ios-app-image-shell::after {
      content:"";
      position:absolute;
      pointer-events:none;
    }
.ios-app-image-shell::before {
      inset:10%;
      border:1px solid rgba(255,255,255,.10);
      border-radius:18px;
      background:linear-gradient(transparent 49.8%, rgba(255,255,255,.07) 50%, transparent 50.2%);
      opacity:.75;
    }
.ios-app-image-shell::after {
      inset:0;
      background:linear-gradient(90deg, transparent 48%, rgba(127,154,141,.18) 50%, transparent 52%);
      opacity:.45;
    }
.ios-app-image-shell > img {
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      filter:contrast(1.03) brightness(.96);
    }
.secondary-app-grid {
      display:grid;
      gap:8px;
    }
.secondary-app {
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:12px;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:rgba(255,255,255,.025);
    }
.secondary-app strong { font-size:13px; }
.secondary-app span { color:var(--muted-2); font-size:12px; }
.secondary-app:hover { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.05); }
.meta-row {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
.metadata-pill {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 10px;
      border-radius:999px;
      border:1px solid var(--line);
      background: rgba(255,255,255,.03);
      color:var(--muted);
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
.sound-card {
      padding:0;
      cursor:default;
    }
.sound-card figure {
      margin:0;
      aspect-ratio: 4 / 3;
      overflow:hidden;
      background:#0b0d11;
    }
.sound-card img {
      width:100%;
      height:100%;
      object-fit:cover;
      object-position: var(--focus, center center);
      filter: grayscale(1) contrast(1.08) brightness(.96);
      transform: scale(1.001);
      transition: transform .22s ease;
    }
.sound-card:hover img { transform: scale(1.02); }
.sound-body {
      display:grid;
      gap:10px;
      padding:14px 14px 16px;
    }
.sound-body p {
      margin:0;
      color:var(--muted);
      line-height:1.6;
      font-size:14px;
    }
.sound-meta {
      display:grid;
      gap:10px;
    }
.audio-shell {
      border:1px solid rgba(255,255,255,.10);
      border-radius:16px;
      background: rgba(0,0,0,.28);
      padding:10px;
    }
audio {
      width:100%;
    }
.sound-error {
      margin:0;
      color:var(--muted-2);
      font-size:12px;
      line-height:1.45;
      min-height:1em;
    }
.transmission-grid {
      display:grid;
      gap:12px;
    }
.transmission-card {
      padding:0;
    }
.transmission-card .sound-body {
      gap:12px;
    }
.transmission-top {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }
.transmission-title {
      margin:0;
      font-size:20px;
      line-height:1.05;
      letter-spacing:-.03em;
    }
.transmission-type {
      color:var(--accent);
      letter-spacing:.16em;
      text-transform:uppercase;
      font-size:11px;
      white-space:nowrap;
      padding-top:2px;
    }
.footer {
      margin-top:18px;
      padding:20px;
      border:1px solid var(--line);
      border-radius:22px;
      background:
        radial-gradient(760px 260px at 12% 0%, rgba(127,154,141,.10), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    }
.footer-note {
      margin:14px 0 0;
      color:#d8dfe0;
      font-size:13px;
      line-height:1.6;
    }
.footer a {
      color:inherit;
      text-decoration:underline;
      text-decoration-thickness:1px;
      text-underline-offset:2px;
    }
.sealed-materials { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.8fr); align-items:center; gap:clamp(24px,5vw,70px); padding:clamp(28px,4vw,52px); background:linear-gradient(100deg,rgba(255,255,255,.025),transparent 62%); }
.sealed-copy h2 { margin:12px 0; font-size:clamp(36px,4.8vw,60px); letter-spacing:-.055em; }
.sealed-copy > p:not(.file-number):not(.sealed-meta) { max-width:37ch; color:var(--muted); font-size:16px; line-height:1.65; }
.sealed-meta { margin:21px 0; color:var(--accent); font:11px/1.6 Consolas,"Liberation Mono",monospace; letter-spacing:.1em; }
.sealed-prints { position:relative; min-height:310px; }
.sealed-print { position:absolute; overflow:hidden; margin:0; width:clamp(150px,18vw,220px); aspect-ratio:4/5; border:1px solid rgba(255,255,255,.15); background:#080a0d; box-shadow:0 20px 40px rgba(0,0,0,.34); }
.sealed-print img { width:100%; height:100%; object-fit:cover; filter:saturate(.55) contrast(.96); }
.print-one { top:10px; left:11%; transform:rotate(-4deg); }
.print-two { right:9%; bottom:4px; transform:rotate(4deg); }
.open-channel { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.8fr); gap:clamp(32px,7vw,105px); padding:clamp(34px,5vw,66px) 0; border-top:1px solid var(--line); }
.open-channel h2 { max-width:13ch; margin:12px 0; font-size:clamp(30px,3.7vw,48px); line-height:1.08; letter-spacing:-.045em; }
.channel-lead { margin:0; color:var(--text); font-size:18px; }
.channel-note { color:var(--muted); line-height:1.6; }
.channel-action { align-self:center; }
.channel-includes { margin:0 0 9px; color:var(--muted-2); font:10px/1.6 Consolas,"Liberation Mono",monospace; letter-spacing:.12em; }
.channel-action ul { display:flex; flex-wrap:wrap; gap:8px 15px; margin:0 0 24px; padding:10px 0; list-style:none; border-block:1px solid var(--line); color:var(--muted); font:10px/1.6 Consolas,"Liberation Mono",monospace; letter-spacing:.08em; }
.channel-email { display:block; width:max-content; max-width:100%; margin-top:13px; color:var(--muted); font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.follow-signal { display:flex; justify-content:space-between; align-items:end; gap:32px; padding:28px 0; border-top:1px solid var(--line); }
.follow-signal h2 { max-width:37ch; margin:8px 0 0; font-size:17px; line-height:1.5; font-weight:500; }
.follow-signal nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:11px 20px; }
.follow-signal nav a { color:var(--muted); font-size:13px; text-decoration:underline; text-decoration-color:rgba(127,154,141,.42); text-underline-offset:5px; }
.follow-signal nav a:hover { color:var(--text); }
@media (min-width: 760px) {
.wrap {
        width:min(calc(100% - 40px), var(--max));
        padding-bottom:80px;
      }
.hero,
.section {
        padding:24px;
      }
.book-layout {
        grid-template-columns: minmax(320px, .86fr) minmax(320px, 1.14fr);
        gap:24px;
      }
.book-visual {
        padding:18px 8px;
      }
.book-content {
        gap:18px;
      }
.official-app-layout {
        grid-template-columns:minmax(320px, 1fr) minmax(360px, .92fr);
        gap:30px;
      }
.case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
.secondary-app-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
.transmission-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
.archive-panel {
        padding:22px;
      }
}
@media (min-width: 1160px) {
.case-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
.transmission-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
}
@media (max-width: 759px) {
.topbar-inner {
        align-items:flex-start;
        flex-direction:column;
        padding:12px 0;
      }
.nav {
        justify-content:flex-start;
      }
.archive-status {
        grid-template-columns:1fr;
      }
.hero h1 {
        max-width:12ch;
      }
.book-title {
        max-width:14ch;
      }
.book-cover-shell {
        width:min(100%, 380px);
      }
.book-actions .btn.amazon {
        width:100%;
      }
.official-app-copy .cta-row {
        display:grid;
      }
.official-app-copy .app-store {
        width:100%;
      }
.ios-app-image-shell {
        width:min(100%, 390px);
      }
.sound-card {
        width:100%;
      }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior:auto; }
*,
*::before,
*::after {
        animation:none !important;
        transition:none !important;
      }
}
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
[id] { scroll-margin-top:90px; }
.site-menu summary { cursor:pointer; list-style:none; padding:12px; border:1px solid var(--line); border-radius:12px; }
.site-menu summary::-webkit-details-marker { display:none; }
.topbar-inner { flex-direction:row; align-items:center; min-height:68px; padding:0; }
.nav { flex-wrap:nowrap; gap:2px; }
.nav a { border:0; background:none; box-shadow:none; text-transform:uppercase; font-size:11px; padding:12px 10px; }
.section { margin-top:24px; padding:28px; }
.section-header { margin-bottom:22px; }
.section-header h2 { font-size:clamp(24px,3vw,36px); }
.section-header p { max-width:65ch; }
.file-number,
.archive-status { color:var(--accent); font:12px/1.6 Consolas,'Liberation Mono',monospace; letter-spacing:.10em; }
.archive-status { display:block; margin:12px 0 0; }
.metadata-pill { display:inline-block; padding:6px 10px; border:1px solid var(--line); border-radius:8px; color:var(--muted); font:11px/1.5 Consolas,monospace; }
.primary-cta,
.secondary-cta { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:13px 18px; border:1px solid var(--line-strong); border-radius:14px; font-size:12px; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; transition:background .16s; }
.primary-cta { background:#b9c9c0; color:#101613; border-color:#b9c9c0; font-weight:700; box-shadow:0 0 24px #7f9a8d18; }
.secondary-cta { background:rgba(255,255,255,.025); color:var(--text); }
.primary-cta:hover { background:#d1ded6; }
.secondary-cta:hover { background:rgba(255,255,255,.08); }
summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.current-case { margin-top:4px; padding:32px; }
.current-case-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:32px; align-items:center; }
.current-case h1 { font-size:clamp(34px,4.5vw,60px); max-width:16ch; line-height:1.04; margin:20px 0; letter-spacing:-.045em; }
.anomaly { color:var(--muted); font-size:clamp(17px,2vw,21px); line-height:1.55; max-width:33ch; }
.current-case .cta-row { margin-top:24px; }
.supporting-tagline { font-size:13px; line-height:1.6; margin:22px 0 0; color:var(--muted-2); }
.current-case-still { margin:0; border:1px solid var(--line-strong); border-radius:18px; overflow:hidden; background:#060809; }
.current-case-still img { height:440px; object-fit:contain; }
.current-case-still figcaption { padding:12px; border-top:1px solid var(--line); color:var(--muted); font:10px/1.5 Consolas,monospace; letter-spacing:.1em; }
.case-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:18px; }
.case-card { border:1px solid var(--line-strong); border-top:2px solid var(--accent); border-radius:18px; background:var(--panel-strong); }
.case-body { padding:22px; }
.case-title { margin:12px 0; font-size:24px; line-height:1.2; }
.case-desc { color:var(--muted); line-height:1.65; }
.archive-note { color:var(--muted-2); font-size:13px; line-height:1.6; }
.introduction.protocol-panel { position:relative; display:grid; grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr); gap:clamp(28px,5vw,72px); padding:clamp(30px,4vw,52px); overflow:hidden; background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(127,154,141,.025) 55%,transparent),linear-gradient(180deg,rgba(15,19,25,.86),rgba(8,10,13,.92)); }
.introduction.protocol-panel::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background:linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px) 0 0/58px 100%,linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px) 0 0/100% 44px; mask-image:linear-gradient(115deg,black,transparent 82%); }
.protocol-copy { position:relative; min-width:0; padding-right:clamp(0px,2vw,24px); }
.protocol-label,.protocol-microtext,.protocol-status span,.protocol-index { font:11px/1.55 Consolas,"Liberation Mono",monospace; letter-spacing:.12em; }
.protocol-label { display:flex; align-items:center; gap:10px; margin:0; color:var(--accent); }
.protocol-signal { width:7px; height:7px; border-radius:50%; background:#c3d3ca; box-shadow:0 0 0 4px rgba(195,211,202,.045),0 0 13px rgba(195,211,202,.2); }
.protocol-copy h2 { max-width:12ch; margin:18px 0; font-size:clamp(31px,3.6vw,48px); line-height:1.06; letter-spacing:-.045em; }
.protocol-summary { max-width:54ch; margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
.protocol-status { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 18px; margin-top:25px; }
.protocol-status strong { font-size:12px; letter-spacing:.1em; }
.protocol-status span { color:var(--accent); font-size:10px; }
.protocol-microtext { margin:42px 0 0; color:var(--muted-2); font-size:9px; }
.signal-trace { position:absolute; right:8px; bottom:0; width:140px; height:20px; opacity:.23; fill:none; stroke:var(--accent); stroke-width:1; }
.protocol-steps { position:relative; display:grid; align-content:center; margin:0; padding:0; list-style:none; border-left:1px solid rgba(255,255,255,.09); }
.protocol-steps li { display:grid; grid-template-columns:36px 1fr; gap:14px; padding:19px 0 19px 25px; border-bottom:1px solid rgba(255,255,255,.08); transition:background .2s ease, color .2s ease; }
.protocol-steps li:first-child { border-top:1px solid rgba(255,255,255,.08); }
.protocol-steps li:hover { background:rgba(255,255,255,.025); }
.protocol-index { color:var(--muted-2); padding-top:2px; }
.protocol-steps h3 { margin:0; font-size:13px; letter-spacing:.09em; }
.protocol-steps p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.55; }
.evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.evidence-card { margin:0; background:var(--panel-strong); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.evidence-card img { height:340px; object-fit:contain; background:#050608; }
.evidence-card figcaption { padding:18px; }
.evidence-card h3 { margin:8px 0 0; font-size:20px; }
#evidence .section-actions { margin-top:22px; }
.fragment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.transmission-card { border:1px dashed var(--line-strong); border-radius:18px; overflow:hidden; background:var(--panel-strong); }
.transmission-card figure { margin:0; }
.fragment-grid img { aspect-ratio:16/9; object-fit:cover; }
.ambient-collection { margin-top:24px; }
.ambient-collection summary,
#other-apps summary { padding:12px 0; color:var(--muted); cursor:pointer; }
.ambient-collection .transmission-grid { margin-top:20px; }
.official-app-layout { grid-template-columns:minmax(0,1fr) 220px; }
.ios-app-image-shell { max-width:200px; }
.official-app-copy h2,
.book-title { font-size:clamp(26px,3.5vw,40px); }
.book-layout { grid-template-columns:240px minmax(0,1fr); }
.book-cover-shell { max-width:220px; }
@media(min-width:960px) {
.site-menu summary { display:none; }
.site-menu:not([open]) > .nav { display:flex; }
.site-menu::details-content { content-visibility:visible; }
}
@media(max-width:959px) {
.site-menu { position:relative; }
.site-menu .nav { position:absolute; top:54px; right:0; width:210px; display:grid; padding:10px; background:#0b0f14; border:1px solid var(--line-strong); border-radius:14px; box-shadow:var(--shadow); }
.site-menu:not([open]) .nav { display:none; }
}
@media(max-width:759px) {
.brand-text strong { font-size:12px; letter-spacing:.12em; }
.brand-text > span { display:none; }
.current-case { padding:22px; }
.current-case-layout { grid-template-columns:1fr; gap:24px; }
.current-case h1 { font-size:clamp(32px,8.6vw,48px); max-width:17ch; }
.current-case .cta-row { display:grid; gap:10px; }
.current-case-still img { height:320px; }
.section { padding:22px; }
.introduction.protocol-panel { grid-template-columns:1fr; gap:30px; padding:28px 22px; }
.protocol-copy { padding-right:0; }
.protocol-copy h2 { font-size:clamp(29px,8vw,40px); }
.protocol-microtext { margin-top:30px; }
.signal-trace { right:0; }
.protocol-steps { border-left:0; border-top:1px solid rgba(255,255,255,.09); }
.protocol-steps li { padding-left:0; }
.case-grid,
.fragment-grid { grid-template-columns:1fr; }
.evidence-card img { height:240px; }
.evidence-card figcaption { padding:12px; }
.evidence-card .file-number { font-size:10px; }
.evidence-card h3 { font-size:17px; }
.official-app-layout,
.book-layout { grid-template-columns:1fr; }
.book-visual { order:2; }
.sealed-materials { grid-template-columns:1fr; gap:22px; padding:28px 22px; }
.sealed-prints { min-height:245px; }
.sealed-print { width:150px; }
.print-one { left:6%; }
.print-two { right:6%; }
.open-channel { grid-template-columns:1fr; gap:23px; padding:34px 0; }
.open-channel h2 { font-size:clamp(29px,8vw,39px); }
.channel-action ul { gap:7px 12px; margin-bottom:18px; }
.follow-signal { display:grid; gap:18px; padding:24px 0; }
.follow-signal nav { justify-content:flex-start; gap:12px 18px; }
}
@media(max-width:380px) {
.evidence-grid { grid-template-columns:1fr; }
}