/* Vastline Audio — cinematic / ambient. Deep navy, brass, serif titles, letterbox lines. */
:root {
  color-scheme: dark;
  --bg: #0a0f1c; --surface: #0f1626; --surface-2: #141d31;
  --line: #222d45; --line-soft: #19223a; --line-strong: #364566;
  --text: #e9e6dc; --muted: #9aa1b4; --dim: #646d85;
  --accent: #d6b46a; --accent-dk: #b8964d; --accent-hover: #e4c684; --on-accent: #17130a;
  --link: #8fb4e6; --ok: #6fcf9a; --warn: #e0b452; --err: #ec7a6f;
  --header-bg: rgba(10,15,28,.86); --glow: rgba(214,180,106,.4);
  --bg-glow-1: rgba(120,150,220,.1); --bg-glow-2: rgba(214,180,106,.05);
  --notice-ok-fg: #c4ecd5; --notice-err-fg: #f8cdc8; --notice-info-fg: #cfe0f7;
  --danger: #b5483e; --danger-hover: #c95a4f;
  --radius: 2px; --max: 1120px;
  --font-display: "Cormorant Garamond", Garamond, Georgia, serif;
  --font: Manrope, ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}
h1, h2, h3, .brand { font-weight: 600; letter-spacing: .005em; }
.hero h1 { font-size: clamp(36px, 6.5vw, 60px); line-height: 1.02; }
.brand { letter-spacing: .14em; text-transform: uppercase; font-size: 16px; }
.brand::before { width: 22px; height: 2px; border-radius: 0; box-shadow: 0 0 10px var(--glow); }
/* Letterbox rules above and below the hero */
.hero { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-block: 30px 34px; padding-block: 44px; }
.eyebrow { letter-spacing: .32em; }
.card .cover { filter: saturate(.92); }
.btn { letter-spacing: .08em; text-transform: uppercase; font-size: 13px; }