/* ==================================================
   SEO headings (dbeta.co.uk only, not part of the shared theme)
   - Some pages put the keyword phrase in the H1 and show the big
     display word as a div. These rules keep both looking as designed.
   - Loaded last in the bundle so theme updates don't overwrite it.
================================================== */

/* Keyword H1 in a caption or description slot: looks like the paragraph it replaces */
.hero-09-headline__caption h1 {
  margin: 0;
  font: normal var(--fw-regular) var(--fs-body)/1.5 var(--_font-default);
  letter-spacing: normal;
  color: var(--t-medium);
}
@media only screen and (min-width: 1200px) and (max-height: 820px) {
  .hero-09-headline__caption h1 {
    font-size: 1.9rem;
  }
}

.inner-headline__descr h1 {
  margin: 0;
  font: normal var(--fw-regular) var(--fs-body)/1.6 var(--_font-default);
  letter-spacing: normal;
  color: var(--t-medium);
}

/* Display word moved from h1 to div: keeps the h1 look */
div.hero-09-headline {
  font: normal var(--fw-medium) var(--fs-h1)/1.1 var(--_font-accent);
  letter-spacing: -0.06rem;
  color: var(--t-bright);
}
@media only screen and (min-width: 1200px) {
  .hero-09-headline__title div.hero-09-headline {
    font-size: min(clamp(7rem, 6.67vw, 9.6rem), 14vh);
    line-height: 1.05;
  }
}

div.inner-headline__title {
  font-size: var(--fs-h1);
}

/* Keyword H1 followed by the intro paragraph: reads as a lead line */
.hero-09-headline__caption h1:has(+ p) {
  margin-bottom: 1.2rem;
  font-weight: var(--fw-medium);
  color: var(--t-bright);
}

/* Cases hero: small keyword H1 above the display title, which keeps the h1 look */
.hero-05-kicker {
  margin: 0 0 1.6rem;
  font: normal var(--fw-medium) var(--fs-body)/1.5 var(--_font-default);
  letter-spacing: normal;
  color: var(--t-bright);
}
div.hero-05-title {
  font: normal var(--fw-medium) var(--fs-h1)/1.1 var(--_font-accent);
  letter-spacing: -0.06rem;
  color: var(--t-bright);
}