/* Tunes — compiled from tokens.json. Do not edit by hand. */
:root, [data-theme="light"] {
  --warm-ivory: #f7f1e5;
  --soft-sand: #e7d7bc;
  --deep-teal: #176b6b;
  --mustard-yellow: #d6a928;
  --rust-brown: #9a4f32;
  --antique-gold: #b88a3b;
  --wood-brown: #6b4937;
  --coffee-brown: #3e2a24;
  --indigo-navy: #253b4a;
  --slate-blue: #6b7f95;
  --ivory: #f5f0e6;
  --surface: var(--warm-ivory);
  --surface-raised: var(--soft-sand);
  --surface-west: var(--ivory);
  --ink: var(--coffee-brown);
  --ink-muted: var(--wood-brown);
  --ink-inverse: var(--warm-ivory);
  --brand-east: var(--deep-teal);
  --brand-west: var(--indigo-navy);
  --line-hairline: #d9c6a8;
  --line-gold: var(--antique-gold);
  --on-deep-teal: var(--warm-ivory);
  --on-mustard-yellow: var(--coffee-brown);
  --on-rust-brown: var(--warm-ivory);
  --on-wood-brown: var(--warm-ivory);
  --on-coffee-brown: var(--warm-ivory);
  --on-soft-sand: var(--coffee-brown);
  --on-indigo-navy: var(--ivory);
  --on-slate-blue: #0b141b;
  --mark-ink: #841d19;
  --mark-flame: #ef4d23;
  --mark-ember: #620c0e;
  --focus-ring: var(--coffee-brown);
  --focus-ring-offset: var(--warm-ivory);
  --state-error: var(--rust-brown);
  --state-ok: var(--deep-teal);
  --shadow-sm: 0 1px 2px rgba(62, 42, 36, 0.12);
  --shadow-md: 0 6px 20px rgba(62, 42, 36, 0.16);
  --shadow-lift: 0 18px 48px rgba(62, 42, 36, 0.24);
}
[data-theme="dark"] {
  --surface: #241813;
  --surface-raised: #3e2a24;
  --surface-west: #1b2d3a;
  --ink: var(--warm-ivory);
  --ink-muted: #d8c3a5;
  --ink-inverse: #241813;
  --brand-east: #56b5b4;
  --brand-west: #9db2c6;
  --line-hairline: #4a332b;
  --line-gold: #c9a35a;
  --focus-ring: var(--mustard-yellow);
  --focus-ring-offset: #241813;
  --state-error: #cf7c58;
  --state-ok: #56b5b4;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.55);
  --shadow-lift: 0 18px 48px rgba(0, 0, 0, 0.62);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-round: 999px;
  --layer-base: 0;
  --layer-sticky: 100;
  --layer-overlay: 900;
  --layer-curtain: 1000;
  --font-display: "Rozha One", Georgia, "Times New Roman", serif;
  --font-sans: "Mukta", "Segoe UI", system-ui, sans-serif;
}
.curtain {
  font-family: var(--font-display);
  font-size: 104px;
  line-height: 0.92;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.hero {
  font-family: var(--font-display);
  font-size: 64px;
  line-height: 0.96;
  font-weight: 400;
}
.display {
  font-family: var(--font-display);
  font-size: 44px;
  line-height: 1.08;
  font-weight: 400;
}
.quote {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.36;
  font-weight: 400;
}
.h1 {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 1.14;
  font-weight: 400;
}
.h2 {
  font-family: var(--font-display);
  font-size: 27px;
  line-height: 1.22;
  font-weight: 400;
}
.h3 {
  font-family: var(--font-sans);
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
}
.lede {
  font-family: var(--font-sans);
  font-size: 19px;
  line-height: 32px;
  font-weight: 300;
}
.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
}
.small {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.nav {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.eyebrow {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.2em;
}
.button {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.14em;
}