/* Casa CK / Punta Pite — ajustes de ESTA ficha (tras css/proyecto.css). */

.proyecto__hero { aspect-ratio: 3 / 2; }

/* La nav fija queda ARRIBA de la portada (superpuesta, como en toda la
   web) y tapaba el techo en voladizo, que empieza muy cerca del borde
   superior de la foto. 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. */
.proyecto__hero {
  margin-top: var(--nav-h);
  height: calc(82vh - var(--nav-h));
}
/* En mobile (≤1099px) el sistema compartido ya pone la portada a su
   proporción real (sin recortar) vía ".proyecto__inner > .proyecto__hero"
   — más específico que el selector de acá arriba, así que gana solo, sin
   necesidad de repetirlo por breakpoint. */

/* La casa tampoco está centrada en la foto (queda corrida a la
   izquierda, con mucho cielo/mar vacío a la derecha): el recorte
   centrado por defecto le comía el borde izquierdo. Se ancla el
   recorte a la izquierda y hacia arriba. */
.proyecto__hero img { object-position: 35% 15%; }

/* La galería quedó con 5 fotos (impar): la última queda sola en la fila,
   así que se centra al ancho de una columna en vez de dejar un hueco. */
.proyecto__gallery .proyecto__figure:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  width: calc(50% - clamp(1rem, 2vw, 1.6rem) / 2);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .proyecto__gallery .proyecto__figure:last-child:nth-child(odd) { width: 100%; }
}

/* Único plano de color que queda (los negros se eliminaron): centrado,
   del ancho de una columna, en vez de estirado a toda la fila. */
.proyecto__drawing--solo {
  grid-column: 1 / -1;
  width: calc(50% - clamp(1rem, 2vw, 1.6rem) / 2);
  margin-inline: auto;
}
@media (max-width: 768px) { .proyecto__drawing--solo { width: 100%; } }