/* ============================================================
   P2 — PUBLICATION DESIGN
   Art direction overrides — this page only.
   Loads after style.css. Uncomment any block to override.
   Nav, type, colors, and footer are never touched here.
   ============================================================ */


/* -- DEFENSE TEXT COLUMNS ------------------------------------ */
/* Default: 1fr 1fr (two equal columns)
   Options: "2fr 1fr" wide left · "1fr" single column          */

/* .project-defense { grid-template-columns: 2fr 1fr; } */


/* -- FLATS GRID ---------------------------------------------- */
/* 3 flat images side-by-side in a single horizontal row        */

.flats-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(6px, 1vw, 14px);
}

.flats-grid img {
  aspect-ratio: auto;
  object-fit: contain;
  background: transparent;
}


/* -- MOODBOARD IMAGE ----------------------------------------- */
/* Default: aspect-ratio 16/7 (cinematic strip)                */

/* .moodboard-img { aspect-ratio: 16/9; } */


/* -- MOCKUP & DETAIL VIEW ------------------------------------ */
/* Both items share a compact horizontal image ratio.           */
/* Mockup: landscape 4/3. Contact sheet: auto (natural size)   */

.mockup-item {
  grid-template-columns: 1fr 1fr;
}

.mockup-item img {
  aspect-ratio: 4/3;
  object-fit: cover;
  max-width: 480px;
}

.mockup-item img.contact-sheet {
  aspect-ratio: auto;
  object-fit: contain;
  max-width: 360px;
}