/* ==========================================================
   Galerie : le Séoul de Sarah, défilement horizontal
   ========================================================== */
.gallery { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 2px 18px; scrollbar-color: var(--honey) transparent; }
.gallery figure { flex: none; width: min(76vw, 400px); margin: 0; scroll-snap-align: start; cursor: zoom-in; }
.gallery .ph { border-radius: 999px 999px 18px 18px; overflow: hidden; aspect-ratio: 4 / 5; max-width: 100%; box-shadow: var(--shadow); }
.gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s; }
.gallery figure:hover img { transform: scale(1.05); }
.gallery figcaption { margin-top: 12px; display: flex; gap: 10px; align-items: baseline; }
.gallery figcaption b { font-family: var(--f-display); font-weight: 600; color: var(--sun); }
.gallery figcaption span { color: var(--ink-soft); font-size: .9rem; }