/* =========================================================
GALLERY.CSS
Diashow, Thumbnails, Marken-Slider
========================================================= */
.reference-showcase{max-width:1180px;margin:auto}
.ref-stage,.service-slideshow{position:relative;height:560px;border-radius:26px;overflow:hidden;background:#151515;box-shadow:0 35px 95px rgba(0,0,0,.35)}
.service-slideshow{height:min(56vh,520px);min-height:420px}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s ease}
.slide.active{opacity:1;transform:scale(1)}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 55%)}
.ref-thumbs,.service-thumbs{display:flex;gap:12px;margin-top:18px;overflow:auto;padding-bottom:4px}
.thumb{width:132px;height:78px;border-radius:12px;background-size:cover;background-position:center;border:2px solid transparent;flex:0 0 auto;cursor:pointer;opacity:.72}
.thumb.active{border-color:var(--red);opacity:1}
.brand-logo-marquee{width:100%;max-width:1220px;margin:0 auto;overflow:hidden;position:relative;padding:8px 0}
.brand-logo-track{display:flex;gap:18px;width:max-content;animation:brandLogoSlide 42s linear infinite}
.brand-logo-track img{width:210px;height:110px;object-fit:contain;background:linear-gradient(135deg,#111,#242424);border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.10)}
@keyframes brandLogoSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}