@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
:root{
--shk-primary:#3a2214;--shk-accent:#97773b;--shk-bg:#faf6ef;--shk-ink:#241509;
--shk-surface:#ffffff;--shk-muted:#6b6560;--shk-radius:3px;
--shk-font-heading:"Hanken Grotesk", "Noto Sans", system-ui, sans-serif;--shk-font-body:"Hanken Grotesk", "Noto Sans", system-ui, sans-serif;
--bg-base:#ffffff;--bg-subtle:#faf6ef;--bg-component:#ffffff;--bg-field:#ffffff;
--fg-base:#241509;--fg-subtle:#6b6560;--fg-muted:#6b6560;
--fg-interactive:#97773b;--fg-interactive-hover:#97773b;--bg-interactive:#97773b;
--button-inverted:#3a2214;--button-inverted-hover:#3a2214;--button-inverted-pressed:#3a2214;--fg-on-inverted:#fff;
}
body{background:var(--shk-bg);color:var(--shk-ink);font-family:var(--shk-font-body);font-size:15px}
h1,h2,h3,h4,.shk-heading{font-family:var(--shk-font-heading)}
.shk-header{background:var(--shk-surface);color:var(--shk-ink)}
.shk-header a{color:var(--shk-ink)}
.shk-header a:hover{color:var(--shk-primary)}
.shk-hero{background:radial-gradient(120% 85% at 50% -20%, color-mix(in srgb, var(--shk-primary) 9%, transparent), var(--shk-bg) 70%);color:var(--shk-ink)}
.shk-cta{background:var(--shk-primary);color:#fff;border:0;border-radius:var(--shk-radius);padding:12px 24px;font-weight:700;letter-spacing:-.01em;display:inline-block}
.shk-cta:hover{filter:brightness(.94)}
button,[class*="rounded"]{border-radius:var(--shk-radius)}