:root{
--void:#121110;
--charcoal:#1c1a17;
--charcoal-2:#26231f;
--stroke:#3a3630;
--stroke-soft:#2a2723;
--paper:#f6f1e6;
--paper-dim:#cfc9ba;
--mustard:#e2a324;
--mustard-bright:#f4bb3f;
--mustard-dim:#9c7015;
--olive:#a7b13a;
--olive-dim:#5c6321;
--rust:#c25a2c;
--ink:#161410;
--overlay-scrim:rgba(18,17,16,0.72);
--bg:var(--void);
--surface:var(--charcoal);
--surface-raised:var(--charcoal-2);
--border:var(--stroke);
--border-soft:var(--stroke-soft);
--text-primary:var(--paper);
--text-secondary:var(--paper-dim);
--text-on-accent:var(--ink);
--accent:var(--mustard);
--accent-hover:var(--mustard-bright);
--accent-active:var(--mustard-dim);
--accent-secondary:var(--olive);
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Archivo:ital,wght@0,400..900;1,400..900&display=swap');
:root{
--font-serif:'Fraunces',ui-serif,Georgia,serif;
--font-sans:'Archivo',ui-sans-serif,system-ui,sans-serif;
--fs-display-xl:clamp(3.5rem,7vw,7.5rem); /* @kind other */
--fs-display-l:clamp(2.75rem,5vw,5rem); /* @kind other */
--fs-display-m:clamp(2rem,3.4vw,3.25rem); /* @kind other */
--fs-heading-l:2rem; /* @kind other */
--fs-heading-m:1.5rem; /* @kind other */
--fs-heading-s:1.125rem; /* @kind other */
--fs-body-l:1.25rem; /* @kind other */
--fs-body:1rem; /* @kind other */
--fs-body-s:0.875rem; /* @kind other */
--fs-micro:0.75rem; /* @kind other */
--lh-tight:1.02; /* @kind other */
--lh-snug:1.15; /* @kind other */
--lh-normal:1.5; /* @kind other */
--lh-relaxed:1.65; /* @kind other */
--ls-tight:-0.02em; /* @kind other */
--ls-normal:0em; /* @kind other */
--ls-wide:0.08em; /* @kind other */
--ls-widest:0.16em; /* @kind other */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-semibold:600; /* @kind other */
--fw-bold:700; /* @kind other */
--fw-black:900; /* @kind other */
}

:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--sp-11:192px;
--radius-s:2px;--radius-m:4px;--radius-pill:999px;
--container-max:1280px;
--border-w:1px;
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-med:280ms; /* @kind other */
--dur-slow:600ms; /* @kind other */
--shadow-card:0 20px 40px -20px rgba(0,0,0,0.5);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,p,figure{margin:0;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-hover);}
button{font-family:inherit;}
::selection{background:var(--accent);color:var(--text-on-accent);}