.hero{
  position:relative;
  min-height:640px !important;
  background:#0b1521 !important;
}
.hero-media{
  inset:0 !important;
  background-image:url('/assets/international-city-hero.webp') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 55% !important;
  transform:none !important;
  filter:saturate(.86) contrast(1.03) !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,18,30,.88) 0%,
      rgba(7,18,30,.78) 28%,
      rgba(7,18,30,.58) 48%,
      rgba(7,18,30,.25) 70%,
      rgba(7,18,30,.07) 100%),
    linear-gradient(180deg,rgba(7,18,30,.04) 0%,rgba(7,18,30,.16) 100%) !important;
}
.hero::after{
  height:52px !important;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.12)) !important;
}
.hero-copy{
  max-width:720px !important;
  padding:68px 0 72px !important;
}
.hero-copy h1{
  max-width:11ch !important;
  font-size:clamp(42px,4.2vw,66px) !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}
.hero-copy .lead{
  max-width:720px !important;
  margin-top:22px !important;
  font-size:clamp(17px,1.25vw,20px) !important;
  line-height:1.55 !important;
}
.hero-copy .sub{
  margin-top:18px !important;
}
@media(max-width:1050px){
  .hero{min-height:610px !important;}
  .hero-media{background-position:58% center !important;}
  .hero-overlay{
    background:linear-gradient(90deg,rgba(7,18,30,.92) 0%,rgba(7,18,30,.82) 38%,rgba(7,18,30,.48) 68%,rgba(7,18,30,.12) 100%) !important;
  }
  .hero-copy{max-width:640px !important;}
  .hero-copy h1{font-size:clamp(42px,5.3vw,60px) !important;}
}
@media(max-width:760px){
  .hero{min-height:690px !important;}
  .hero-media{
    inset:0 !important;
    background-size:cover !important;
    background-position:62% center !important;
  }
  .hero-overlay{
    background:linear-gradient(180deg,
      rgba(7,18,30,.94) 0%,
      rgba(7,18,30,.86) 48%,
      rgba(7,18,30,.54) 74%,
      rgba(7,18,30,.22) 100%) !important;
  }
  .hero-copy{
    padding:50px 0 44px !important;
    max-width:none !important;
  }
  .hero-copy h1{
    font-size:clamp(40px,10vw,56px) !important;
    max-width:11ch !important;
  }
  .hero-copy .lead{
    max-width:94% !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }
}