/* Desktop dimensions reconstructed from the supplied reference. */
@media (min-width: 951px){
  .site-header{height:101px;padding-inline:6.15vw;gap:24px}
  .brand{min-width:240px}.brand strong{font-size:45px}.brand>span{height:38px}.brand b{font-size:15px}.brand small{font-size:7px;letter-spacing:1.7px}
  .main-nav{gap:clamp(24px,3.05vw,48px)}.main-nav a{font-size:11px}.main-nav a:after{bottom:-17px}
  .header-cta{min-width:235px;padding:15px 24px}.header-cta b{font-size:15px}.header-cta small{font-size:8px;margin-top:8px}
  .hero{min-height:505px;height:505px}.hero-content{max-width:440px;margin-left:6.35vw;padding:64px 0 30px}.hero .eyebrow{font-size:12px;margin-bottom:13px}
  .hero h1{font-size:clamp(58px,4.65vw,68px);line-height:.92;letter-spacing:-.012em}.hero-copy{max-width:405px;margin:19px 0 22px;font-size:13px;line-height:1.62;letter-spacing:0}.button{padding:15px 20px;font-size:10px}.watch b{font-size:9px}.watch small{font-size:8px}
  .hero-facts{top:31px;bottom:41px;right:6.1vw;width:184px}.hero-facts div{padding-left:63px!important}.hero-facts svg{left:20px;width:31px;height:31px}.hero-facts b{font-size:27px!important}.hero-facts span{font-size:9px!important;line-height:1.28!important}
}
/* The banner darkening is a borderless glass gradient, not a separate colour block. */
.hero-media{left:0!important;clip-path:none!important;background-position:center!important}
.hero-wash{inset:0!important;width:auto!important;clip-path:none!important;background:linear-gradient(90deg,rgba(0,6,10,.92) 0%,rgba(0,6,10,.88) 24%,rgba(0,6,10,.66) 40%,rgba(0,6,10,.31) 57%,rgba(0,6,10,.08) 73%,transparent 88%)!important;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}
.hero-grid{display:none}.hero-line{display:none!important}.hero-facts{background:rgba(1,7,11,.58)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(max-width:950px){.hero{height:auto}.hero-wash{background:linear-gradient(90deg,rgba(0,6,10,.92),rgba(0,6,10,.45))!important}}