.hero {
  min-height: auto;
}

.hero h1 {
  font-size: clamp(2.4rem, 4.35vw, 4.45rem);
  letter-spacing: -0.035em;
}

.photo-hero {
  min-height: 0;
  max-width: 620px;
  justify-self: center;
  background-color: var(--white);
  border: 1px solid var(--line);
}

.photo-hero::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 10;
  background-image: url("./matts-truck.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eef4fa;
}

.photo-hero img {
  display: none;
}

.scope .photo-tile {
  background-image: url("./matts-truck.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: min(62.5%, 390px);
}

.scope .photo-tile img {
  display: none;
}

.photo-hero::after {
  display: none;
}

.photo-caption {
  position: static;
  color: var(--navy);
  background: var(--white);
  border-top: 1px solid var(--line);
  padding: 16px 20px;
  font-size: 1rem;
  line-height: 1.35;
}

@media (max-width: 980px) {
  .photo-hero {
    max-width: 620px;
  }

  .photo-hero,
  .photo-hero img {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .hero h1 {
    font-size: 2.45rem;
  }

  .photo-hero,
  .photo-hero img {
    min-height: 0;
  }
}