.hero-slider{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#1d1d1a;
}
.hero-slider::before{content:none}
.hero-slide{
  position:absolute;
  inset:0;
  z-index:0;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(2.5%);
  transition:opacity .65s ease,transform .7s cubic-bezier(.22,.61,.36,1),visibility 0s linear .7s;
}
.hero-slide.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
  transition-delay:0s;
}
.hero-slide-main{
  background:#181716 url('./assets/verona-interior-v2.png') center/cover no-repeat;
}
.hero-slide-main::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(19,18,17,.96) 0%,rgba(22,20,18,.85) 38%,rgba(22,20,18,.25) 70%,rgba(22,20,18,.08) 100%);
}
.hero-slide .hero-content,.hero-slide .container{height:100%}
.hero-slide .container{position:relative;z-index:2;display:flex;align-items:center}
.hero-slide-season{background:#181716 url('./assets/dacha-interior-hero-v1.png') center/cover no-repeat}
.hero-slide-season::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(19,18,17,.96) 0%,rgba(22,20,18,.85) 38%,rgba(22,20,18,.25) 70%,rgba(22,20,18,.08) 100%);
}
.hero-season-layout{justify-content:flex-start}
.hero-season-copy{width:560px;margin:0;padding-right:55px}
.hero-season-copy .eyebrow{display:block;margin:0 0 24px;color:#b9bcaf;font-size:11px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}
.hero-season-copy h2{max-width:540px;margin:0 0 26px;font-size:clamp(44px,4vw,58px);line-height:1.08;letter-spacing:-.047em;font-weight:500}
.hero-season-copy>p:not(.eyebrow){max-width:465px;margin:0 0 20px;color:#d2d3cc;font-size:16px;line-height:1.7}
.hero-season-copy .btn{min-width:224px;justify-content:center}
.hero-slider-controls{position:absolute;left:max(40px,calc((100% - 1360px)/2));right:auto;top:28px;bottom:auto;z-index:5;display:flex;align-items:center;gap:0}
.hero-slider-arrow{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(22,22,19,.28);color:#fff;font:500 17px/1 Manrope,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.hero-slider-arrow{display:none}
.hero-slider-arrow:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-1px)}
.hero-slider-arrow:active{transform:translateY(0) scale(.97)}
.hero-slider-arrow:focus-visible,.hero-slider-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-slider-dots{display:flex;align-items:center;gap:7px}
.hero-slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.42);cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease}
.hero-slider-dots button.is-active{width:28px;border-radius:5px;background:var(--orange)}
@media(max-width:760px){
  .hero-slide-main{background-position:67% top}
  .hero-slide-season{background-position:72% top}
  .hero-slide-main::before,.hero-slide-season::before{
    background:linear-gradient(180deg,rgba(16,15,14,.04) 0%,rgba(16,15,14,.10) 30%,rgba(16,15,14,.72) 50%,rgba(16,15,14,.96) 68%,#121110 100%);
  }
  .hero-slide-main .container,.hero-season-layout{align-items:flex-start!important;padding-top:50dvh!important;padding-bottom:118px!important}
  .hero-slide-main .hero-copy{padding-bottom:0}
  .hero-slide-main .hero-facts{display:none}
  .hero-slide-main h1{max-width:315px;font-size:28px;line-height:1.12}
  .hero-season-copy{width:100%;padding:0;margin:0}
  .hero-season-copy .eyebrow{display:none}
  .hero-season-copy h2{max-width:315px;margin-bottom:14px;font-size:28px;line-height:1.12}
  .hero-season-copy>p:not(.eyebrow){max-width:330px;margin-bottom:20px;font-size:12px;line-height:1.55}
  .hero .hero-slide-main .ctas{left:0;right:0}
  .hero .hero-season-copy .ctas{position:static;width:100%;margin:0}
  .hero-slider-controls{left:18px;right:auto;top:18px;bottom:auto;gap:0}
  .hero-slider-arrow{display:none}
  .hero-slider-dots{gap:8px}
  .hero-slider-dots button,.hero-slider-dots button.is-active{width:8px;height:8px;border-radius:50%}
  .hero-slider-dots button{background:#9b9d98}
  .hero-slider-dots button.is-active{background:var(--orange)}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transform:none;transition:opacity .01ms}.hero-slider-arrow,.hero-slider-dots button{transition:none}}