.hero-slide-stage{position:relative;height:320px;margin-top:8px;background:white}
.hero-slide{position:absolute;inset:0;margin:0;animation:hero-slide-in .5s ease-out}
.hero-slide[hidden]{display:none}
.hero-slide .hero-model{width:100%;height:100%;margin:0;object-fit:contain;display:block}
@keyframes hero-slide-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
.hero-visual .visual-index{min-height:50px}.hero-visual .visual-caption{min-height:86px;gap:16px;padding-top:10px}
.hero-slide-title{font-size:20px;font-weight:500;line-height:1.25}.hero-slide-title small{display:block;font-size:max(var(--text-minimum, 12px), 12px);color:var(--muted);margin-top:7px;font-weight:400}
.hero-slide-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 24px 18px}
.hero-slide-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #c1d4d0;background:white;color:var(--accent);font-size:19px;display:grid;place-items:center}.hero-slide-controls button:hover{background:var(--pale)}
.hero-slide-controls [data-hero-pause]{font-size:max(var(--text-minimum, 12px), 15px)}.hero-slide-controls>span{font-size:max(var(--text-minimum, 12px), 12px);color:var(--muted);margin-right:auto}
@media(max-width:560px){.hero-slide-stage{height:240px;margin-top:0}.hero-slide-title{font-size:18px}.hero-visual .visual-caption{padding:10px 24px 14px;min-height:86px}.hero-slide-controls{gap:10px}.hero-slide-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}}