.hero-bg {
  position: absolute;
  inset: 0;
  background: var(--deep);
}

.hero-bg-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 20%;
  opacity: 1;
  mix-blend-mode: normal;
  filter: none;
}

.hero h1 {
  color: #ffffff;
  text-shadow: 2px 2px 0px #000, 4px 4px 20px rgba(0,0,0,0.9);
}

.hero h1 em {
  color: var(--rust);
  text-shadow: 2px 2px 0px #000, 4px 4px 20px rgba(0,0,0,0.9);
}

.hero-tagline {
  color: #ffffff;
  text-shadow: 1px 1px 0px #000, 2px 2px 12px rgba(0,0,0,1);
}

.hero-eyebrow {
  color: var(--rust);
  text-shadow: 1px 1px 4px rgba(0,0,0,1);
}