:root{
  /* brand */
  --paper:#F5E6D3; --paper-hi:#FBF3E8; --paper-lo:#EBD8C0;
  --kraft:#D9BD98; --kraft-lo:#C4A277;
  --ink:#17130F; --ink-2:#4B4037; --ink-3:#6B5E52;
  --green:#85BC27; --teal:#096661; --burgundy:#7B1B38; --orange:#EF7C1A; --black:#000;
  /* derived: Packarna tiles are neon lime (sampled from the supplied tiles); Satans Punks is the dark door */
  --lime:#B8F900; --night:#0B0A08; --night-2:#171410; --blood:#B0203F;
  --line:rgba(23,19,15,.22);
  --focus:var(--ink);

  /* type */
  --font-display:"Bricolage Grotesque","Arial Black","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-body:"Montserrat","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-hand:"Caveat","Ink Free","Segoe Print","Bradley Hand","Chalkboard SE",cursive;
  --step--1:clamp(.8125rem,.79rem + .1vw,.875rem);
  --step-0:clamp(1rem,.97rem + .15vw,1.0625rem);
  --step-1:clamp(1.18rem,1.08rem + .5vw,1.45rem);
  --step-2:clamp(1.5rem,1.25rem + 1.2vw,2.25rem);
  --step-3:clamp(2rem,1.4rem + 2.8vw,3.9rem);
  --step-4:clamp(2.6rem,1.4rem + 5.6vw,6.2rem);

  /* layout */
  --gutter:max(clamp(16px,4.4vw,56px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  --rail-gutter:clamp(64px,6.4vw,96px);
  --maxw:1360px;
  --header-h:60px;
  --r-paper:6px;
  --pad-scene:clamp(28px,min(7.2vw,7.2vh),108px);

  /* motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --t-fast:140ms; --t-med:260ms; --t-slow:520ms;

  /* shadows (warm-tinted; hard ones are for "objects", soft ones for photo prints) */
  --sh-soft:0 1px 0 rgba(60,35,10,.10),0 10px 22px -12px rgba(60,35,10,.55);
  --sh-lift:0 2px 0 rgba(60,35,10,.10),0 18px 34px -14px rgba(60,35,10,.62);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}