/* ScrollRevealText — struktur-CSS for komponenten (assets/scroll-reveal-text.js).
   Typografi (font, størrelse, bredde, farge på den dempede teksten) settes
   IKKE her — hver bruker beholder sine egne klasser (.j-quote p,
   .disk-black-lead, .j-finale-quote, ...), og den dempede/lysende teksten
   arver dem uendret siden overlayen er et barn av samme element. */

.srt {
  position: relative;
}

/* Den ekte, semantiske teksten (.srt-base, se scroll-reveal-text.js) —
   dempet, IKKE skjult (skjermlesere/søkemotorer ser den uendret; bare
   det visuelle uttrykket endres). --srt-base-opacity settes per instans
   (data-base-opacity). */
.srt-base {
  display: block;
  opacity: var(--srt-base-opacity, 0.32);
}
.srt.srt-static .srt-base { opacity: 1; } /* reduced-motion: full styrke, ingen maske */

/* Overlayen: identisk innhold, lagt oppå uten å påvirke layout-høyden —
   originalteksten (normal flyt) bestemmer boksens størrelse. */
.srt-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* Fjerner ev. dempingen fra regelen over — overlayen skal ikke arve
     den, den styrer sin egen synlighet via clip-path per linje. */
  opacity: 1;
}

/* Linjene inni overlayen — bygget av JS-en ut fra MÅLT wrapping, én per
   visuell linje. display:block + width:max-content gjør at hver linje
   får en boks nøyaktig så bred som glyfene på akkurat den linja: */
.srt-line {
  display: block;
  width: max-content;
  max-width: 100%;
  clip-path: inset(0 100% 0 0); /* skjult fra høyre til JS setter progresjon */
}
/* — venstrestilt: boksen (og dermed clip-retningen) starter i venstre
   kant, som er akkurat der teksten allerede står. */
.srt-align-left .srt-line { margin-inline: 0; }
/* — sentrert: samme block+max-content-boks, bare sentrert med auto-
   marger i stedet for en fast venstrekant. Selve maskeringen inni boksen
   er identisk (venstre mot høyre per linje) — det er bare boksens EGEN
   posisjon i containeren som flyttes, ingen egen "senter-maskerings"-
   logikk nødvendig. */
.srt-align-center { text-align: center; }
.srt-align-center .srt-line { margin-inline: auto; }

.srt-word { display: inline; }