:root{
  --paper:#F3EEE4; --ink:#17181C; --oxblood:#7B2332; --stone:#D3CABB; --sage:#7D8F74;
  --ink-2:#55575C;            /* secondary text on paper */
  --line:rgba(23,24,28,.16);  /* hairlines on paper */
  --paper-2:#EBE4D6;          /* a half-step between paper and stone */

  --fraunces:"Fraunces",Georgia,"Times New Roman",serif;
  --jakarta:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  --fs-hero:clamp(2.6rem,1.2rem + 5.6vw,5.6rem);
  --fs-h1:clamp(2.3rem,1.3rem + 4vw,4.4rem);
  --fs-h2:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);
  --fs-h3:clamp(1.3rem,1.1rem + .9vw,1.75rem);
  --fs-lede:clamp(1.08rem,1rem + .4vw,1.3rem);
  --fs-body:1rem;
  --fs-small:.875rem;

  --rule-x:clamp(14px,3.4vw,52px);      /* x position of the oxblood margin rule */
  --pad-l:clamp(34px,6.5vw,104px);      /* content starts to the right of the rule */
  --pad-r:clamp(20px,5vw,80px);
  --max:1240px;
  --sec:clamp(72px,10vw,150px);         /* vertical rhythm between sections */
  --radius:14px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:76px;

  /* logo colourway, paper surface */
  --arch:var(--sage); --v:var(--oxblood); --word:var(--ink);
}
.on-ink{--arch:var(--sage);--v:var(--paper);--word:var(--paper);background:var(--ink);color:var(--paper)}
.on-stone{--arch:var(--sage);--v:var(--oxblood);--word:var(--ink);--ink-2:#4E5055;background:var(--stone);color:var(--ink)}
.on-oxblood{--arch:var(--sage);--v:var(--paper);--word:var(--paper);background:var(--oxblood);color:var(--paper)}