/* ═══════════════════════════════════════════════════════════════
   Espacio Pausa / Casa FOA — ajustes propios de ESTA ficha.
   Se carga DESPUÉS de css/proyecto.css (plantilla compartida).
   ═══════════════════════════════════════════════════════════════ */

/* Primer bloque (espejo, vertical a la izquierda): la foto del cielo
   (850×1284) va COMPLETA, sin recorte. Para eso la columna vertical se
   angosta exactamente lo necesario: su alto (ancho ÷ 0.662) iguala al de
   las 2 apaisadas 3:2 apiladas + el gap. Despejando:
   ancho apaisadas = (100% − 1.662·gap) / 1.8827. */
.proyecto__gallery--fit {
  grid-template-columns: 1fr calc((100% - 1.662 * clamp(1rem, 2vw, 1.6rem)) / 1.8827);
}

/* Segundo bloque: apaisada + vertical a su proporción real. Las columnas
   son proporcionales a cada proporción (1.51 y 0.662), así ambas quedan
   del mismo alto y ninguna se recorta. */
.proyecto__gallery--duo {
  grid-template-columns: 1.5099fr 0.662fr;
}
.proyecto__gallery--duo .proyecto__figure:first-child { aspect-ratio: 1300 / 861; }
.proyecto__gallery--duo .proyecto__figure:last-child { aspect-ratio: 850 / 1284; }

@media (max-width: 768px) {
  .proyecto__gallery--fit,
  .proyecto__gallery--duo { grid-template-columns: 1fr; }
}