/* =========================================
   LEGAL HERO
========================================= */

.legal-hero {
  position: relative;

  overflow: hidden;

  padding: 12rem 0 6rem;

  text-align: center;

  background:
    radial-gradient(circle at center, rgba(201, 164, 107, 0.15), transparent 40%),
    linear-gradient(135deg, #4f082d, #6a0c3e, #2c0719);

  color: white;
}

.legal-hero__watermark {
  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  font-family: var(--font-hero);

  font-size: clamp(8rem, 18vw, 18rem);

  color: rgba(255, 255, 255, 0.03);

  white-space: nowrap;

  pointer-events: none;
}

.legal-hero__eyebrow {
  color: var(--gold);

  font-size: 0.85rem;

  letter-spacing: 0.35em;

  text-transform: uppercase;

  font-weight: 700;
}

.legal-hero__title {
  margin-top: 1rem;

  font-family: var(--font-heading);

  font-size: clamp(3rem, 6vw, 6rem);

  line-height: 0.9;
}

.legal-hero__description {
  max-width: 700px;

  margin: 1.5rem auto 0;

  color: rgba(255, 255, 255, 0.75);

  line-height: 1.8;
}

/* =========================================
   LEGAL CONTENT
========================================= */

.legal-content {
  background: #fff;
}

.legal {
  max-width: 900px;

  margin-inline: auto;
}

.legal-block + .legal-block {
  margin-top: 4rem;
}

.legal-block h2 {
  margin-bottom: 1rem;

  font-family: var(--font-heading);

  font-size: clamp(2rem, 3vw, 2.75rem);

  color: var(--primary);

  line-height: 1;
}

.legal-block p {
  color: var(--text-muted);

  line-height: 1.9;

  font-size: 1.05rem;
}

@media (max-width: 768px) {
  .legal-hero {
    padding: 10rem 0 5rem;
  }

  .legal-block + .legal-block {
    margin-top: 3rem;
  }
}