/* ============================================================
   Intro Réalisations — révélation par lignes (type Lenval)
   REVENIR À L’ORIGINAL (index.html) :
   1. Sur #site-scroll-statement-portfolio : retirer
      data-scroll-statement-variant="line-mask" et la classe site-scroll-statement--line-mask
   2. Supprimer ce <link> et js/site-scroll-statement-line-mask.js
   ============================================================ */

.site-scroll-statement--line-mask .site-scroll-statement__text.is-line-mask-ready {
  text-align: center;
}

.site-scroll-statement--line-mask .site-line-mask {
  display: block;
  overflow: clip;
  overflow: hidden;
  text-align: center;
  padding: 0.02em 0;
}

.site-scroll-statement--line-mask .site-line-mask__line {
  display: block;
  will-change: transform, opacity;
  transform: translate3d(0, 108%, 0);
  opacity: 0.35;
}

.site-scroll-statement--line-mask .site-line-mask__word {
  display: inline;
  color: inherit;
}

.site-scroll-statement--line-mask .site-line-mask__word.is-emphasis {
  font-weight: 600;
  color: #18191d;
}

.site-scroll-statement--line-mask.is-complete .site-line-mask__line {
  transform: none;
  opacity: 1;
}

html.site-dark
  .site-scroll-statement--line-mask
  .site-line-mask__word.is-emphasis {
  color: var(--dm-ink, #f2f3f6);
}

@media (prefers-reduced-motion: reduce) {
  .site-scroll-statement--line-mask .site-line-mask__line {
    transform: none !important;
    opacity: 1 !important;
  }
}