@font-face{font-family:"Clarity City";src:url("../fonts/ClarityCity-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Clarity City";src:url("../fonts/ClarityCity-Italic-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:italic;font-display:swap}
:root{
--ink-900:#11130F;--ink-800:#1E211B;--ink-700:#2D302A;--ink-600:#454941;--ink-500:#62665D;--ink-400:#878B82;--ink-300:#AEB1A8;--ink-200:#D4D6CF;--ink-100:#E7E8E2;
--paper-50:#FAFAF7;--paper-100:#F4F4EF;--paper-200:#ECECE5;--paper-300:#E1E0D5;--white:#FFFFFF;
--moss-900:#1F3216;--moss-700:#2F4A22;--moss-600:#3F5E2D;--moss-500:#5C7A3A;--moss-300:#A7BC86;--moss-100:#E4EBD8;
--slate-700:#3A4E5A;--slate-600:#4E6573;--slate-400:#7F95A2;--slate-300:#A9B9C2;--slate-100:#E5ECEF;
--clay-600:#8C5A3C;--sand-200:#E9DFCC;
--signal-200:#EEFCB8;--signal-400:#D4F53C;--signal-500:#C2E82A;--signal-700:#5F7A00;
--success:#3F5E2D;--warning:#9A6A14;--danger:#9E3B2A;--info:#4E6573;
--surface-page:var(--paper-100);
--surface-card:var(--white);
--surface-sunken:var(--paper-200);
--surface-inverse:var(--ink-900);
--surface-accent:var(--moss-700);
--text-strong:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--ink-500);
--text-subtle:var(--ink-400);
--text-inverse:var(--paper-50);
--text-inverse-muted:#C9CCC3;
--text-accent:var(--moss-600);
--border-subtle:var(--ink-100);
--border-default:var(--ink-200);
--border-strong:var(--ink-900);
--border-inverse:rgba(250,250,247,.28);
--focus-ring:var(--moss-500);
--surface-signal:var(--signal-400);--text-on-signal:var(--ink-900);--text-signal:var(--signal-700);
--overlay-scrim:linear-gradient(180deg,rgba(17,19,15,0) 40%,rgba(17,19,15,.55) 100%);
--overlay-scrim-top:linear-gradient(0deg,rgba(17,19,15,0) 60%,rgba(17,19,15,.35) 100%);
--glass:rgba(250,250,247,.14);
}
:root{
--font-sans:"Clarity City",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--font-display:var(--font-sans);
--fw-title-display:300;--fw-title:400;
--fw-thin:200;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
--fs-mega:clamp(88px,15vw,232px);
--fs-display-1:clamp(48px,6vw,80px);
--fs-display-2:clamp(40px,4.6vw,60px);
--fs-h1:44px;--fs-h2:34px;--fs-h3:26px;--fs-h4:20px;
--fs-body-lg:19px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;
--lh-tight:0.92;--lh-snug:1.12;--lh-heading:1.18;--lh-body:1.6;
--ls-mega:-0.045em;--ls-display:-0.03em;--ls-heading:-0.015em;--ls-body:0;--ls-label:0.12em;
--type-mega:var(--fw-light) var(--fs-mega)/var(--lh-tight) var(--font-display);
--type-display:var(--fw-light) var(--fs-display-1)/var(--lh-snug) var(--font-display);
--type-h1:var(--fw-regular) var(--fs-h1)/var(--lh-heading) var(--font-sans);
--type-h2:var(--fw-regular) var(--fs-h2)/var(--lh-heading) var(--font-sans);
--type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-heading) var(--font-sans);
--type-h4:var(--fw-medium) var(--fs-h4)/1.3 var(--font-sans);
--type-lead:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-small:var(--fw-regular) var(--fs-sm)/1.5 var(--font-sans);
--type-label:var(--fw-semibold) var(--fs-xs)/1.2 var(--font-sans);
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--section-y:clamp(72px,10vw,144px);
--gutter:clamp(20px,4vw,48px);
--container:1320px;--container-text:680px;
--nav-h:72px;
}
:root{
--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;
--border-width:1px;
--shadow-0:none;
--shadow-1:0 0 0 1px rgba(17,19,15,.06),0 1px 2px rgba(17,19,15,.05);
--shadow-2:0 0 0 1px rgba(17,19,15,.05),0 10px 28px -12px rgba(17,19,15,.22);
--shadow-3:0 24px 60px -24px rgba(17,19,15,.38);
--blur-glass:14px;
--ease-out:cubic-bezier(.2,.7,.2,1);
--ease-in-out:cubic-bezier(.65,0,.35,1);
--dur-fast:160ms;--dur-base:280ms;--dur-slow:600ms;--dur-reveal:900ms;
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body)}
a{color:var(--text-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--moss-600)}
::selection{background:var(--moss-300);color:var(--ink-900)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
html,body{overscroll-behavior:none}@media (max-width:760px){.bp-row{grid-template-columns:1fr!important}}