.hero {
  min-height: clamp(650px, 42vw, 780px);
  padding-top: clamp(150px, 10vw, 190px);
  background-color: #031a35;
  background-image: url("/gme-venture-hero.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  isolation: isolate;
}

.hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2, 18, 42, .68) 0%, rgba(2, 18, 42, .3) 40%, transparent 62%);
}

.hero-content {
  position: relative;
  z-index: 2;
  width: min(600px, 48vw);
}

.hero h1 {
  max-width: 600px;
  font-size: clamp(52px, 5vw, 78px);
  text-shadow: 0 4px 28px rgba(0, 13, 31, .42);
}

.hero-copy {
  max-width: 525px;
  color: #d4e0e8;
  text-shadow: 0 2px 16px rgba(0, 13, 31, .6);
}

.hero .trust-row span { color: #b4c5d0; }

@media (max-width: 900px) {
  .hero {
    min-height: 950px;
    padding-top: 520px;
    background-size: auto 470px;
    background-position: 66% 82px;
  }
  .hero-shade {
    background: linear-gradient(180deg, transparent 80px, rgba(2,18,42,.04) 430px, #031a35 520px);
  }
  .hero-content { width: 100%; }
  .hero h1 { max-width: 700px; }
}

@media (max-width: 560px) {
  .hero {
    min-height: 970px;
    padding-top: 420px;
    background-size: auto 340px;
    background-position: 67% 82px;
  }
  .hero-shade {
    background: linear-gradient(180deg, transparent 82px, rgba(2,18,42,.08) 315px, #031a35 400px);
  }
  .hero h1 { font-size: 46px; }
}