@media (min-width:1051px){.hero h1{font-size:clamp(4.4rem,5.7vw,5.5rem);max-width:820px!important}.hero-copy{padding-top:90px}.hero-body{max-width:700px}.inner-hero h1{font-size:clamp(4rem,5.4vw,5.4rem)}}
@media (max-width:700px){.hero h1{font-size:clamp(3rem,13vw,4.2rem)}}

/* Keep the photography cinematic while giving every hero message a protected reading field. */
.hero-shade{background:linear-gradient(90deg,rgba(3,8,20,.99) 0%,rgba(3,8,20,.94) 38%,rgba(3,8,20,.72) 59%,rgba(3,8,20,.28) 100%)}
.inner-hero .hero-shade{background:linear-gradient(90deg,rgba(3,8,20,.99) 0%,rgba(3,8,20,.95) 42%,rgba(3,8,20,.68) 68%,rgba(3,8,20,.22) 100%)}
.hero-copy{isolation:isolate}
.hero-copy:before{content:"";position:absolute;z-index:-1;top:54px;bottom:-36px;left:-30px;width:min(820px,calc(100% + 60px));background:linear-gradient(100deg,rgba(3,10,25,.9) 0%,rgba(3,10,25,.78) 76%,rgba(3,10,25,0) 100%);border-left:5px solid var(--orange);backdrop-filter:blur(4px)}
.hero-copy h1{text-shadow:0 4px 28px rgba(0,0,0,.95),0 2px 4px rgba(0,0,0,.95)}
.hero-body{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.95);font-weight:520}

/* On desktop-sized browser windows, keep navigation visible across the top. */
@media (pointer:fine) and (max-width:1180px){
  .site-header,.site-header.is-solid{height:auto;min-height:142px;padding:10px 20px 14px;display:flex;flex-wrap:wrap;align-content:center;gap:8px 18px;background:linear-gradient(180deg,rgba(3,8,20,.98),rgba(3,8,20,.9));box-shadow:0 1px 0 rgba(255,255,255,.14)}
  .site-header .brand img{width:205px}
  .site-header .site-nav{position:static;inset:auto;width:100%;margin:0;padding:0;display:flex;flex:1 0 100%;flex-flow:row wrap;align-items:center;justify-content:center;gap:0 17px;background:transparent;color:#fff;box-shadow:none;transform:none;font-size:.72rem;overflow:visible}
  .site-header.is-solid .site-nav,.legal-page .site-header .site-nav{color:#fff}
  .site-nav>a:not(.button),.mega>summary{padding:8px 0;white-space:nowrap}
  .site-nav .button{min-height:36px;margin:0;padding-inline:13px;font-size:.68rem;white-space:nowrap}
  .menu-toggle{display:none}
  .mega{position:relative;width:auto}
  .mega-panel{position:fixed;z-index:60;top:142px;left:50%;transform:translateX(-50%);width:min(1060px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:1px;max-height:calc(100vh - 158px);overflow:auto;background:#cbd3df;box-shadow:0 24px 70px rgba(0,0,0,.36)}
  .mega-panel>div{padding:14px}
  .mega-panel a strong{font-size:.76rem}
  .mega-panel a small{font-size:.67rem}
  .mega-panel .mega-utility{grid-column:1/-1;display:flex;padding:12px 18px}
  .hero-copy{padding-top:205px;padding-bottom:90px}
  .hero-copy:before{top:166px;bottom:48px}
}

@media (min-width:1181px){
  .site-header{gap:20px}
  .brand img{width:220px}
  .site-nav{gap:clamp(10px,1.2vw,20px);font-size:.78rem}
  .site-nav .button{padding-inline:15px;font-size:.72rem;white-space:nowrap}
}

@media (max-width:559px){
  .hero-copy:before{left:-16px;width:calc(100% + 32px);top:88px;bottom:54px;border-left-width:4px;background:linear-gradient(100deg,rgba(3,10,25,.92) 0%,rgba(3,10,25,.8) 82%,rgba(3,10,25,.18) 100%)}
}
