.superba-hero{position:relative;overflow:hidden;width:100%;min-height:550px;aspect-ratio:1920/900;background:#232323;color:#fff}
.superba-hero__slides,.superba-hero__slide{position:absolute;inset:0}
.superba-hero__slide[hidden]{display:none}
.superba-hero .superba-hero__image{width:100%;height:100%;object-fit:cover;display:block}
.superba-hero__slide.is-active{animation:superba-fade .6s ease both}
.superba-hero__slide.is-active .superba-hero__image{animation:superba-zoom 6s ease-out both}
@keyframes superba-fade{from{opacity:0}to{opacity:1}}
@keyframes superba-zoom{from{transform:scale(1.04)}to{transform:scale(1)}}
.superba-hero__content{position:absolute;left:0;bottom:8%;max-width:min(601px,75%);font-family:"Noto Sans JP",sans-serif}
.superba-hero__content h2,.superba-hero__content p{color:#fff;background:rgba(0,0,0,.6);margin:0;padding:20px 20px 20px 35px;line-height:1.5}
.superba-hero__content h2{font-weight:600}.superba-hero__content p{font-size:20px}
.superba-hero__thumbs{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}
.superba-hero__thumb{width:100px;height:70px;padding:0;border:2px solid transparent;background:#222;cursor:pointer;opacity:.7}
.superba-hero__thumb.is-active,.superba-hero__thumb:focus-visible{border-color:#fff;opacity:1}
.superba-hero__thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1024px){.superba-hero__thumb{width:80px;height:60px}}
@media(max-width:767px){.superba-hero{min-height:0;height:80vh}.superba-hero__content{max-width:80%;bottom:12%}.superba-hero__content h2,.superba-hero__content p{padding:12px 16px;font-size:16px}.superba-hero__thumbs{right:10px;gap:6px}.superba-hero__thumb{width:52px;height:40px}}
@media(prefers-reduced-motion:reduce){.superba-hero__slide.is-active,.superba-hero__slide.is-active .superba-hero__image{animation:none}}