.reference-image[data-gallery],.gallery-image{border:0;padding:0;color:inherit;font:inherit;cursor:zoom-in;width:100%;text-align:inherit}
.gallery-image{display:block;position:relative;overflow:hidden;background:transparent}
.gallery-image:after{content:'Vergrößern ↗';position:absolute;right:14px;bottom:14px;background:#101010e8;color:#fff;font-size:.75rem;line-height:1.4;padding:7px 11px;pointer-events:none}
.hero-visual>.gallery-image{flex:none;width:100%}
.hero-visual>.gallery-image>img{width:100%;height:auto;min-height:0;aspect-ratio:1;object-fit:contain;object-position:center}
.work-main>.gallery-image{display:flex;flex:1;min-height:0}
.work-main>.gallery-image>img{object-fit:cover}
.lightbox-open{overflow:hidden}
.reference-lightbox{width:min(1360px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #444;background:#131313;color:white;overflow:auto;overscroll-behavior:contain}
.reference-lightbox::backdrop{background:#000d;backdrop-filter:blur(5px)}
.lightbox-panel{padding:18px 24px 20px}
.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lightbox-top{margin-bottom:15px}
.lightbox-top p{font-size:.8125rem;color:#ccc}
.reference-lightbox button{border:1px solid #666;background:#252525;color:#fff;min-width:46px;min-height:44px;padding:10px 15px;font-size:.875rem;line-height:1.2}
.reference-lightbox button:hover{border-color:var(--orange);color:var(--orange)}
.reference-lightbox button[hidden]{display:none}
.lightbox-stage{display:flex;justify-content:center;align-items:center;position:relative;min-height:180px}
.lightbox-stage img{max-width:100%;max-height:calc(100dvh - 225px);width:auto;height:auto;object-fit:contain}
.lightbox-stage img[hidden]{display:none}
.lightbox-status{position:absolute;max-width:80%;padding:12px 18px;background:#131313e8;color:white;text-align:center;font-size:.875rem}
.lightbox-status[hidden]{display:none}
.lightbox-bottom{margin-top:16px}
.lightbox-caption{font-size:.875rem;color:#ddd;line-height:1.5;max-width:850px}
.lightbox-controls{display:flex;gap:10px;flex-shrink:0}
.lightbox-controls button{font-size:1.5rem;padding:4px 16px}
@media(max-width:760px){.reference-lightbox{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.lightbox-panel{padding:12px}.lightbox-stage img{max-height:calc(100dvh - 260px)}.lightbox-bottom{align-items:flex-start;flex-direction:column;gap:14px}.lightbox-controls{align-self:center}.lightbox-caption{font-size:.8125rem}}