.hero {
  min-height: 760px;
  background:
    linear-gradient(90deg, #030303 0%, rgba(3, 3, 3, .76) 23%, transparent 47%),
    linear-gradient(0deg, #060708 0%, transparent 28%),
    url('../img/hero-composite-v2.png') center / cover no-repeat;
}

.hero-flag { display: none; }
.hero-inner { min-height: 760px; }
.hero-copy { width: 390px; margin-top: 96px; }
.hero h1 { font-size: clamp(4.8rem, 6.6vw, 7rem); }

@media (max-width: 991px) {
  .hero, .hero-inner { min-height: 710px; }
  .hero { background-position: 58% center; }
}

@media (max-width: 767px) {
  .hero { background-position: 62% center; }
  .hero:before { background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.18)); }
}

@media (max-width: 520px) {
  .hero, .hero-inner { min-height: 680px; }
  .hero { background-position: 65% center; }
}