:root {
  --color-ink: #111214;
  --color-ink-soft: #171717;
  --color-text-muted: #40424a;
  --color-text-faint: #6c6f78;
  --color-gold: #a9834a;
  --color-gold-text: #86642f;
  --color-gold-rule: #b38b53;
  --color-white: #ffffff;
  --color-page-mobile: #fbfaf9;
  --color-line: rgba(0, 0, 0, 0.1);
  --color-surface-muted: #f4f5f7;
  --color-border: #d3d6dc;
  --color-rule-light: #e8eaee;
  --color-placeholder: #8e919a;
  --color-on-dark-soft: #e6e6e3;
  --color-on-dark-faint: #b9bbc1;
  --color-overlay: rgba(17, 18, 20, 0.5);

  --gradient-gold: linear-gradient(90deg, #8a6834 0%, #a47d43 20%, #c9a96e 42%, #b08b50 60%, #8e6c37 82%, #a9834a 100%);

  --font-display: "Noto Serif Display", "Noto Serif", Georgia, serif;
  --font-accent: "Playfair Display", Georgia, serif;
  --font-text: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-lead: clamp(15px, 13.980px + 0.2614vw, 19px);
  --text-body-l: clamp(14px, 13.235px + 0.1961vw, 17px);
  --text-body-m: clamp(14px, 13.490px + 0.1307vw, 16px);
  --text-body-s: clamp(13px, 12.235px + 0.1961vw, 16px);
  --text-body-xs: clamp(13px, 12.363px + 0.1634vw, 15.5px);
  --text-small: clamp(12px, 11.235px + 0.1961vw, 15px);
  --text-note: clamp(11px, 10.235px + 0.1961vw, 14px);
  --text-heading-xl: clamp(30px, 26.176px + 0.9804vw, 45px);
  --text-heading-l: clamp(26px, 23.818px + 0.5595vw, 34.56px);
  --text-heading-m: clamp(25px, 23.725px + 0.3268vw, 30px);
  --text-heading-s: clamp(16px, 14.216px + 0.4575vw, 23px);
  --text-quote: clamp(17px, 14.726px + 0.5830vw, 25.92px);
  --text-label-l: clamp(18px, 15.451px + 0.6536vw, 28px);
  --text-label-m: clamp(17px, 16.490px + 0.1307vw, 19px);
  --text-eyebrow: clamp(11px, 10.873px + 0.0327vw, 11.5px);
  --text-eyebrow-small: clamp(10px, 9.618px + 0.0980vw, 11.5px);
  --text-fact: clamp(15px, 14.235px + 0.1961vw, 18px);
  --text-tier: clamp(12px, 11.108px + 0.2288vw, 15.5px);
  --text-tier-price: clamp(13px, 12.108px + 0.2288vw, 16.5px);
  --text-contact: clamp(15px, 14.235px + 0.1961vw, 18px);
  --text-copy: clamp(10px, 9.235px + 0.1961vw, 13px);
  --text-field-label: clamp(12px, 11.618px + 0.0980vw, 13.5px);
  --text-input: clamp(16px, 15.745px + 0.0654vw, 17px);
  --text-placeholder: clamp(13px, 11.980px + 0.2614vw, 17px);
  --text-consent: clamp(11px, 9.980px + 0.2614vw, 15px);
  --text-footer: clamp(14px, 13.873px + 0.0327vw, 14.5px);
  --text-footnote: clamp(12px, 11.618px + 0.0980vw, 13.5px);
  --text-role: clamp(13px, 12.618px + 0.0980vw, 14.5px);
  --text-button: clamp(14px, 13.745px + 0.0654vw, 15px);
  --text-button-compact: clamp(12px, 11.235px + 0.1961vw, 15px);
  --text-arrow: clamp(14px, 13.490px + 0.1307vw, 16px);
  --text-link: clamp(14px, 13.745px + 0.0654vw, 15px);

  --container-width: 1280px;
  --container-gutter: 20px;

  --shadow-soft: 0 0 40px rgba(0, 0, 0, 0.1);
  --shadow-pill: 0 0 20px rgba(0, 0, 0, 0.2);

  --header-height-mobile: 69px;
  --header-pill-height: 84px;

  --header-pill-top: 20px;

  --hero-height: calc(889 * min(100vw, 1920px) / 1920);
  --hero-offset: calc(var(--header-pill-top) + var(--header-pill-height));
}