/**
 * Bloc Galerie — shokola_galerie
 * Réf. maquette : _claude/agence.html (.cult).
 */
.shk-galerie { padding: var(--sec) 0; }
.shk-galerie__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }
.shk-galerie__title { font-weight: 800; letter-spacing: -.04em; font-size: clamp(2rem, 5vw, 4rem); line-height: .96; margin-top: 14px; }
.shk-galerie__title em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--magenta); }

.shk-galerie__grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 13vw; gap: clamp(10px, 1.4vw, 18px); }
.shk-galerie__cell { border-radius: 3px; overflow: hidden; background-size: cover; background-position: center; position: relative; }
.shk-galerie__cell:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.shk-galerie__cell:nth-child(4) { grid-column: span 2; }
.shk-galerie__cell:nth-child(5) { grid-row: span 2; }
.shk-galerie__cell::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }

@media (max-width: 860px) {
    .shk-galerie__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 34vw; }
    .shk-galerie__cell:nth-child(n) { grid-column: auto; grid-row: auto; }
}