/* ─────────────────────────────────────────────────────────────────────────────
   textPhotoLeftLede — titular de sección arriba y a todo el ancho; debajo, la
   rejilla de lectura: foto vertical a la izquierda (5/12) y la columna de texto
   (entradilla grande + párrafo + botón fantasma) a la derecha.
   Ningún fondo propio, ninguna caja, ningún filete: sólo aire y jerarquía.
   ───────────────────────────────────────────────────────────────────────────── */

/* el titular puede llevar palabras alemanas largas: se permite partir, pero NUNCA
   guionado automático a cuerpo de titular («dazwi-schenschiebt») */
.g-textPhotoLeftLede-title { hyphens: manual; overflow-wrap: break-word; }

/* minmax(0, …fr): la columna de la foto no puede crecer por el min-content de nada */
.g-textPhotoLeftLede-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(28px, 4.4vw, 72px);
  align-items: center;
  margin-top: clamp(38px, 5.4vh, 64px);
}

.g-textPhotoLeftLede-photo { min-width: 0; }
.g-textPhotoLeftLede-col { min-width: 0; }

.g-textPhotoLeftLede-lede {
  font-family: var(--body), system-ui, sans-serif;
  font-size: clamp(20px, 1.55vw, 24px);
  line-height: 1.5;
  color: var(--text);
  max-width: 46ch;
  text-wrap: pretty;
  hyphens: manual;
  overflow-wrap: break-word;
}

.g-textPhotoLeftLede-body {
  font-size: 16.5px;
  line-height: 1.72;
  color: var(--t2);
  max-width: 58ch;
  margin-top: clamp(20px, 2.6vh, 30px);
  text-wrap: pretty;
}

.g-textPhotoLeftLede-cta { display: flex; margin-top: clamp(26px, 3.2vh, 36px); }

/* móvil: una sola columna y la foto, ya debajo del titular, a todo el ancho */
@media (max-width: 900px) {
  .g-textPhotoLeftLede-grid { grid-template-columns: 1fr; gap: 26px; margin-top: 28px; align-items: start; }
  .g-textPhotoLeftLede-lede { font-size: 19.5px; max-width: none; }
  .g-textPhotoLeftLede-body { font-size: 16px; max-width: none; margin-top: 18px; }
  .g-textPhotoLeftLede-cta { margin-top: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textPhotoLeftLede-grid,
  .g-textPhotoLeftLede-photo,
  .g-textPhotoLeftLede-title,
  .g-textPhotoLeftLede-lede,
  .g-textPhotoLeftLede-body,
  .g-textPhotoLeftLede-cta { transition: none; animation: none; }
}