/* Galerie (Figma: 02 Galerie) + Lightbox */
.fuz-gallery { display: grid; gap: var(--fuz-space-6); }
.fuz-gallery__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--fuz-gutter); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.fuz-gallery__item { grid-column: 1 / -1; }
.fuz-gallery__item a { display: block; height: 100%; overflow: hidden; border-radius: var(--fuz-radius-m); background: var(--fuz-placeholder); }
.fuz-gallery__item img { transition: transform .6s var(--fuz-ease); }
.fuz-gallery__item a:hover img { transform: scale(1.02); }
.fuz-gallery__item a:focus-visible { outline-offset: 4px; }

/* Projekt: 1 breit · 2 halb · 2/3 + 1/3 */
.fuz-gallery--projekt .fuz-gallery__item:nth-child(1) a { aspect-ratio: 1300 / 780; }
@media (min-width: 700px) {
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(2), .fuz-gallery--projekt .fuz-gallery__item:nth-child(3) { grid-column: span 6; }
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(2) a, .fuz-gallery--projekt .fuz-gallery__item:nth-child(3) a { aspect-ratio: 640 / 800; }
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(4) { grid-column: span 8; }
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(5) { grid-column: span 4; }
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(4) a, .fuz-gallery--projekt .fuz-gallery__item:nth-child(5) a { height: 100%; min-height: 0; aspect-ratio: auto; }
	.fuz-gallery--projekt .fuz-gallery__item:nth-child(4) { aspect-ratio: 860 / 560; }
	/* Stein: 2/3 + 1/3 · 1/3 + 2/3 */
	.fuz-gallery--stein .fuz-gallery__item:nth-child(1), .fuz-gallery--stein .fuz-gallery__item:nth-child(4) { grid-column: span 8; }
	.fuz-gallery--stein .fuz-gallery__item:nth-child(2), .fuz-gallery--stein .fuz-gallery__item:nth-child(3) { grid-column: span 4; }
	.fuz-gallery--stein .fuz-gallery__item:nth-child(1) { aspect-ratio: 860 / 560; }
	.fuz-gallery--stein .fuz-gallery__item:nth-child(4) { aspect-ratio: 860 / 420; }
}
.fuz-gallery__item a { aspect-ratio: 4 / 3; }
@media (min-width: 700px) {
	.fuz-gallery--stein .fuz-gallery__item a { aspect-ratio: auto; }
}
.fuz-gallery__action { display: flex; align-items: center; gap: var(--fuz-space-6); }

/* Lightbox */
.fuz-lightbox { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: rgb(11 11 10 / .96); color: var(--fuz-c-weiss); overscroll-behavior: contain; }
.fuz-lightbox::backdrop { background: rgb(0 0 0 / .6); }
html.is-lightbox-open { overflow: hidden; }
.fuz-lightbox__bar { position: absolute; inset: 0 0 auto; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 12px var(--fuz-rand); }
.fuz-lightbox__count { font-size: var(--fuz-fs-body-s); font-weight: 500; }
.fuz-lightbox__figure { display: grid; place-items: center; height: 100%; margin: 0; padding: 72px var(--fuz-rand) 48px; }
.fuz-lightbox__img { max-width: 100%; max-height: calc(100dvh - 140px); width: auto; height: auto; object-fit: contain; }
.fuz-lightbox__caption { margin-top: var(--fuz-space-3); font-size: var(--fuz-fs-caption); color: var(--fuz-c-granit-300); text-align: center; }
.fuz-lightbox__btn { display: inline-grid; place-items: center; width: 56px; height: 56px; padding: 0; color: var(--fuz-c-weiss); background: rgb(255 255 255 / .08); border: 1px solid rgb(255 255 255 / .35); border-radius: var(--fuz-radius-rund); }
.fuz-lightbox__btn:hover { background: var(--fuz-c-porphyr-500); border-color: var(--fuz-c-porphyr-500); }
.fuz-lightbox__btn:focus-visible { outline: 2px solid var(--fuz-c-porphyr-500); outline-offset: 3px; }
.fuz-lightbox__btn .fuz-icon { width: 22px; height: 22px; }
.fuz-lightbox__nav { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
.fuz-lightbox__nav--prev { left: var(--fuz-rand); }
.fuz-lightbox__nav--next { right: var(--fuz-rand); }
@media (max-width: 699px) { .fuz-lightbox__nav { top: auto; bottom: 16px; transform: none; } }