/* Brand, type scale, spacing, and motion: edit shared values here. */
:root {
  --color-bg: #080808;
  --color-surface: #11100e;
  --color-text: #e8e4de;
  --color-text-muted: #bdb6ab;
  --color-text-dim: #a59c90;
  --color-accent: #c9a84c;
  --color-accent-alt: #c9a84c;
  --color-warn: rgb(244, 203, 67);
  --color-button-bg: rgba(255, 255, 255, 0.15);
  --color-border: rgba(232,228,222,.15);
  --color-border-strong: rgba(232,228,222,.3);
  --font-mono: var(--font-primary);
  --font-primary: "Instrument Sans", sans-serif;
  --font-heading: "SUSE", sans-serif;
  --font-serif: "Noto Serif", Georgia, serif;
  --h1-size: clamp(4rem, 9vw, 6.5rem);
  --h1-line-height: 0.9;
  --h1-spacing: -0.02em;
  --h1-weight: 600;
  --h2-size: clamp(2.25rem, 5vw, 3.5rem);
  --h2-line-height: 1;
  --h2-spacing: -0.02em;
  --h2-weight: 600;
  --h3-size: clamp(1.5rem, 3vw, 2rem);
  --h3-line-height: 1.05;
  --h3-weight: 600;
  --body-size: 1.0625rem;
  --body-line-height: 1.6;
  --label-size: 0.75rem;
  --label-line-height: 1.3;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 56px;
  --space-xl: 84px;
  --space-2xl: 120px;
  --radius-button: 40px;
  --radius-card: 8px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --nav-h: 80px;
  --h4-weight: 600;
  --motion-duration: 950ms;
  --motion-scroll-duration: 1100ms;
  --motion-title-duration: 1100ms;
  --motion-stagger: 150ms;
  --motion-distance: 42px;
  --motion-image-duration: 1400ms;
  --color-input: #141310;
  --color-surface-alt: #0b0a09;
  --type-size-1: 1.125rem;
  --type-size-2: 0.875rem;
  --type-size-3: 0.75rem;
  --type-size-4: 0.8125rem;
  --type-size-5: 1rem;
  --type-size-6: 0.625rem;
  --type-size-7: 0.6875rem;
  --type-size-8: clamp(1.125rem, 1.5vw, 1.375rem);
  --type-size-9: 0.9375rem;
  --type-size-10: .8rem;
  --type-hero-home: clamp(3rem, 7.5vw, 7.4rem);
  --type-hero-subhead: clamp(1.1rem, 1.6vw, 1.3rem);
  --type-size-13: .85rem;
  --type-size-14: .75rem;
  --type-service-title: clamp(2rem,3.7vw,3.4rem);
  --type-size-16: .95rem;
  --type-size-17: .9375rem;
  --type-size-18: .65rem;
  --type-size-19: 1.45rem;
  --type-size-20: .9rem;
  --type-size-21: 1.4rem;
  --type-size-22: 1.5rem;
  --type-hero-page: clamp(2.9rem,7vw,6rem);
  --type-size-24: 2rem;
  --type-size-25: 7.4rem;
  --type-size-26: clamp(2.8rem,10.5vw,4.6rem);
  --type-size-27: 1.05rem;
  --type-price: clamp(2.4rem,4vw,3.7rem);
  --type-size-29: .875rem;
  --type-size-30: 2.5rem;
  --type-size-31: clamp(1.25rem, 1.8vw, 1.5rem);
  --type-size-32: clamp(1.5rem, 2.6vw, 2.25rem);
  --type-size-33: 1.375rem;
  --type-size-34: clamp(2rem, 4.5vw, 3.25rem);
}

@media (max-width: 700px) { :root { --space-xl: 56px; --space-2xl: 88px; } }