/* ─────────────────────────────────────────────────────────────────────────────
   textSplitStatement — declaración partida (7/12 + 5/12), sin foto.
   Un solo fondo (el del sitio), ningún color escrito a mano, una sola curva de
   movimiento: la entrada la pone <Reveal> del kit.
   ───────────────────────────────────────────────────────────────────────────── */

.g-textSplitStatement-grid {
  display: grid;
  /* minmax(0,…) obligatorio: una palabra alemana larga de la frase a cuerpo de
     titular fijaría el min-content de su columna y descuadraría la rejilla */
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(30px, 5vw, 84px);
  align-items: start;
}

/* sin texto de apoyo no hay dos columnas: la frase ocupa todo el ancho y ninguna
   mitad queda hueca */
.g-textSplitStatement-solo { grid-template-columns: minmax(0, 1fr); }

.g-textSplitStatement-say {
  font-family: var(--display), sans-serif;
  font-weight: var(--dw);
  letter-spacing: var(--dt);
  font-size: clamp(26px, 3.3vw, 42px);
  line-height: 1.18;
  color: var(--text);
  /* a este cuerpo, `hyphens: auto` parte casi todas las líneas en alemán */
  hyphens: manual;
  overflow-wrap: break-word;
  text-wrap: pretty;
}

.g-textSplitStatement-say em {
  font-family: var(--em-font, var(--font-iserif)), serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.012em;
  color: var(--a2);
}

.g-textSplitStatement-p {
  font-size: 17px;
  line-height: 1.66;
  color: var(--t2);
  max-width: 46ch;
}
.g-textSplitStatement-p + .g-textSplitStatement-p { margin-top: 15px; }

.g-textSplitStatement-note {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--t3);
  max-width: 44ch;
}

@media (max-width: 900px) {
  .g-textSplitStatement-grid,
  .g-textSplitStatement-solo { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .g-textSplitStatement-say { font-size: clamp(24px, 6.4vw, 33px); line-height: 1.22; }
  .g-textSplitStatement-p { font-size: 16px; max-width: none; }
  .g-textSplitStatement-note { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textSplitStatement-say,
  .g-textSplitStatement-p,
  .g-textSplitStatement-note { animation: none; transition: none; }
}