.wchi-hero{position:relative;width:100%;overflow:hidden;line-height:0;margin:0}
.wchi-hero.wchi-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.wchi-track{display:grid}
.wchi-slide{grid-area:1/1;height:var(--wchi-h,auto);overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--wchi-speed,600ms) ease,visibility 0s linear var(--wchi-speed,600ms)}
.wchi-slide.is-active{opacity:1;visibility:visible;transition:opacity var(--wchi-speed,600ms) ease,visibility 0s}
.wchi-slide a,.wchi-slide picture{display:block;height:100%}
.wchi-hero .wchi-slide img{display:block;width:100%;height:100% !important;max-width:100%;margin:0;object-fit:cover !important;object-position:var(--wchi-pos,center) !important}

.wchi-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.wchi-arrow:hover,.wchi-arrow:focus-visible{background:rgba(0,0,0,.6)}
.wchi-prev{left:12px}
.wchi-next{right:12px}

.wchi-dots{position:absolute;left:0;right:0;bottom:12px;z-index:3;display:flex;justify-content:center;gap:8px;line-height:0}
.wchi-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer;transition:background .2s,transform .2s}
.wchi-dot.is-active{background:#fff;transform:scale(1.25)}

@media (max-width:767px){
  .wchi-arrow{width:32px;height:32px}
  .wchi-prev{left:6px}
  .wchi-next{right:6px}
  .wchi-dots{bottom:8px}
}
@media (prefers-reduced-motion:reduce){
  .wchi-slide,.wchi-slide.is-active{transition:none}
}