.hero-image { display: none; }
.hero-slides { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #161814; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transform: scale(1.025); background-position: center; background-size: cover; transition: opacity 1600ms cubic-bezier(.4,0,.2,1), transform 7s cubic-bezier(.2,.7,.2,1); }
.hero-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,11,9,.76) 5%, rgba(9,11,9,.34) 48%, rgba(9,11,9,.16)); }
.hero-slide--one { background-image: url('/assets/client/door-toppa-01.webp'); }
.hero-slide--two { background-image: url('/assets/client/swing-window-polos-01.webp'); }
.hero-slide--three { background-image: url('/assets/client/swing-door-kaca-01.webp'); }
.hero-slide.is-active { opacity: 1; transform: scale(1); }
.hero-controls { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; padding: 0 3.2vw; color: #fff; pointer-events: none; }
.hero-controls button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); background: rgba(10,12,10,.18); color: #fff; font-size: 20px; cursor: pointer; pointer-events: auto; transition: background 200ms ease, border-color 200ms ease; }
.hero-controls button:hover { border-color: var(--olive); background: var(--olive); }
.hero-controls span { display: none; }
.hero-controls span b { color: var(--olive); font-weight: 400; }
.hero-meta { left: max(12vw, 200px); right: max(12vw, 200px); bottom: 28px; }
.hero-meta span:first-child { display: none; }
@media (max-width: 760px) { .hero-controls { padding: 0 5vw; } .hero-controls button { width: 36px; height: 36px; } }
@media (max-width: 760px) { .hero-meta { left: 200px; right: 200px; bottom: 24px; font-size: 8px; } }
@media (prefers-reduced-motion: reduce) { .hero-slide { transition: none; } }
.hero-slide--one { background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90'); }
.hero-slide--two { background-image: url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=90'); }
.hero-slide--three { background-image: url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90'); }