.watch-slider { background:#171b18; position:relative; }
.slider-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.watch-slide { position:relative; display:flex; align-items:center; min-height:clamp(490px,36vw,660px); color:#fff; background:#171b18; }
.watch-slide[hidden], .slider-controls[hidden] { display:none; }
.banner-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
.watch-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,16,13,.88),rgba(10,16,13,.64) 34%,transparent 70%); pointer-events:none; }
.watch-slider .hero-copy { position:relative; z-index:1; width:54%; max-width:790px; margin:0; padding:54px clamp(24px,5vw,80px) 100px; text-align:left; }
.watch-slider h2 { margin:0; font:clamp(42px,4.3vw,68px)/1.06 var(--serif); letter-spacing:-.025em; }
.watch-slider h2 span { color:#e5c68e; }
.watch-slider .eyebrow { color:#f1dfbe; }
.watch-slider .hero-copy>p:not(.eyebrow) { margin:24px 0; color:#f3f1eb; max-width:450px; font-size:17px; line-height:1.65; }
.watch-slider .text-link { color:inherit; line-height:1.6; }
.slide-light { background:#ece5d6; color:#192b21; }
.slide-light::after { background:linear-gradient(90deg,rgba(248,244,234,.94),rgba(248,244,234,.72) 34%,transparent 70%); }
.slide-light h2 span, .slide-light .eyebrow { color:#315b3c; }
.slide-light .hero-copy>p:not(.eyebrow) { color:#354339; }
.slider-controls { position:absolute; z-index:3; bottom:24px; left:clamp(24px,5vw,80px); display:flex; align-items:center; gap:10px; padding:4px 8px; background:rgba(14,24,18,.9); color:white; border:1px solid #ffffff40; border-radius:30px; }
.slider-controls button { min-width:40px; height:40px; background:none; border:0; color:inherit; font-size:19px; border-radius:50%; }
.slide-dots { display:flex; gap:0; }
.slide-dots button { min-width:28px; width:28px; position:relative; }
.slide-dots button::after { content:""; display:block; width:7px; height:7px; margin:auto; border:1px solid white; border-radius:50%; }
.slide-dots button[aria-current]::after { background:#e5c68e; border-color:#e5c68e; }
.slider-controls #slidePause { font-size:14px; border-radius:20px; padding:0 12px; min-width:66px; }
.watch-slider a:focus-visible, .slider-controls button:focus-visible { outline:3px solid #d5a85e; outline-offset:4px; }
@media(max-width:820px) {
  .watch-slide { display:block; min-height:0; }
  .banner-image { position:relative; display:block; height:clamp(220px,48vw,350px); object-position:right center; }
  .watch-slide::after { display:none; }
  .watch-slider .hero-copy { width:100%; max-width:none; min-height:370px; padding:30px 24px 100px; }
  .watch-slider h2 { font-size:clamp(38px,6vw,50px); }
  .watch-slider .hero-copy>p:not(.eyebrow) { max-width:560px; }
  .slider-controls { bottom:20px; left:24px; gap:4px; }
}