/* fonts */
/* Google Fonts substitutes — the logo uses custom lettering. See readme.md. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,300..900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap");

/* colors */
:root{
/* Forest — sampled from the SAK lettering (#044B21 top-light → #022916 shadow) */
--forest-950:#03170C;--forest-900:#052414;--forest-800:#073319;--forest-700:#0A4423;--forest-600:#0E5A2E;--forest-500:#1B7440;--forest-400:#3E9563;--forest-200:#B9D6C3;--forest-100:#E2EEE5;
/* Brass — the roof chevron + tagline (#98824F sampled) */
--brass-700:#7A5C25;--brass-600:#9A7536;--brass-500:#B8904A;--brass-400:#D2AE68;--brass-300:#E6CB93;--brass-100:#F6EEDC;
/* Material neutrals from the renders */
--ivory:#F6F2E9;--limestone:#ECE5D7;--plaster:#D9D1C2;--concrete:#A39C90;--slate:#5E5A53;--ink:#141712;
--teak:#B57A46;--walnut:#4B1F16;--dusk:#132233;--lamp:#FFD9A0;
/* Semantic */
--success:#1B7440;--warning:#C98A1B;--danger:#A8352A;--info:#2F5D7C;

/* Aliases */
--surface-page:var(--ivory);--surface-raised:#FFFFFF;--surface-sunken:var(--limestone);
--surface-inverse:var(--forest-900);--surface-night:var(--forest-950);
--text-strong:var(--ink);--text-body:#2E322C;--text-muted:var(--slate);--text-faint:var(--concrete);
--text-inverse:var(--ivory);--text-inverse-muted:#B7BFB4;
--text-brand:var(--forest-700);--text-accent:var(--brass-600);
--border-hair:rgba(20,23,18,.12);--border-strong:rgba(20,23,18,.28);--border-inverse:rgba(246,242,233,.16);
--action-primary:var(--forest-700);--action-primary-hover:var(--forest-800);--action-primary-press:var(--forest-900);
--action-accent:var(--brass-500);--action-accent-hover:var(--brass-600);
--focus-ring:var(--brass-400);
--gradient-forest:linear-gradient(135deg,#0E5A2E 0%,#073319 100%);/* @kind color */
--gradient-brass:linear-gradient(100deg,#9A7536 0%,#E6CB93 48%,#B8904A 100%);/* @kind color */
}
/* typography */
:root{
--font-display:"Archivo",ui-sans-serif,system-ui,sans-serif;
--font-serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
--font-body:"Archivo",ui-sans-serif,system-ui,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,monospace;
--wdth-expanded:125;/* @kind other */--wdth-normal:100;/* @kind other */--wdth-condensed:75;/* @kind other */

--fs-mega:min(clamp(64px,11vw,184px),9.6vw);/* @kind font */--fs-d1:min(clamp(48px,7vw,112px),8.6vw);/* @kind font */--fs-d2:min(clamp(40px,5vw,72px),8.6vw);/* @kind font */
--fs-h1:44px;/* @kind font */--fs-h2:32px;/* @kind font */--fs-h3:24px;/* @kind font */--fs-h4:19px;/* @kind font */
--fs-lead:21px;/* @kind font */--fs-body:16px;/* @kind font */--fs-small:14px;/* @kind font */--fs-micro:12px;/* @kind font */--fs-eyebrow:12px;/* @kind font */
--lh-tight:.92;/* @kind font */--lh-snug:1.12;/* @kind font */--lh-body:1.6;/* @kind font */
--tr-mega:-.035em;/* @kind font */--tr-display:-.02em;/* @kind font */--tr-caps:.32em;/* @kind font */--tr-eyebrow:.24em;/* @kind font */
--fw-light:300;/* @kind font */--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:850;/* @kind font */
}
/* spacing */
:root{
--space-0:0;--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:144px;--space-11:208px;
--gutter:clamp(20px,4vw,56px);/* @kind spacing */--section-y:clamp(96px,14vw,208px);/* @kind spacing */--container:1360px;/* @kind spacing */--measure:62ch;/* @kind spacing */
--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-pill:999px;
}
/* effects */
:root{
--shadow-1:0 1px 2px rgba(5,36,20,.08);
--shadow-2:0 8px 24px -8px rgba(5,36,20,.22);
--shadow-3:0 32px 64px -24px rgba(5,36,20,.38);
--shadow-lamp:0 0 48px 4px rgba(255,217,160,.35);
--hairline:1px solid var(--border-hair);/* @kind other */
--blur-glass:saturate(140%) blur(14px);/* @kind other */
--scrim-bottom:linear-gradient(180deg,rgba(3,23,12,0) 40%,rgba(3,23,12,.86) 100%);/* @kind other */
--scrim-full:linear-gradient(180deg,rgba(3,23,12,.55),rgba(3,23,12,.2) 40%,rgba(3,23,12,.8));/* @kind other */
--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>");/* @kind other */
}
/* motion */
:root{
--ease-build:cubic-bezier(.77,0,.18,1);/* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--ease-settle:cubic-bezier(.34,1.3,.64,1);/* @kind other */
--dur-1:160ms; /* @kind other */
--dur-2:280ms; /* @kind other */
--dur-3:520ms; /* @kind other */
--dur-4:900ms; /* @kind other */
--dur-5:1400ms; /* @kind other */
--stagger:70ms;/* @kind other */
}
@keyframes sak-rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes sak-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sak-wipe{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sak-marquee{to{transform:translateX(-50%)}}
@keyframes sak-sheen{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){:root{
--dur-1:0ms; /* @kind other */
--dur-2:0ms; /* @kind other */
--dur-3:0ms; /* @kind other */
--dur-4:0ms; /* @kind other */
--dur-5:0ms; /* @kind other */
}}

/* base */
html{-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}
a{color:var(--text-brand);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brass-600)}
::selection{background:var(--brass-300);color:var(--forest-950)}
.sak-display{font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:var(--fw-black);letter-spacing:var(--tr-display);line-height:var(--lh-tight);text-transform:uppercase}
.sak-caps{font-family:var(--font-display);font-variation-settings:"wdth" 125;font-weight:var(--fw-bold);letter-spacing:var(--tr-caps);text-transform:uppercase}
.sak-serif{font-family:var(--font-serif);font-weight:500;letter-spacing:.01em}
.sak-eyebrow{font-family:var(--font-serif);font-size:15px;font-weight:600;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--text-accent)}
.sak-mono{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.04em}