/* AUDIOFIE — generated from tokens.json (node build.mjs) */
:root, [data-theme="dark"] {
  --ink: #070808;
  --fg: #f3efe9;
  --fg-2: #c3beb6;
  --fg-3: #a29c93;
  --hair: #ffffff1a;
  --hair-2: #ffffff3d;
  --hair-hover: #ffffff66;
  --hair-strong: #ffffff99;
  --hair-image: #ffffff33;
  --fill-faint: #ffffff05;
  --fill: #ffffff09;
  --fill-hover: #ffffff0f;
  --fill-selected: #ffffff14;
  --placeholder: #8b867e;
  --accent: #c9ad82;
  --accent-ring: #c9ad82b3;
  --light: #ece7df;
  --on-light: #0c0c0c;
  --graphite: #1f2021;
  --graphite-2: #111213;
  --danger: #eba48d;
  --shade: #070808bf;
  --shade-scrim: #050607e6;
  --on-image: #ffffffcc;
  --on-image-2: #ffffff59;
  --option-ground: #151616;
  --spot: #fff2df;
  --finish-silver-base-1: #141516;
  --finish-silver-base-2: #070808;
  --finish-silver-base-3: #232526;
  --finish-silver-metal-1: #7f7f7e;
  --finish-silver-metal-2: #dededc;
  --finish-silver-metal-3: #9e9e9c;
  --finish-blue-base-1: #0f2a55;
  --finish-blue-base-2: #0a0c12;
  --finish-blue-lacquer-1: #163a78;
  --finish-blue-lacquer-2: #2b5ba7;
  --finish-blue-lacquer-3: #0a0b10;
  --finish-red-base-1: #4c1115;
  --finish-red-base-2: #0c0c0c;
  --finish-red-lacquer-1: #76171d;
  --finish-red-lacquer-2: #a9272d;
  --finish-red-lacquer-3: #320b0e;
  --text-on-image: 0 1px 16px #000000cc;
  --focus-inset: inset 0 0 0 1px #c9ad82;
  --mark-on-image: 0 1px 14px #000000e6, 0 0 2px #00000099;
  --claim-on-image: 0 2px 30px #0000008c;
  --launch-on-image: 0 2px 40px #00000059;
}
:root {
  --container: 1280px;
  --gutter: 80px;
  --header-h: 80px;
  --band-pad: 96px;
  --fade: 140px;
  --head-gap: 72px;
  --grid-gap: 32px;
  --column-gap: 48px;
  --row-pad: 40px;
  --cell-pad: 28px;
  --button-h: 52px;
  --input-h: 56px;
  --go-size: 52px;
  --window-h: 520px;
  --mark-line: 92px;
  --radius-none: 0;
  --radius-dot: 50%;
  --backdrop-brightness: 0.84;
  --grain-opacity: 0.07;
  --band-blur: 26px;
  --finish-dim: 0.5;
  --finish-hover: 0.74;
  --layer-header: 50;
  --layer-menu: 45;
  --layer-content: 1;
  --layer-backdrop: 0;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/HankenGrotesk-latin.woff2?v=e9201eddf1") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
.launch { font-family: var(--font-sans); font-size: 196px; line-height: 0.88; font-weight: 200; letter-spacing: -0.055em; }
.hero-main { font-family: var(--font-sans); font-size: 120px; line-height: 0.92; font-weight: 200; letter-spacing: -0.05em; }
.claim { font-family: var(--font-sans); font-size: 76px; line-height: 1; font-weight: 200; letter-spacing: -0.045em; }
.h2 { font-family: var(--font-sans); font-size: 60px; line-height: 1.06; font-weight: 300; letter-spacing: -0.035em; }
.row-name { font-family: var(--font-sans); font-size: 46px; line-height: 1; font-weight: 200; letter-spacing: -0.04em; }
.hero-kicker { font-family: var(--font-sans); font-size: 42px; line-height: 1.1; font-weight: 300; letter-spacing: -0.02em; }
.model { font-family: var(--font-sans); font-size: 32px; line-height: 1; font-weight: 200; letter-spacing: -0.03em; }
.cell-key { font-family: var(--font-sans); font-size: 32px; line-height: 1.1; font-weight: 200; letter-spacing: -0.03em; }
.menu-item { font-family: var(--font-sans); font-size: 44px; line-height: 1.2; font-weight: 200; letter-spacing: -0.03em; }
.h3 { font-family: var(--font-sans); font-size: 24px; line-height: 1.25; font-weight: 400; letter-spacing: -0.012em; }
.lede { font-family: var(--font-sans); font-size: 21px; line-height: 1.55; font-weight: 300; letter-spacing: -0.005em; }
.option-name { font-family: var(--font-sans); font-size: 21px; line-height: 1.3; font-weight: 300; letter-spacing: -0.015em; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.65; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 500; letter-spacing: 0.005em; }
.nav { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.16em; }