:root { --font-display: "Source Serif 4", Georgia, serif; --font-text: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; --accent: #946B00; --accent-dark: #7A5800; --accent-glow: #D4940A; --accent-light: #F5E6C8; --ink: #1A1A1A; --muted: #5f5e59; --subtle: #6b665e; --paper: #f6f1e7; --pale: #faf8f2; --line: rgba(0, 0, 0, 0.08); --section-pad: clamp(64px, 8vw, 120px); --n900: #080808; --n800: #1A1A1A; --n700: #4A4A4A; --n500: #7A7A7A; --n300: #D0D0D0; --n100: #F5F5F3; --n050: #FAFAFA; --n000: #FFFFFF; --accent-on-dark: #d8a53e;}
body { font-family: var(--font-text); font-size: 16px; font-weight: 400; color: var(--ink); }
h1, .t-display { font-family: var(--font-display); font-size: clamp(38px, 5.4vw, 68px); font-weight: 400; line-height: 1.06; letter-spacing: -0.01em; }
h2, .t-h1 { font-family: var(--font-display); font-size: clamp(30px, 3.4vw, 46px); font-weight: 400; line-height: 1.12; letter-spacing: -0.01em; }
h3, .t-h3 { font-family: var(--font-text); font-size: 19px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.t-h2 { font-family: var(--font-text); font-size: clamp(20px, 2.2vw, 28px); font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; }
.eyebrow, .t-overline { font-family: var(--font-mono); font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
.button { font: 600 15px/1.3 var(--font-text); padding: 14px 24px; min-height: 48px; border-radius: 6px; background: var(--ink); color: #fff; border: 1px solid var(--ink); display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; }
.button:hover { background: var(--accent-dark); border-color: var(--accent-dark); }
.button.outline { background: transparent; color: var(--ink); }
.button.outline:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.skip { position: fixed; left: 12px; top: -80px; z-index: 140; background: #fff; padding: 10px; color: var(--ink); }
.skip:focus { top: 8px; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.on-dark .button.outline,.on-dark .btn--secondary{color:#f6f1e7;border-color:rgba(246,241,231,0.6);background:rgba(20,17,13,0.35)}
.on-dark .button.outline:hover,.on-dark .btn--secondary:hover{color:#1A1A1A;background:#f6f1e7;border-color:#f6f1e7}
.on-dark .button:not(.outline),.on-dark .btn--primary{color:#1A1A1A;background:#f6f1e7;border-color:#f6f1e7}
.on-dark .button:not(.outline):hover,.on-dark .btn--primary:hover{background:#fff;border-color:#fff}
.on-dark em,.on-dark .t-h1 em,.on-dark .t-display em,.on-dark .eyebrow,.on-dark .t-overline,.on-dark .key,.on-dark .t-accent{color:var(--accent-on-dark)}