/* ============================================================
   P6 — KINETIC TYPE
   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 (STORYBOARDS) -------------------------------- */
/* Default: 1fr 1fr. Storyboard panels are 16/9 widescreen.
   Options: "repeat(4, 1fr)" 4-up if you have enough frames     */

/* .flats-grid { grid-template-columns: repeat(4, 1fr); } */


/* -- FLATS IMAGE CROP ---------------------------------------- */
/* Storyboard panels are widescreen — match the video ratio     */

.flats-grid img { aspect-ratio: 16/9; }


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

/* .moodboard-img { aspect-ratio: 16/9; } */
.moodboard-img { background: var(--white); }


/* -- MOCKUP ALTERNATING SPLIT -------------------------------- */
/* Default: 1fr 1fr (50/50 image + caption)
   Options: "2fr 1fr" image-heavy · "1fr 2fr" caption-heavy    */

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