:root{--color-forest-950:#0d2a1a;--color-forest-900:#174a2c;--color-forest-700:#2e6240;--color-leaf:#5d815f;--color-turmeric:#d98918;--color-terracotta:#9b4e13;--color-cream:#fbf7ef;--color-sand:#ede3d0;--color-sage-100:#e7eee6;--color-ink:#203025;--color-muted:#5f6b61;--color-white:#fff;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 4px 18px #174a2c14;--shadow-md:0 12px 34px #174a2c1f;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-cream);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-turmeric);outline-offset:3px}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.display{font-family:Georgia,Times New Roman,serif}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-forest-700);font-size:12px;font-weight:800}.muted{color:var(--color-muted)}.stack{flex-direction:column;display:flex}.showcase{padding:80px 0}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-section{background:#fff;border:1px solid #174a2c1f;border-radius:24px;padding:28px}.swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.swatch{border-radius:12px;align-items:end;min-height:100px;padding:12px;font-size:12px;font-weight:700;display:flex}.component-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:800px){.showcase-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.container{width:min(calc(100% - 28px),var(--container))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}