:root {
  /* colour */
  --page: #FFFFFF;
  --ink: #111111;
  --ink-2: #3D3D3D;
  --muted: #5E5E5E;
  --line: #E7E7E4;
  --line-strong: #CFCFCB;
  --panel: #F5F5F4;
  --hover: #FAFAF9;
  --accent: #F4B525;
  --accent-hover: #E3A20F;
  --accent-soft: #FDF0BB;
  --accent-ink: #8C5E00;
  --success: #1E7B4F;
  --success-soft: #E3F3EA;
  --danger: #B42318;
  --danger-soft: #FDECEA;
  --scrim: linear-gradient(to top, rgba(17,17,17,.52) 0, rgba(17,17,17,.45) 150px, rgba(17,17,17,.25) 175px, rgba(17,17,17,.1) 200px, rgba(17,17,17,0) 230px); /* photo text legibility only; px stops because door titles sit 80 to 145px above the bottom at every width */

  /* type: Strichpunkt Sans (font-match winner); Instrument Sans is loaded for the 0 only (text=0), for the comp's unslashed zero */
  --font-sans: "Instrument Sans", "Strichpunkt Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-display: clamp(2rem, 1.61rem + 1.589vw, 3.28rem);
  --fs-h1: clamp(1.875rem, 1.4rem + 1.6vw, 2.5rem);
  --fs-h2: clamp(1.25rem, 1.2125rem + .155vw, 1.375rem);
  --fs-h3: 1.125rem;
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-micro: .8125rem;
  --fs-figure: 1.125rem;
  --lh-tight: 1.1; --lh-heading: 1.2; --lh-body: 1.55;

  /* space (4px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* shape and depth */
  --r-card: 12px; --r-control: 8px; --r-pill: 999px;
  --shadow-hover: 0 1px 2px rgba(17,17,17,.06), 0 6px 20px rgba(17,17,17,.08);

  /* layout */
  --container: 1578px;
  --gutter: clamp(16px, 4vw, 48px);
  --header-h: 68px;
  --wide: calc((100vw - 1024px) / 656); /* 0px at 1024 wide, 1px at 1680: multiply by a px step for fluid desktop sizes */
  --agent-photo-ratio: 292 / 171;

  /* motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: 120ms; --t-base: 200ms; --t-slow: 320ms; --t-photo: 600ms;
}