.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide img{height:100%;width:100%;object-fit:cover;object-position:center 53%}
.hero-slide:first-child img{object-position:66% center}
.hero-slide:nth-child(3) img{object-position:center 45%}
.hero-photo:after{background:linear-gradient(90deg,#123d6440,transparent 65%),linear-gradient(0deg,#123d642e,transparent 45%)}
.hero-first{text-shadow:0 2px 10px #123d6480}
.hero-controls{position:absolute;bottom:22px;right:26px;z-index:3;display:flex;align-items:center;gap:14px;background:#103b60b8;color:#fff;padding:3px 7px 3px 17px;border:1px solid #ffffff38;backdrop-filter:blur(8px)}
.hero-counter{display:flex;align-items:baseline;gap:6px;min-width:44px;font:500 10px Manrope,sans-serif;letter-spacing:1px;white-space:nowrap}
.hero-counter strong{font-size:15px;font-weight:700}
.hero-counter>span{opacity:.8}
.hero-dots{display:flex;gap:0}
.hero-dots button{height:44px;width:32px;display:grid;place-items:center;flex-shrink:0;padding:0;background:transparent;border:0;color:#fff}
.hero-dots button>span{display:block;width:7px;height:7px;background:#ffffff80;border-radius:10px;transition:width .25s,background .25s}
.hero-dots button[aria-pressed=true]>span{width:24px;background:#fff}
.hero-dots button:hover>span{background:#fff}
.hero-playback{border:0;border-left:1px solid #ffffff38;display:grid;place-items:center;width:44px;height:44px;background:none;color:#fff;padding:0;margin-left:2px}
.hero-playback:hover{background:#ffffff15}
.hero-playback svg{width:18px;height:18px}
.pause-icon{stroke:currentColor;stroke-width:2.5;fill:none}
.hero-playback .play-icon{display:none;fill:currentColor}
.hero-playback.is-paused .pause-icon{display:none}
.hero-playback.is-paused .play-icon{display:block}
@media(max-width:600px){.hero-controls{bottom:16px;right:13px;gap:7px;padding:1px 3px 1px 12px}.hero-counter{min-width:42px;font-size:9px}.hero-counter strong{font-size:13px}.hero-controls .hero-playback{width:40px}.hero-scroll{bottom:87px}.hero-slide:first-child img{object-position:71% center}.hero-slide:nth-child(2) img{object-position:61% center}.hero-slide:nth-child(4) img{object-position:43% center}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dots button>span{transition:none}}