/* kv3-bg-slideshow — source: V3.0/option-3-hive-v2.html (STUDIO BAND background slideshow) */
.kv3-band{position:relative;height:clamp(340px,34vw,500px);overflow:hidden;background:var(--navy);color:#fff;display:flex;align-items:center;isolation:isolate}
.kv3-band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to left,rgba(15,22,28,.88) 0%,rgba(15,22,28,.6) 42%,rgba(15,22,28,.18) 100%)}
html[dir="ltr"] .kv3-band::after{background:linear-gradient(to right,rgba(15,22,28,.88) 0%,rgba(15,22,28,.6) 42%,rgba(15,22,28,.18) 100%)}
.kv3-band__stage{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--navy)}
.kv3-band__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 2.8s linear}
.kv3-band__img.is-on{opacity:1;transform:scale(1.08)}
.kv3-band__in{position:relative;width:100%}
.kv3-band__kicker{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--f-head);font-weight:600;font-size:15px;color:var(--orange)}
.kv3-band__kicker::before{content:"";width:14px;height:16px;background:var(--orange);clip-path:var(--hex)}
.kv3-band h2,.kv3-band h3{font-size:clamp(34px,5.4vw,72px);font-weight:800;margin-top:6px;color:#fff}
.kv3-band h2 span,.kv3-band h3 span{color:var(--orange)}
.kv3-band__sub{margin:8px 0 0;color:#E3E7EA;font-size:clamp(16px,1.5vw,20px);max-width:520px}
.kv3-band__ctrl{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.kv3-band__pause{width:44px;height:50px}
.kv3-band__pause .i-play{display:none}
.kv3-band__pause[aria-pressed="true"] .i-play{display:block}
.kv3-band__pause[aria-pressed="true"] .i-pause{display:none}
.kv3-band__cap{font-size:14px;color:#C9D0D6;margin-inline-start:8px}
.kv3-band__dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.kv3-band__dots i{width:9px;height:10px;background:rgba(255,255,255,.35);clip-path:var(--hex);transition:background .3s,transform .3s}
.kv3-band__dots i.is-on{background:var(--orange);transform:scale(1.25)}
@media (max-width:760px){.kv3-band::after,html[dir="ltr"] .kv3-band::after{background:rgba(15,22,28,.62)}}
@media (max-width:640px){
  .kv3-band .kv3-hexbtn{width:44px;height:50px;font-size:18px}
  .kv3-band{height:auto!important;padding:64px 0 56px}
}
@media (prefers-reduced-motion:reduce){
  .kv3-band__img{transition:opacity .01s;transform:none!important}
  .kv3-band__pausewrap{display:none}
}