.hero-art.carousel-ready{background:#061915;isolation:isolate;min-height:0;height:auto;align-self:center;display:flex;flex-direction:column;border:1px solid var(--line)}
.hero:has(.carousel-ready){grid-template-columns:.8fr 1.35fr}
.carousel-ready>svg,.carousel-ready>.art-label,.carousel-ready>.art-index{display:none}
.carousel-ready:after{display:none}
.hero-slides{position:relative;z-index:1;display:grid;background:#061915;aspect-ratio:16/9;touch-action:pan-y}
.hero-slide{grid-area:1/1;margin:0;min-width:0;min-height:0;display:grid;place-items:center}
.hero-slide[hidden]{display:none}
.hero-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.hero-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line)}
.hero-controls button{border:1px solid #8baf9e;background:#071b17ed;color:#e6f0df;border-radius:5px;min-width:44px;min-height:44px;padding:9px 12px}
.hero-controls button[aria-current=true]{background:#c7e3b4;color:#152319}
.hero-controls button:focus-visible{outline:3px solid white;outline-offset:3px}
.hero-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px) and (min-width:621px){.hero:has(.carousel-ready){grid-template-columns:1fr 1.15fr}.hero-controls{gap:5px;padding:8px}.hero-controls button{padding:8px}}
@media(max-width:620px){.hero-art.carousel-ready{align-self:stretch}.hero-controls{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px;padding:10px 6px}.hero-controls button{padding:8px}.hero-controls button:first-child{grid-column:1/-1}}