/* ─────────────────────────────────────────────────────────────────────────────
   statementPairV2 — dos afirmaciones encadenadas, centradas, sin foto.
   Un solo fondo (el de la página), ni cajas ni filetes: el ritmo lo marca el aire.
   El cuerpo del titular es deliberadamente corto (30-52 px, no `.display lg`):
   a 390 px un titular alemán a cuerpo de portada salía partido en seis líneas.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── la afirmación grande ─────────────────────────────────────────────────── */
.g-statementPairV2-sec .g-statementPairV2-title {
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  line-height: 1.06;
  font-size: clamp(30px, 5.4vw, 52px);
  color: var(--text);
  /* medida ancha a propósito: cuantos más caracteres por línea, menos líneas */
  max-width: 26ch;
  margin: 0 auto;
  text-wrap: balance;
  -webkit-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
}

/* entrada línea a línea: cada línea asoma por debajo de su propia cortinilla */
.g-statementPairV2-sec .g-statementPairV2-line {
  display: block;
  overflow: hidden;
  padding-bottom: .12em;
  margin-bottom: -.12em;
}
.g-statementPairV2-sec .g-statementPairV2-line > b {
  display: block;
  font-weight: inherit;
  opacity: 0;
  transform: translateY(105%);
  transition:
    opacity .9s cubic-bezier(.22, .61, .36, 1) calc(var(--i, 0) * 110ms),
    transform .9s cubic-bezier(.22, .61, .36, 1) calc(var(--i, 0) * 110ms);
}
/* el envoltorio de <Reveal> sólo hace de disparador: no se mueve ni se apaga */
.g-statementPairV2-sec .g-statementPairV2-head {
  opacity: 1;
  transform: none;
  transition: none;
}
.g-statementPairV2-sec .g-statementPairV2-head.in .g-statementPairV2-line > b {
  opacity: 1;
  transform: none;
}

/* ── la afirmación que matiza: medio cuerpo, medida estrecha, sólo aire encima ── */
.g-statementPairV2-sec .g-statementPairV2-note {
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.62;
  color: var(--t2);
  max-width: 36ch;
  margin: clamp(42px, 7vh, 88px) auto 0;
  text-wrap: pretty;
}

/* fundido corto (sin desplazamiento) para lo que sigue al titular */
.g-statementPairV2-sec .g-statementPairV2-fade {
  opacity: 0;
  transform: none;
  transition: opacity .5s cubic-bezier(.22, .61, .36, 1) var(--d, 0s);
}
.g-statementPairV2-sec .g-statementPairV2-fade.in { opacity: 1; }

@media (max-width: 900px) {
  .g-statementPairV2-sec .g-statementPairV2-title { max-width: none; line-height: 1.1; }
  .g-statementPairV2-sec .g-statementPairV2-note { font-size: 18px; margin-top: clamp(30px, 5vh, 48px); }
}

@media (prefers-reduced-motion: reduce) {
  .g-statementPairV2-sec .g-statementPairV2-line > b,
  .g-statementPairV2-sec .g-statementPairV2-fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
}