.legal-page .legal-hero {
  position: relative;
  display: flex;
  min-height: clamp(360px, 52vh, 520px);
  align-items: flex-end;
  overflow: hidden;
  isolation: isolate;
  color: #fffaf0;
}

.legal-page .legal-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 24, 17, 0.84), rgba(5, 24, 17, 0.36) 62%, rgba(5, 24, 17, 0.12)),
    linear-gradient(180deg, rgba(5, 24, 17, 0.06) 25%, rgba(5, 24, 17, 0.76));
}

.legal-page .legal-hero > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--legal-hero-position, center center);
}

.legal-page .legal-hero__inner {
  width: min(920px, calc(100% - 52px));
  margin-inline: auto;
  padding: 128px 0 48px;
}

.legal-page .legal-hero h1 {
  max-width: 13ch;
  margin: 0;
  color: #fffaf0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.7rem, 5.2vw, 4.5rem);
  line-height: 1;
}

.legal-page .legal-hero p {
  margin: 14px 0 0;
  color: rgba(255, 250, 240, 0.86);
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .legal-page .legal-hero {
    min-height: 390px;
  }

  .legal-page .legal-hero__inner {
    width: calc(100% - 32px);
    padding: 112px 0 34px;
  }

  .legal-page .legal-hero h1 {
    font-size: clamp(2.25rem, 12vw, 3.25rem);
  }
}