/* Concept 04 roles. Extends the original tokens without changing the live homepage. */
:root {
  --max: 1240px;
  --fs-body: 16px;
  --fs-ui: 14px;
  --nav-h: 64px;
  --grey: #595959;
  --mute: #595959;
  --gap: 24px;
  --fs-h1: 72px;
  --fs-h2: 36px;
  --review-edge: 40px;
  --review-section-space: 96px;
  --review-heading-gap: 32px;
  --review-hero-top: 48px;
  --review-copy-gap: 32px;
  --review-summary-width: 320px;
  --review-display-leading: 1.12;
  --review-title-leading: 1.25;
  --review-body-leading: 1.6;
  --review-copy-weight: 700;
  --review-heading-weight: 650;
  --review-title-weight: 600;
  --review-body-weight: 400;
  --review-title: 20px;
  --review-feature-title: 24px;
  --review-lede: 18px;
  --review-body: 16px;
  --review-meta: 14px;
  --review-legal: 13px;
  --review-control: 48px;
  --review-control-gap: 8px;
  --review-control-padding: 20px;
  --review-focus: 2px;
  --review-focus-offset: 4px;
  --review-caption-gap: 12px;
  --review-caption-leading: 1.35;
  --review-feature-gap: 16px;
  --review-fine-gap: 4px;
  --review-logo-size: 32px;
  --review-partner-height: 32px;
  --review-partner-gap: 32px;
  --review-media-cap: calc(100svh - 340px);
  --review-media-ratio: 21 / 9;
  --review-card-ratio: 3 / 4;
  --review-primary-ratio: 16 / 10;
  --review-film-crop: 1.3;
  --review-panorama-crop: 1.04;
  --review-service-ratio: 4 / 3;
  --review-surface: #f7f7f8;
  --review-overlay: rgb(0 0 0 / 12%);
  --review-motion: 200ms;
  --review-image-motion: 300ms;
  --review-image-scale: 1.025;
  --review-contact-size: clamp(26px, 4.5vw, 60px);
  --review-contact-space: 64px;
  --review-footer-space: 64px;
  --review-footer-inset: 32px;
  --review-rule: 1px;
  --review-reading-width: 64ch;
  --review-case-title: clamp(32px, 3.4vw, 48px);
  --review-number-size: 28px;
  --review-eyebrow-tracking: .12em;
  --review-page-title: clamp(36px, 5.4vw, 72px);
  --review-page-section-space: 64px;
  --review-page-cover-ratio: 16 / 9;
  --review-case-panorama-crop: 1.82;
  --review-case-film-crop: 1.34;
  --review-case-tight-crop: 1.42;
  --review-case-inset-crop: 1.18;
  --review-page-logo-size: 64px;
}
@media (max-width: 1023px) {
  :root {
    --fs-h1: 56px;
    --fs-h2: 32px;
    --review-edge: 32px;
    --review-media-ratio: 16 / 8;
    --review-section-space: 80px;
    --review-heading-gap: 24px;
    --review-title: 18px;
    --review-feature-title: 22px;
  }
}
@media (max-width: 600px) {
  :root {
    --fs-h1: clamp(34px, 10vw, 48px);
    --fs-h2: 28px;
    --gap: 20px;
    --review-edge: 20px;
    --review-hero-top: 32px;
    --review-copy-gap: 24px;
    --review-heading-gap: 24px;
    --review-section-space: 64px;
    --review-feature-title: 22px;
    --review-media-ratio: 16 / 9;
    --review-service-ratio: 16 / 10;
    --review-partner-height: 28px;
    --review-partner-gap: 24px;
    --review-contact-space: 40px;
    --review-footer-space: 40px;
    --review-footer-inset: 24px;
    --review-contact-size: clamp(24px, 7vw, 40px);
    --review-case-title: 30px;
    --review-page-title: clamp(30px, 8vw, 46px);
    --review-page-section-space: 40px;
  }
}