.homepage-hero{position:relative;overflow:hidden;background:#161616}
.homepage-hero .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s;z-index:0}
.homepage-hero .hero-slide:first-child{position:relative}
.homepage-hero .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.homepage-hero .indexpage-banner img{display:block;object-fit:cover}
.homepage-hero .hero-slide:not(:first-child) .indexpage-banner,.homepage-hero .hero-slide:not(:first-child) .indexpage-banner img{height:100%;width:100%}
.homepage-hero[data-effect="slide"] .hero-slide{transform:translateX(100%);transition:transform .55s ease,opacity .55s ease,visibility .55s}
.homepage-hero[data-effect="slide"] .hero-slide.is-active{transform:translateX(0)}
.homepage-hero button{cursor:pointer;font-family:inherit;box-sizing:border-box}
.homepage-hero .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.35);color:#fff;border:0;border-radius:4px;width:40px;height:52px;font-size:24px}
.homepage-hero .hero-prev{left:12px}.homepage-hero .hero-next{right:12px}
.homepage-hero .hero-dots{position:absolute;bottom:18px;left:15%;width:70%;display:flex;justify-content:center;gap:5px;z-index:3}
.homepage-hero .hero-dot{width:28px;height:28px;padding:7px;border:0;background:transparent}
.homepage-hero .hero-dot:after{content:"";display:block;width:12px;height:12px;border:1px solid white;border-radius:50%;background:rgba(0,0,0,.4)}
.homepage-hero .hero-dot[aria-current="true"]:after{background:#fff}
.homepage-hero .hero-pause{position:absolute;bottom:20px;right:12px;z-index:3;background:rgba(0,0,0,.5);color:white;border:1px solid #aaa;padding:5px 10px;border-radius:4px;font-size:12px}
.homepage-hero button:focus-visible,.homepage-hero:focus-visible{outline:3px solid #ffcf74;outline-offset:-3px}
@media(max-width:600px){.homepage-hero .hero-arrow{width:28px;height:40px;font-size:18px}.homepage-hero .hero-prev{left:3px}.homepage-hero .hero-next{right:3px}.homepage-hero .hero-dots{bottom:8px}.homepage-hero .hero-pause{bottom:10px;right:6px}.homepage-hero .hero-dot{width:22px;height:26px;padding:6px}.homepage-hero .hero-dot:after{width:10px;height:10px}}
@media(prefers-reduced-motion:reduce){.homepage-hero .hero-slide{transition:none!important}}