/* Original hero layout and background slideshow are defined in style.css. */
.hero-slide img { display:none; }
.hero-play-toggle {
    position:absolute; z-index:10; left:22px; bottom:17px;
    display:grid; place-items:center; width:36px; height:36px;
    border-radius:50%; border:1px solid #ffffff60;
    background:#16140f80; color:#fff; cursor:pointer; font-size:13px;
}
.hero button:focus-visible { outline:2px solid #e5ba77; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) {
    .hero-slide { transition:none; transform:none; }
}

@media(max-width:850px) {
 .hero { height:auto; min-height:300px; padding:32px 38px 52px; align-items:center; }
 .hero-content { width:100%; }
 .hero h1 { font-size:clamp(27px,5.5vw,46px); line-height:1.06; letter-spacing:-.7px; }
 .hero-small { margin-bottom:12px; font-size:8px; letter-spacing:2px; }
 .hero-description { margin-top:14px; font-size:12px; }
 .hero-buttons { flex-direction:row; flex-wrap:wrap; gap:8px; margin-top:18px; }
 .hero-buttons .button { width:auto; min-width:0; height:38px; padding:0 12px; font-size:8px; letter-spacing:1px; }
 .hero-arrow { width:28px; height:32px; font-size:13px; }
 .hero-prev { left:4px; }
 .hero-next { right:4px; }
}