/* One variable file covers every weight the site uses — no second family,
   no redundant downloads. Hierarchy comes from weight, size and spacing. */
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-latin-wght-normal.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
:root {
  --paper: #F4F1EA; --paper-deep: #EAE6DC; --ink: #14201C; --moss: #2F4739; --clay: #B4642F; --ash: #8A8F87; --void: #020706;
  --font-display: "Inter", system-ui, sans-serif; --font-body: "Inter", system-ui, sans-serif;
  --weight-regular: 400; --weight-medium: 500; --weight-display: 600; --weight-semibold: 600;
  /* Display type is set tight and slightly negative-tracked; Inter needs this
     at large sizes where a serif did not. */
  --track-display: -0.02em;
  --size-11: 11px; --size-13: 13px; --size-15: 15px; --size-18: 18px; --size-24: 24px; --size-34: 34px; --size-52: 52px;
  --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-20: 20px; --space-32: 32px; --space-52: 52px; --space-84: 84px;
  --radius: 0; --rule: 1px; --focus: 2px; --max-content: 1280px; --gutter-desktop: 32px; --gutter-mobile: 20px;
  --header-height: 72px; --drawer-width: 440px; --control-height: 48px; --thumb-size: 84px; --stepper-size: 32px;
  --measure: 40rem; --measure-small: 28rem; --image-detail: 4 / 5; --drawer-max: 100vw; --min-touch: 44px;
  --line-label: 0.12em; --line-tight: 1; --line-heading: 1.12; --line-body: 1.55; --opacity-muted: 0.68; --opacity-disabled: 0.48;
  /* One easing curve for the whole site, so the store and the map move the
     same way. */
  --duration: 200ms; --duration-slow: 240ms; --ease: cubic-bezier(0.2, 0, 0, 1);
  --viewport: 100vh; --full: 100%; --image-card: 4 / 5;
  --z-header: 20; --z-overlay: 40; --z-drawer: 50;
  /* Frosted glass for everything that floats over the map. */
  --glass: rgba(18, 26, 23, 0.46); --glass-hover: rgba(255, 255, 255, 0.14); --glass-edge: rgba(255, 255, 255, 0.16);
  --glass-blur: blur(28px) saturate(170%); --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --radius-pill: 999px;
}