.at-statement-hero {
  padding: var(--at-section-padding);
}

.at-statement-hero__inner {
  max-width: 780px;
  text-align: center;
}

.at-statement-hero__subtitle {
  max-width: 560px;
  margin: 0 auto 32px;
}

/* --------------------------------------------------------------------
   "Afslør ved mus"-gradient – KUN i hero, overskriver lokalt den delte
   .at-gradient-bg fra global.css (rører intet uden for denne fil).

   Lag-opbygning:
   - baggrund: flad creme (fra .at-gradient-bg i global.css)
   - ::before: selve gradienten, maskeret til en cirkel om cursoren
   - ::after: kornlag (arvet fra global.css, ligger automatisk under
     tekstindholdet pga. z-index-reglen dernede)
   -------------------------------------------------------------------- */

/* Neutraliser den fulde gradient fra global.css's .at-gradient-bg –
   her skal kun ::before herunder vise gradienten, så den kan maskeres */
.at-statement-hero.at-gradient-bg {
  overflow: hidden;
  background: var(--at-cream);
}

.at-statement-hero.at-gradient-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 50% at 15% 15%, var(--at-blue-soft-2) 0%, transparent 60%),
    radial-gradient(ellipse 65% 55% at 80% 25%, var(--at-orange-soft-2) 0%, transparent 65%),
    radial-gradient(ellipse 70% 60% at 30% 90%, var(--at-blue-soft-1) 0%, transparent 65%),
    radial-gradient(ellipse 60% 55% at 90% 90%, var(--at-orange-soft-1) 0%, transparent 60%);
}

/* Fallback (ingen JS, eller touch-enhed uden mus): altid synlig, som før */
.at-statement-hero.at-gradient-bg::before {
  opacity: 1;
}

/* Aktiveret af JS kun på enheder med rigtig mus – skjult som udgangspunkt,
   afsløres i en cirkel om cursoren */
.at-statement-hero.at-gradient-bg--reveal-active {
  --reveal-x: 50%;
  --reveal-y: 50%;
  --reveal-opacity: 0;
}

.at-statement-hero.at-gradient-bg--reveal-active::before {
  opacity: var(--reveal-opacity);
  -webkit-mask-image: radial-gradient(circle 240px at var(--reveal-x) var(--reveal-y), black 0%, transparent 100%);
  mask-image: radial-gradient(circle 240px at var(--reveal-x) var(--reveal-y), black 0%, transparent 100%);
  transition: opacity 0.25s ease;
}