/* ─────────────────────────────────────────────────────────────────────────────
   statementLead — declaración editorial sin foto.
   Un solo fondo (el del sitio), ni cajas ni filetes: sólo aire y jerarquía.
   El color sale siempre de las variables del sitio (claro/oscuro salen solos) y
   el texto está a color pleno en reposo: la entrada sólo suma, nunca resta.
   ───────────────────────────────────────────────────────────────────────────── */

.g-statementLead-in { max-width: 1060px; }

/* ── la declaración: cuerpo de titular, peso 500, a la izquierda ─────────────
   TRAMPA: a este tamaño `hyphens: auto` parte casi cada línea en alemán
   («dazwi-schenschiebt»); aquí sólo se guiona donde lo pida el escritor. */
.g-statementLead-say {
  font-family: var(--display), sans-serif;
  font-weight: 500;
  font-size: clamp(28px, 3.5vw, 50px);
  line-height: 1.22;
  letter-spacing: -0.022em;
  color: var(--text);
  max-width: 26ch;
  margin-top: 2px;
  text-wrap: pretty;
  hyphens: manual;
  overflow-wrap: break-word;
}
.g-statementLead-say em {
  font-family: var(--em-font, var(--font-iserif)), serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.012em;
  color: var(--a2);
}

/* cada línea entra por su cuenta, con la única curva del kit */
.g-statementLead-line {
  display: block;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);
}
.rv.in .g-statementLead-line { opacity: 1; transform: none; }
.g-statementLead-line:nth-child(2) { transition-delay: .09s; }
.g-statementLead-line:nth-child(3) { transition-delay: .18s; }
.g-statementLead-line:nth-child(4) { transition-delay: .27s; }
.g-statementLead-line:nth-child(5) { transition-delay: .36s; }

/* ── el pie: dos columnas desiguales (apoyo ancho + nota y botón) ───────────
   ambas celdas se estiran a la misma altura y el botón cae abajo del todo,
   así la columna estrecha no queda hueca por arriba ni por abajo. */
.g-statementLead-foot {
  display: grid;
  grid-template-columns: minmax(0, 1.44fr) minmax(0, .8fr);
  gap: clamp(28px, 5vw, 72px);
  margin-top: clamp(36px, 5.2vh, 64px);
}
.g-statementLead-solo { grid-template-columns: minmax(0, 1fr); max-width: 62ch; }
.g-statementLead-text {
  font-size: 17.5px;
  line-height: 1.68;
  color: var(--t2);
  max-width: 56ch;
  text-wrap: pretty;
}
.g-statementLead-side { display: flex; flex-direction: column; gap: 20px; }
.g-statementLead-note {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--t3);
  max-width: 34ch;
}
.g-statementLead-act { margin-top: auto; }

@media (prefers-reduced-motion: reduce) {
  .g-statementLead-line { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 900px) {
  /* una sola columna, cuerpo más bajo y sin anchos máximos que dejen colgando el texto */
  .g-statementLead-say { font-size: clamp(25px, 7.2vw, 33px); line-height: 1.26; max-width: none; }
  .g-statementLead-foot, .g-statementLead-solo { grid-template-columns: 1fr; gap: 26px; margin-top: 30px; max-width: none; }
  .g-statementLead-text { font-size: 16.5px; max-width: none; }
  .g-statementLead-note { max-width: none; }
  .g-statementLead-side { gap: 16px; }
  .g-statementLead-act { margin-top: 2px; }
}