/* InfiniSwiss — generated from tokens.json */
:root, [data-theme="site"] {
  --red-500: #e1121b;
  --red-logo: #ee1d24;
  --red-700: #c40d15;
  --red-400: #ff4b52;
  --red-300: #ff6b70;
  --red-200: #ff8a8f;
  --red-hover-fill: #f05058;
  --red-hover-ink: #ff9ea2;
  --red-900: #3a0306;
  --ink-900: #141414;
  --ink-800: #1a1a1a;
  --ink-700: #242424;
  --ink-600: #333333;
  --ink-500: #555555;
  --white: #ffffff;
  --blush-100: #fff0ee;
  --blush-200: #f3d9d6;
  --blush-300: #e3d6d5;
  --blush-400: #e7a9a5;
  --blush-500: #dcb3af;
  --text-muted: #33363a;
  --text-subtle: #5c5f63;
  --on-dark-body: #ececec;
  --on-dark-muted: #d4d4d4;
  --on-dark-soft: #cfcfcf;
  --on-dark-faint: #a8a8a8;
  --on-ink-caption: #bdbdbd;
  --on-red-body: #f2e4e4;
  --on-photo-body: #f0e3e3;
  --on-red-muted: #ffe1de;
  --live: #5bd38a;
  --glass-dark: rgba(20,2,3,0.38);
  --glass-light: rgba(255,255,255,0.14);
  --glass-card: rgba(255,255,255,0.1);
  --glass-form: rgba(255,255,255,0.12);
  --glass-border: rgba(255,255,255,0.22);
  --menu-panel: rgba(28,4,6,0.94);
  --overlay-red: rgba(40,3,6,0.78);
  --overlay-ink: rgba(20,2,3,0.9);
  --shadow-lift: 0 26px 50px rgba(0,0,0,0.2);
  --shadow-raised: 0 24px 50px rgba(0,0,0,0.35);
  --shadow-menu: 0 30px 60px rgba(0,0,0,0.45);
  --shadow-orb: 0 40px 80px rgba(0,0,0,0.5);
}
:root {
  --space-8: 8px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-38: 38px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --gutter-min: 20px;
  --section-y-min: 90px;
  --section-y-max: 150px;
  --container: 1280px;
  --radius-pill: 999px;
  --radius-xl: 36px;
  --radius-lg: 32px;
  --radius-md: 28px;
  --radius-sm: 20px;
  --radius-xs: 16px;
  --radius-focus: 8px;
  --radius-round: 50%;
  --font-display: "Red Hat Display", ui-sans-serif, system-ui, sans-serif;
  --font-text: "Red Hat Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Red Hat Mono", ui-monospace, Menlo, monospace;
}
.display-hero { font-family: var(--font-display); font-size: 124px; line-height: 0.9; letter-spacing: -0.048em; font-weight: 900; }
.display-contact { font-family: var(--font-display); font-size: 168px; line-height: 0.86; letter-spacing: -0.055em; font-weight: 900; }
.section-xl { font-family: var(--font-display); font-size: 104px; line-height: 0.92; letter-spacing: -0.045em; font-weight: 900; }
.section-lg { font-family: var(--font-display); font-size: 88px; line-height: 0.95; letter-spacing: -0.04em; font-weight: 900; }
.statement { font-family: var(--font-display); font-size: 86px; line-height: 1; letter-spacing: -0.04em; font-weight: 900; }
.section-md { font-family: var(--font-display); font-size: 80px; line-height: 0.95; letter-spacing: -0.04em; font-weight: 900; }
.numeral-photo { font-family: var(--font-display); font-size: 400px; line-height: 0.78; letter-spacing: -0.07em; font-weight: 900; }
.numeral-card { font-family: var(--font-display); font-size: 76px; line-height: 0.8; letter-spacing: -0.05em; font-weight: 900; }
.title-xl { font-family: var(--font-display); font-size: 54px; line-height: 1.02; letter-spacing: -0.03em; font-weight: 900; }
.title-lg { font-family: var(--font-display); font-size: 46px; line-height: 1; letter-spacing: -0.03em; font-weight: 900; }
.title-md { font-family: var(--font-display); font-size: 38px; line-height: 1.05; letter-spacing: -0.025em; font-weight: 900; }
.title-sm { font-family: var(--font-display); font-size: 32px; line-height: 1.08; letter-spacing: -0.02em; font-weight: 900; }
.title-xs { font-family: var(--font-display); font-size: 28px; line-height: 1.1; font-weight: 900; }
.step-title { font-family: var(--font-display); font-size: 24px; line-height: 1.15; font-weight: 800; }
.callout { font-family: var(--font-display); font-size: 26px; line-height: 1.35; font-weight: 700; }
.quote { font-family: var(--font-display); font-size: 22px; line-height: 1.4; font-weight: 700; }
.faq-question { font-family: var(--font-display); font-size: 22px; line-height: 1.3; font-weight: 800; }
.dl-term { font-family: var(--font-display); font-size: 22px; line-height: 1.3; font-weight: 800; }
.button { font-family: var(--font-display); font-size: 18px; line-height: 1; font-weight: 800; }
.eyebrow { font-family: var(--font-display); font-size: 14px; line-height: 1.4; font-weight: 800; }
.lead { font-family: var(--font-text); font-size: 22px; line-height: 1.55; font-weight: 500; }
.body { font-family: var(--font-text); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-text); font-size: 16px; line-height: 1.6; font-weight: 400; }
.nav { font-family: var(--font-text); font-size: 15px; line-height: 1.6; font-weight: 600; }
.caption { font-family: var(--font-text); font-size: 15px; line-height: 1.35; font-weight: 400; }
.label { font-family: var(--font-text); font-size: 15px; line-height: 1.4; font-weight: 700; }
.small { font-family: var(--font-text); font-size: 14px; line-height: 1.4; font-weight: 600; }
.photo-credit { font-family: var(--font-text); font-size: 13px; line-height: 1.4; letter-spacing: 0.2em; font-weight: 700; }
.clock { font-family: var(--font-mono); font-size: 42px; line-height: 1; letter-spacing: -0.02em; font-weight: 500; }
@font-face { font-family: "Red Hat Display"; src: url("/fonts/red-hat/RedHatDisplay-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Display"; src: url("/fonts/red-hat/RedHatDisplay-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Display"; src: url("/fonts/red-hat/RedHatDisplay-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Display"; src: url("/fonts/red-hat/RedHatDisplay-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Text"; src: url("/fonts/red-hat/RedHatText-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Text"; src: url("/fonts/red-hat/RedHatText-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Text"; src: url("/fonts/red-hat/RedHatText-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Text"; src: url("/fonts/red-hat/RedHatText-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Mono"; src: url("/fonts/red-hat/RedHatMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Red Hat Mono"; src: url("/fonts/red-hat/RedHatMono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }