/* ═══════════════════════════════════════════════════════════════
   Casa Llifén / Lago Ranco — ajustes propios de ESTA ficha.
   Se carga DESPUÉS de css/proyecto.css (plantilla compartida).
   ═══════════════════════════════════════════════════════════════ */

/* Mismo alto fijo (82/68/58vh) que el resto de las fichas. La nav fija
   queda ARRIBA de la portada (superpuesta, como en toda la web) y le
   tapaba la parte de arriba de la casa/techo. Se baja la portada el alto
   de la nav para que no le coma nada por arriba, y se le resta ese mismo
   alto a la portada para no sumar altura extra a la página — si no, el
   título quedaba empujado fuera del primer pantallazo. En mobile
   (≤1099px) el sistema compartido ya pone la portada a su proporción
   real vía ".proyecto__inner > .proyecto__hero" — más específico que
   el selector de acá abajo, así que gana solo. */
.proyecto__hero {
  margin-top: var(--nav-h);
  height: calc(82vh - var(--nav-h));
}
.proyecto__hero img {
  object-position: center 30%;
}

/* Renders 16:9 → la galería usa esa proporción (sin recortar los lados). */
.proyecto__gallery .proyecto__figure { aspect-ratio: 16 / 9; }