/* tokens.css — GENERATED from registry/tokens.json by scripts/build-tokens.mjs.
   Do not edit. Change the registry, then re-stage. */
:root {
  --color-bg: #ffffff;
  --color-surface-band: #ebebeb;
  --color-surface-subtle: #f6f6f6;
  --color-text-strong: #21292a;
  --color-text: #3a3d38;
  --color-text-muted: #767676;
  --color-text-heading: #4e4d4d;
  --color-accent-text: #e7b621;
  --color-accent-graphic: #e7b621;
  --color-accent-link-hover: #7a9a3c;
  --color-brand-green: #7a9a3c;
  --color-image-placeholder: #3a3d38;
  --type-display-family: 'DM Serif Text', Georgia, serif;
  --type-display-size: clamp(34px, 3.96vw, 76px);
  --type-display-line-height: 1.25;
  --type-display-wrap: balance;
  --type-eyebrow-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-eyebrow-size: clamp(22px, 2.3vw, 44px);
  --type-eyebrow-line-height: 1.6;
  --type-lead-family: 'DM Serif Text', Georgia, serif;
  --type-lead-size: clamp(20px, 2.5vw, 48px);
  --type-lead-line-height: 1.52;
  --type-quote-family: 'DM Serif Text', Georgia, serif;
  --type-quote-size: clamp(24px, 2.5vw, 48px);
  --type-quote-line-height: 1.52;
  --type-heading-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-heading-size: clamp(24px, 1.67vw, 32px);
  --type-heading-line-height: 1.125;
  --type-heading-tracking: 0.02em;
  --type-section-title-family: 'DM Serif Text', Georgia, serif;
  --type-section-title-size: clamp(30px, 2.8vw, 54px);
  --type-section-title-line-height: 1.15;
  --type-card-title-family: 'DM Serif Text', Georgia, serif;
  --type-card-title-size: clamp(20px, 1.67vw, 32px);
  --type-card-title-line-height: 1.25;
  --type-body-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-body-size: clamp(15px, 1.05vw, 20px);
  --type-body-line-height: 1.6;
  --type-caption-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-caption-size: clamp(18px, 1.25vw, 24px);
  --type-caption-line-height: 1.55;
  --type-caption-weight-name: 600;
  --type-data-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-data-size: clamp(14px, 1.05vw, 20px);
  --type-data-line-height: 1;
  --type-data-weight-label: 400;
  --type-data-weight-value: 500;
  --type-nav-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-nav-size: clamp(17px, 1.3vw, 26px);
  --type-nav-line-height: 1;
  --type-nav-tracking: 0.01em;
  --type-nav-mobile-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-nav-mobile-size: 34px;
  --type-nav-mobile-weight: 300;
  --type-footer-family: 'loos-wide', 'Loos Wide', Helvetica, Arial, sans-serif;
  --type-footer-size: clamp(11px, 1.25vw, 24px);
  --type-footer-line-height: 1.5;
  --space-gutter: clamp(28px, 6.6vw, 126px);
  --space-section: clamp(64px, 6.3vw, 120px);
  --space-stack-xl: clamp(48px, 5vw, 96px);
  --space-stack-lg: clamp(40px, 4.2vw, 80px);
  --space-stack-md: clamp(24px, 2.5vw, 48px);
  --space-stack-sm: clamp(6px, 0.6vw, 12px);
  --space-grid-gap: clamp(16px, 1.5vw, 28px);
  --space-card-gap: clamp(20px, 2.2vw, 42px);
  --measure-body: 762px;
  --measure-quote: 1120px;
  --measure-lead: 1674px;
  --breakpoint-mobile: 820px;
  --ratio-hero: 16 / 9;
  --ratio-full-bleed: 1920 / 1064;
  --ratio-drawing: 1674 / 928;
  --ratio-card: 4 / 3;
  --ratio-portrait: 235 / 307;
  --ratio-avatar: 1 / 1;
  --shape-avatar: 50%;
  --surface-default: #ffffff;
  --surface-band: #ebebeb;
  --effect-header-glass-background: rgba(255, 255, 255, 0.75);
  --effect-header-glass-blur: 18px;
  --effect-hero-scrim: linear-gradient(173.6deg, rgba(255, 255, 255, 0) 47.9%, rgba(36, 36, 36, 0.38) 91.7%);
  --effect-drawing-multiply: multiply;
  --motion-hero-reveal-opacity-from: 0;
  --motion-hero-reveal-opacity-to: 1;
  --motion-hero-reveal-opacity-duration: 1.2s;
  --motion-hero-reveal-opacity-easing: ease-out;
  --motion-hero-reveal-scale-from: 1.04;
  --motion-hero-reveal-scale-to: 1;
  --motion-hero-reveal-scale-duration: 2.4s;
  --motion-hero-reveal-scale-easing: cubic-bezier(.2, .7, .2, 1);
  --nav-link-active: #e7b621;
  --nav-link-hover: #7a9a3c;
  --header-padding: clamp(28px, 2.6vw, 50px);
  --header-padding-end: calc(clamp(28px, 2.6vw, 50px) + 60px);
  --header-nav-offset: clamp(20px, 2.2vw, 44px);
  --nav-gap: clamp(40px, 4.6vw, 90px);
  --logo-width: clamp(64px, 4.8vw, 92px);
  --facts-width: 855px;
  --facts-label-width: clamp(120px, 13vw, 256px);
  --facts-row-height: clamp(44px, 3.4vw, 65px);
  --portrait-width: clamp(160px, 12.2vw, 235px);
  --caption-gap: clamp(14px, 1.2vw, 22px);
  --avatar-size: clamp(64px, 5.7vw, 110px);
  --band-padding-bottom: clamp(80px, 10vw, 190px);
  --band-notch-width: min(60%, 630px);
  --band-notch-offset: calc(var(--space-gutter) - 30px);
  --footer-padding-top: clamp(20px, 2vw, 40px);
  --footer-padding-bottom: clamp(28px, 3vw, 56px);
  --footer-separator-gap: clamp(12px, 2.5vw, 48px);
}

/* breakpoint.mobile: below 820px */
@media (width < 820px) {
  :root {
    --space-gutter: 24px;
    --space-section: 56px;
    --measure-body: 100%;
    --measure-quote: 100%;
    --measure-lead: 100%;
    --header-padding: 24px;
    --header-padding-end: 24px;
    --logo-width: 56px;
    --facts-width: 100%;
    --facts-label-width: 84px;
    --portrait-width: 160px;
  }
}