.gallery-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.gallery-section { scroll-margin-top: 120px; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.gallery-card { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); }
.gallery-photo { aspect-ratio: 4 / 3; background: var(--cream); position: relative; }
.gallery-photo img { width: 100%; height: 100%; object-fit: cover; }
.gallery-photo [hidden] { display: none; }
.gallery-placeholder { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; padding: 24px; text-align: center; color: var(--muted); }
.gallery-placeholder span { font-size: 36px; color: var(--sky-deep); }
.gallery-card figcaption { padding: 20px; font-weight: 700; }
.gallery-facade, .gallery-featured { max-width: 760px; }
.gallery-section:nth-of-type(even) { background: var(--cream); }
.about-gallery-action { margin-top: 24px; }
@media (max-width: 850px) { .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .gallery-grid { grid-template-columns: 1fr; } }