.galerie{width:100%;padding-block:var(--space-10) var(--space-16);background-color:var(--color-bg)}.galerie__header{text-align:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);flex-direction:column;display:flex}.galerie__eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--color-orange);font-weight:600}.galerie__title{font-family:var(--font-display);color:var(--color-brown-dark);letter-spacing:var(--ls-tight);font-size:clamp(2rem,4vw,3rem);font-weight:600}.galerie__subtitle{font-size:var(--fs-base);color:var(--color-muted);line-height:var(--lh-relaxed)}.galerie__grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.galerie__item{aspect-ratio:1;border-radius:var(--radius-md);cursor:zoom-in;opacity:0;width:100%;animation:galerie-in .46s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 40ms);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:linear-gradient(135deg,#6b3e2e26 0%,#e58a2b26 100%);border:0;padding:0;display:block;position:relative;overflow:hidden;transform:translateY(10px)}.galerie__item:hover{box-shadow:0 12px 30px var(--color-shadow);transform:translateY(-2px)}@keyframes galerie-in{to{opacity:1;transform:translateY(0)}}.galerie__img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.galerie__item:hover .galerie__img{transform:scale(1.05)}.galerie__fallback{font-family:var(--font-display);letter-spacing:.14em;color:var(--color-brown);opacity:.35;z-index:-1;place-items:center;font-size:1.25rem;font-weight:700;display:grid;position:absolute;inset:0}.galerie__overlay{opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;background:linear-gradient(#241a1600 60%,#241a164d 100%);position:absolute;inset:0}.galerie__item:hover .galerie__overlay{opacity:1}.galerie__lightbox{align-items:center;gap:var(--space-4);touch-action:pan-y;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.galerie__lightbox-img{object-fit:contain;border-radius:var(--radius-md);background-color:var(--color-bg);max-width:100%;max-height:78vh}.galerie__lightbox-nav{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.galerie__nav-btn{border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border-strong);width:44px;height:44px;color:var(--color-brown-dark);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:inline-flex}.galerie__nav-btn:hover{background-color:var(--color-brown);color:var(--color-surface);border-color:var(--color-brown);transform:translateY(-1px)}.galerie__counter{font-size:var(--fs-sm);color:var(--color-muted);text-align:center;min-width:60px;font-weight:600}@media (max-width:1023px){.galerie__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.galerie{padding-block:var(--space-6) var(--space-10)}.galerie__grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.galerie__header{margin-bottom:var(--space-6)}}@media (prefers-reduced-motion:reduce){.galerie__item,.galerie__img,.galerie__overlay,.galerie__nav-btn{transition:none!important;animation:none!important}.galerie__item{opacity:1;transform:none}.galerie__item:hover,.galerie__item:hover .galerie__img{transform:none}}