/**
 * Cinematic hero UI — per-resolution scale (--ch-hero-scale).
 * Applied only to .cinematic-hero-scale (title, search, popular tags).
 *
 *   :root                      — 4K / viewports wider than 2560px (scale > 1 = larger than 1440p baseline)
 *   @media (max-width: 2560px) — 1440p-class — baseline (1)
 *   @media (max-width: 1920px) — 1080p-class
 *   @media (max-width: 1280px) — 720p-class width
 *   @media (max-width: 640px)  — token reset (apply uses min-width: 641px)
 */

:root {
  --ch-hero-scale: 1.22;
}

@media (max-width: 2560px) {
  :root {
    --ch-hero-scale: 1;
  }
}

@media (max-width: 1920px) {
  :root {
    --ch-hero-scale: 0.88;
  }
}

@media (max-width: 1280px) {
  :root {
    --ch-hero-scale: 0.68;
  }
}

@media (max-width: 640px) {
  :root {
    --ch-hero-scale: 1;
  }
}