.hero>.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;pointer-events:none}
.hero>.hero-slide.visible{opacity:1}
.hero-pause{position:absolute;bottom:18px;right:22px;z-index:3;border:1px solid #8b9299;background:#080c16cc;color:#f4f3ed;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:11px}
.hero-pause:focus-visible{outline:2px solid #e0ad42;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero>.hero-slide{transition:none}}