/* ============ galeria.css ============ */
.gal { padding-block: clamp(40px, 5vw, 80px); }
.gal__head { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; margin-bottom: clamp(34px, 4vw, 60px); }
.gal__title { font-size: var(--fs-h1); text-transform: uppercase; }
.gal__lead { font-size: var(--fs-lead); max-width: 52ch; color: var(--cream-80); }

.gal__grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(14px, 1.4vw, 22px);
}
.gal__item { overflow: hidden; aspect-ratio: 4 / 3; }
.gal__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease); }
.gal__item:hover img { transform: scale(1.05); }

@media (max-width: 900px) { .gal__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gal__grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; } }

/* ---- Xem thêm ảnh ---- */
.gal__item--more { display: none; }
.gal__grid.is-expanded .gal__item--more { display: block; }
.gal__more { display: flex; justify-content: center; margin-top: clamp(28px, 3.4vw, 48px); }
.gal__more .btn { min-width: 220px; }
.gal__more.is-hidden { display: none; }