.hero-slider{display:block;position:relative;background:#151515}
.hero-slider:before,.hero-slider:after{display:none}
.hero-slide{position:absolute;inset:0;display:grid;align-items:end;background:#151515 var(--hero-image) center/cover no-repeat;color:#fff;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,9,.91) 0%,rgba(9,10,9,.6) 52%,rgba(9,10,9,.2) 100%)}
.hero-slide:after{content:"";position:absolute;right:-11vw;bottom:-24vw;width:46vw;height:46vw;border:1px solid rgba(255,255,255,.18);transform:rotate(28deg)}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide .hero-content{width:100%;padding-left:70px}
.hero-controls{position:absolute;z-index:3;right:max(24px,calc((100vw - 1240px)/2));bottom:36px;display:flex;align-items:center;gap:14px}
.hero-arrow,.hero-dot{border:1px solid rgba(255,255,255,.55);background:rgba(15,16,15,.45);color:#fff;cursor:pointer;transition:.2s}
.hero-arrow{width:44px;height:44px;font-size:1.2rem}
.hero-arrow:hover,.hero-arrow:focus-visible{background:#d7a321;color:#161612;border-color:#d7a321}
.hero-dots{display:flex;gap:8px}
.hero-dot{width:11px;height:11px;padding:0;border-radius:50%}
.hero-dot.is-active{background:#d7a321;border-color:#d7a321;transform:scale(1.2)}
@media (max-width:760px){
  .hero-slide .hero-content{padding-left:24px;padding-bottom:118px}
  .hero-controls{left:24px;right:auto;bottom:34px}
  .hero-slide h1{font-size:clamp(3.4rem,16vw,5.4rem)}
}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}