:root{--steep: #17402C;--steep-900: #0B2418;--steep-700: #102E20;--steep-500: #2A6044;--steep-300: #5C8770;--steep-100: #D8E3DC;--matcha: #6F9A52;--oolong: #B45F2A;--clay: #C9876B;--ink: #14110D;--graphite: #3B3833;--stone: #6F6A60;--mist: #E5E2D9;--mist-50: #F2F0E9;--paper: #FBF9F3;--cream: #F5EFE0;--cream-50: #FCFAF3;--white: #FFFFFF;--bg: var(--cream);--bg-raised: var(--paper);--bg-tonal: var(--cream-50);--fg-1: var(--ink);--fg-2: var(--stone);--fg-3: #B5B0A4;--border: var(--mist);--border-strong:#C9C2AE;--link: var(--steep);--link-hover: var(--matcha);--success: var(--matcha);--warning: var(--oolong);--danger: #B14A3A;--font-display: "Instrument Serif", "Noto Serif", "Noto Serif SC", Georgia, serif;--font-sans: "General Sans", "Noto Sans", "Noto Naskh Arabic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-cjk: "Noto Serif SC", "Instrument Serif", serif;--font-arabic: "Noto Naskh Arabic", "General Sans", sans-serif;--display-1: clamp(56px, 9vw, 128px);--display-2: clamp(44px, 6vw, 88px);--h1: clamp(36px, 4.2vw, 64px);--h2: clamp(28px, 3vw, 44px);--h3: 24px;--h4: 20px;--eyebrow: 12px;--body-lg: 18px;--body: 16px;--body-sm: 14px;--caption: 12px;--lh-display: 1.05;--lh-heading: 1.15;--lh-body: 1.6;--lh-tight: 1.3;--tr-tight: -.025em;--tr-display: -.035em;--tr-normal: 0;--tr-eyebrow: .18em;--tr-mono: .02em;--s-0: 0;--s-1: 2px;--s-2: 4px;--s-3: 8px;--s-4: 12px;--s-5: 16px;--s-6: 24px;--s-7: 32px;--s-8: 48px;--s-9: 64px;--s-10: 96px;--s-11: 128px;--r-xs: 2px;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-tile: 28px;--r-pill: 999px;--shadow-sm: 0 1px 0 rgba(26,22,18,.06), 0 1px 2px rgba(26,22,18,.04);--shadow-lg: 0 18px 40px -20px rgba(31,61,46,.35);--ease-tea: cubic-bezier(.2,.7,.2,1);--d-1: .1s;--d-2: .2s;--d-3: .4s;--d-4: .8s;--max-content: 1280px;--max-prose: 64ch;--gutter: 24px}:root[data-theme=dark]{--bg: #0F0C09;--bg-raised: #1A1612;--bg-tonal: #21180E;--paper: var(--bg-raised);--cream: var(--bg-tonal);--cream-50: var(--bg);--mist-50: #1F1B16;--white: var(--bg-raised);--fg-1: #E8DBC4;--fg-2: #9A8B75;--fg-3: #6B5D4A;--ink: var(--fg-1);--graphite: #C7B89E;--stone: var(--fg-2);--border: #2D2820;--border-strong:#3D352C;--mist: var(--border);--link: #6F9A52;--link-hover: #E89F2F;--steep-100: #1F3A2C;--steep-300: #4A7960;--steep-500: #6FA585;--shadow-sm: 0 1px 0 rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 18px 40px -20px rgba(0,0,0,.7)}:root[data-theme=dark] ::selection{background:var(--steep-500);color:var(--bg)}[data-theme="dark"] on . Brand primitives (Steep,Matcha,Oolong) keep their hex; only semantic tokens remap. Saffron #E89F2F appears only on dark. */ :root[data-theme="dark"]{--bg: #0F0C09;--bg-raised: #1A1612;--bg-tonal: #21180E;--paper: var(--bg-raised);--cream: var(--bg-tonal);--cream-50: var(--bg);--mist-50: #1F1B16;--white: var(--bg-raised);--fg-1: #E8DBC4;--fg-2: #9A8B75;--fg-3: #6B5D4A;--ink: var(--fg-1);--graphite: #C7B89E;--stone: var(--fg-2);--border: #2D2820;--border-strong:#3D352C;--mist: var(--border);--link: #6F9A52;--link-hover: #E89F2F;--steep-100: #1F3A2C;--steep-300: #4A7960;--steep-500: #6FA585;--shadow-sm: 0 1px 0 rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 18px 40px -20px rgba(0,0,0,.7)}[data-theme=dark] ::selection{background:var(--steep-500);color:var(--bg)}:root{--paper: var(--bg-raised, var(--bg));--paper-soft: var(--bg-sunk, var(--bg-raised, var(--bg)));--bg-deep: var(--bg-sunk, var(--bg-raised, var(--bg)));--ink: var(--fg-1, #1f1d18);--ink-soft: var(--fg-2, #5a554a);--ink-mute: var(--fg-3, #9a958a);--line: var(--hair, var(--hairline, rgba(31,29,24,.1)));--line-soft: var(--hair, var(--hairline, rgba(31,29,24,.06)));--serif: var(--font-serif, "Cormorant Garamond", "Noto Serif", Georgia, serif);--sans: var(--font-sans, "IBM Plex Sans", -apple-system, sans-serif);--mono: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);--cjk: "Noto Serif SC", var(--serif);--s-1: var(--xs, 4px);--s-2: var(--sm, 8px);--s-3: var(--md, 10px);--s-4: var(--lg, 12px);--s-5: var(--xl, 18px);--s-6: var(--xxl, 24px);--s-7: var(--xxxl, 32px);--s-8: var(--xxxxl, 48px);--s-9: var(--hero, var(--s-6xl, 96px));--accent-deep: var(--accent-deep, var(--accent-ink, var(--steep-ink, var(--steep, #2d5436))));--accent-soft: var(--accent-soft, var(--steep-soft, #c5d1b0));--max-page: 1280px;--max-prose: 62ch}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga"}a{color:inherit;text-decoration:none;transition:color .2s}em{font-style:italic}img{display:block;max-width:100%;height:auto}.wrap{max-width:var(--max-page);margin:0 auto;padding:0 var(--s-6)}.util{border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.util__row{display:flex;justify-content:space-between;padding:10px 0}.util a:hover{color:var(--ink)}.hdr{border-bottom:1px solid var(--line);padding:22px 0 18px}.hdr__row{display:flex;align-items:baseline;justify-content:space-between}.hdr__brand{font-family:var(--serif);font-size:22px;letter-spacing:.01em;font-style:italic;color:var(--accent-deep)}.hdr__nav{display:flex;gap:32px}.hdr__nav a{font-size:12.5px;letter-spacing:.04em;color:var(--ink-soft);padding-bottom:4px;border-bottom:1px solid transparent}.hdr__nav a:hover,.hdr__nav a.active{color:var(--ink);border-bottom-color:var(--ink)}.hdr__cart{font-size:12.5px;letter-spacing:.04em;color:var(--ink-soft)}.btn-text{font-family:var(--sans);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding-bottom:6px;border-bottom:1px solid var(--ink);display:inline-block}.btn-text:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn-text--mute{color:var(--ink-mute);border-bottom-color:var(--line)}.btn-text--mute:hover{color:var(--ink);border-bottom-color:var(--ink-soft)}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin:0}.h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.4vw,60px);line-height:1.06;letter-spacing:-.005em;color:var(--ink);margin:0;max-width:22ch}.h1 em{color:var(--accent)}.h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.005em;color:var(--ink);margin:0;max-width:22ch}.h2 em{color:var(--accent)}.h3{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.25;color:var(--ink);margin:0}.lede{font-family:var(--serif);font-size:17px;line-height:1.55;color:var(--ink-soft);margin:0;max-width:50ch}.body{font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0}.caption{font-family:var(--sans);font-size:12px;line-height:1.4;color:var(--ink-mute);margin:0}.crumbs{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 32px}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section--tight{padding:56px 0}.section__intro{max-width:56ch;margin-bottom:56px}.section__intro h2{margin-top:14px}.section__intro .lede{margin-top:24px}.spec{display:grid;grid-template-columns:30% 1fr;border-top:1px solid var(--line)}.spec__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:18px 16px 18px 0;border-bottom:1px solid var(--line-soft)}.spec__v{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--ink);padding:18px 0;border-bottom:1px solid var(--line-soft)}.ft{background:var(--ink);color:var(--bg);padding:64px 0 32px}.ft__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(232,224,210,.15)}.ft__brand{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--bg);margin:0 0 14px}.ft__about{font-family:var(--sans);font-size:13px;line-height:1.55;color:#e8e0d2a6;margin:0;max-width:38ch}.ft__h4{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e8e0d280;margin:0 0 20px}.ft__col a{display:block;font-size:13px;padding:6px 0;color:#e8e0d2d9}.ft__col a:hover{color:var(--bg)}.ft__btm{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e8e0d266;padding-top:24px}@media(max-width:880px){.hdr__nav{display:none}.ft__grid{grid-template-columns:1fr 1fr}.spec{grid-template-columns:1fr}}html[dir=rtl] body{font-family:"Noto Naskh Arabic",var(--serif)}.util__lang{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.util__lang a{color:var(--ink-mute);text-decoration:none;padding:0 4px}.util__lang a:hover{color:var(--ink)}.util__lang a.active{color:var(--accent);font-weight:600}