/* ═══════════════════════════════════════════════════════════════
   Flex frame: Editorial
   Calm and personal — a serif display face with an optical-size axis,
   a grotesk for reading, generous space, pill buttons, arched portraits.
   Type, shape and rhythm tokens only; colours come from the palette.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --fx-font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --fx-font-body: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fx-display-weight: 400;
  --fx-display-tracking: -0.015em;
  --fx-body-size: 17px;
  --fx-h1-size: clamp(46px, 6.6vw, 92px);
  --fx-h2-size: clamp(34px, 4.4vw, 54px);
  --fx-wrap: 1240px;
  --fx-gut: clamp(20px, 4vw, 48px);
  --fx-pad: clamp(56px, 8vw, 110px);
  --fx-radius-btn: 999px;
  --fx-radius-img: 6px;
  --fx-radius-card: 10px;
  --fx-hero-mask: 240px 240px 6px 6px;
}