/* Design system tokens. Brand themes override only these variables (see themes/*.css).
   Reuse for another site: copy ds/, write a theme file, keep the component class names. */
:root{
  /* color roles */
  --c-bg:#f5f2ec; --c-surface:#ebe6dc; --c-ink:#141414; --c-ink-soft:#4a4844; --c-muted:#7b766d; --c-rule:rgba(20,20,20,.12);
  --c-night:#0b0b0d; --c-night-ink:#f3efe7; --c-night-soft:rgba(243,239,231,.72);
  --c-accent:#d9532c; --c-accent-ink:#fff; --c-highlight:#e8b95a;
  /* type */
  --f-display:Fraunces,Georgia,serif; --f-body:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-hero:clamp(3rem,8.2vw,7.6rem); --t-1:clamp(2.4rem,5.4vw,4.6rem); --t-2:clamp(1.8rem,3.4vw,2.9rem); --t-3:clamp(1.25rem,1.8vw,1.55rem);
  --t-body:clamp(1.02rem,1.05vw,1.12rem); --t-small:.86rem; --t-eyebrow:.74rem;
  --lh-tight:1.02; --lh-body:1.7; --track-tight:-.035em; --track-wide:.18em;
  /* space and layout */
  --s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2.5rem; --s-5:4rem; --s-6:clamp(5rem,10vw,9rem); --s-7:clamp(7rem,14vw,13rem);
  --w-page:82.5rem; --w-measure:68ch; --w-wide:65rem; --gutter:clamp(20px,5vw,4.5rem);
  --hdr-h:4.75rem; --hero-pos:50% 35%; --hero-max:64rem;
  --radius:4px; --radius-img:2px;
  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1); --dur:.9s; --reveal-shift:28px;
}
@media (prefers-reduced-motion:reduce){:root{--dur:0s;--reveal-shift:0px}}
/* Large screens: the whole system is in rem, so growing the root size scales type, spacing and page width together.
   16px up to ~1920px wide, then grows with the viewport, capped at 24px (150%) on 2880px+ monitors. */
html{font-size:clamp(100%,.8333vw,150%)}