/* ==========================================================================
   Legal pages
   ========================================================================== */


h2 {
  font-size: 3rem;
}

.site-header--static {
  position: relative;
}

.legal-main {
  background: var(--color-light);
}

.legal-hero {
  color: var(--color-light);
  background:
    linear-gradient(90deg, rgba(27, 27, 29, 0.94), rgba(27, 27, 29, 0.72)),
    url(../images/hero/hero-background-optimized.webp) center / cover no-repeat;
}

.legal-hero__inner {
  display: grid;
  gap: var(--space-sm);
  padding-block: clamp(5rem, 10vw, 8rem);
}

.legal-hero__eyebrow {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.84rem;
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-tight);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.legal-hero__title {
  max-width: 10ch;
  color: var(--color-light);
  font-size: clamp(3.5rem, 8vw, var(--font-size-h1));
  font-weight: var(--font-weight-heavy);
}

.legal-content {
  display: grid;
  gap: var(--space-xl);
  max-width: 54rem;
  padding-block: var(--section-padding-y);
}

.legal-section {
  display: grid;
  gap: var(--space-sm);
}

.legal-section h2 {
  max-width: none;
  color: var(--color-dark);
  font-size: clamp(1.55rem, 3vw, 2.25rem);
}

.legal-section p,
.legal-section li,
.legal-section address {
  color: var(--color-muted);
  font-size: var(--font-size-m);
  font-style: normal;
  line-height: var(--line-height-copy);
}

.legal-section ul {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding-left: 1.35rem;
}

.legal-section a {
  color: var(--color-dark);
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}