.hero-slider{isolation:isolate}
.hero-slider .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.05s ease,visibility 1.05s;z-index:0}
.hero-slider .hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slider .hero-slide>img{transform:scale(1.025);transition:transform 7.5s cubic-bezier(.2,.65,.25,1)}
.hero-slider .hero-slide.active>img{transform:scale(1)}
.hero-slider .hero-slide .hero-copy{opacity:0;transform:translateY(calc(-50% + 24px));transition:opacity .75s ease .18s,transform .85s cubic-bezier(.2,.7,.2,1) .18s}
.hero-slider .hero-slide.active .hero-copy{opacity:1;transform:translateY(-50%)}
.hero-slider .hero-slide h2{margin:24px 0 28px;font-size:clamp(3.4rem,7vw,7.5rem);font-weight:600;line-height:.84;letter-spacing:-.07em}
.hero-slider .hero-slide:nth-child(2) .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.58) 39%,rgba(0,0,0,.05) 72%)}
.hero-slider .hero-slide:nth-child(3) .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.04) 70%)}
.hero-controls{position:absolute;left:7vw;bottom:30px;display:flex;gap:8px;z-index:5}
.hero-controls button{position:relative;width:64px;height:32px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.34);background:transparent;color:rgba(255,255,255,.58);font:600 .66rem Manrope,sans-serif;letter-spacing:.12em;text-align:left;cursor:pointer;overflow:hidden}
.hero-controls button::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#d4b276;transform:scaleX(0);transform-origin:left}
.hero-controls button.active{color:#fff}
.hero-controls button.active::after{animation:hero-progress 6.5s linear forwards}
.hero-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hero-slider:hover .hero-controls button.active::after,.hero-slider:focus-within .hero-controls button.active::after{animation-play-state:paused}
@keyframes hero-progress{to{transform:scaleX(1)}}
@media(max-width:600px){.hero-slider .hero-slide>img{object-position:68% center}.hero-slider .hero-slide:nth-child(2)>img{object-position:66% center}.hero-slider .hero-slide:nth-child(3)>img{object-position:68% center}.hero-slider .hero-slide .hero-copy{top:auto;bottom:110px;right:6vw;transform:translateY(20px)}.hero-slider .hero-slide.active .hero-copy{transform:none}.hero-slider .hero-slide h2{font-size:3.45rem}.hero-slider .hero-slide .hero-copy>p:not(.eyebrow){font-size:.88rem}.hero-slider .actions{gap:16px;align-items:flex-start;flex-direction:column}.hero-controls{left:6vw;bottom:34px}.hero-controls button{width:48px}.hero-slider .scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide,.hero-slider .hero-slide>img,.hero-slider .hero-slide .hero-copy{transition:none}.hero-controls button.active::after{animation:none;transform:scaleX(1)}}