/* ===========================
   Template Page — Regard
=========================== */

/* ─── Galerie desktop : vide|photo|photo / photo|photo|vide ─── */
.regard-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin: 8px;
}

.regard-gallery__item img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

/* Cycle de 4 photos pour desktop :
   4n+1 → col 2-3  (vide | photo | photo)
   4n+2 → col 4-5
   4n+3 → col 1-2  (photo | photo | vide)
   4n+4 → col 3-4
*/
.regard-gallery__item:nth-child(4n+1 of .regard-gallery__item) { grid-column: 2 / span 2; }
.regard-gallery__item:nth-child(4n+2 of .regard-gallery__item) { grid-column: 4 / span 2; }
.regard-gallery__item:nth-child(4n+3 of .regard-gallery__item) { grid-column: 1 / span 2; }
.regard-gallery__item:nth-child(4n+4 of .regard-gallery__item) { grid-column: 3 / span 2; }

/* ─── Galerie mobile : photo|vide / photo|photo / vide|photo ─── */
@media (max-width: 768px) {
    .regard-gallery {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Cycle de 4 photos pour mobile :
       4n+1 → col 1-3  (photo | vide)
       4n+2 → col 1-2  (photo | photo)
       4n+3 → col 3-4
       4n+4 → col 2-4  (vide | photo)
    */
    .regard-gallery__item:nth-child(4n+1 of .regard-gallery__item) { grid-column: 1 / span 3; }
    .regard-gallery__item:nth-child(4n+2 of .regard-gallery__item) { grid-column: 1 / span 2; }
    .regard-gallery__item:nth-child(4n+3 of .regard-gallery__item) { grid-column: 3 / span 2; }
    .regard-gallery__item:nth-child(4n+4 of .regard-gallery__item) { grid-column: 2 / span 3; }
}