/* YTT v3.68.182 — desktop hero image clarity + hover-only position dots. */

/* Desktop: preserve the full-width hero while reducing the perceived crop/zoom.
   A softly covered copy of the same HD source fills the canvas behind a slightly
   reduced foreground image, so the sharp image is never enlarged unnecessarily. */
@media(min-width:761px){
  .ytt175-hero-breakout .ytt169-hero .ytt164-slide{
    overflow:hidden!important;
    background:#082f20!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-slide::before{
    content:""!important;
    position:absolute!important;
    inset:-18px!important;
    z-index:0!important;
    background-image:var(--ytt182-bg)!important;
    background-size:cover!important;
    background-position:var(--ytt-hero-position,center center)!important;
    background-repeat:no-repeat!important;
    filter:blur(14px) brightness(.82) saturate(.96)!important;
    transform:scale(1.025)!important;
    opacity:.72!important;
    pointer-events:none!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-slide img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:var(--ytt-hero-position,center center)!important;
    transform:scale(.955)!important;
    transform-origin:center center!important;
    filter:none!important;
    image-rendering:auto!important;
    backface-visibility:hidden!important;
  }

  /* Position dots: smaller and genuinely hover-only on pointer devices. */
  .ytt175-hero-breakout .ytt169-hero .ytt164-dots,
  .ytt175-hero-breakout .ytt169-hero.ytt-dots-visible .ytt164-dots,
  .ytt175-hero-breakout .ytt169-hero:focus-within .ytt164-dots{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(2px)!important;
  }
  .ytt175-hero-breakout .ytt169-hero:hover .ytt164-dots{
    opacity:.72!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot{
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    background:rgba(255,255,255,.42)!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot.is-active{
    width:11px!important;
    background:rgba(255,123,32,.9)!important;
  }
}

/* Touch devices have no hover: keep the position cue transient and extremely subtle. */
@media(max-width:760px){
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot{
    width:3px!important;
    height:3px!important;
    min-width:3px!important;
  }
  .ytt175-hero-breakout .ytt169-hero .ytt164-dot.is-active{
    width:9px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ytt175-hero-breakout .ytt169-hero .ytt164-slide img{transform:none!important}
}