/* ==========================================================================
   Legal pages — privacy policy, and anything similar
   --------------------------------------------------------------------------
   The design has no template for long-form prose, so this is authored rather
   than generated. It uses the same tokens as the rest of the site, so it reads
   as part of the estate rather than a bolted-on legal notice.

   Measure is held to ~68 characters, which is the readable range for continuous
   text. The rest of the site runs wider because it is short blocks beside
   photography, not pages of prose.
   ========================================================================== */

.cme-legal__section {
  background: var(--cme-sand);
  padding: clamp(140px, 16vw, 220px) var(--cme-gutter) clamp(80px, 11vw, 140px);
}

.cme-legal__inner {
  max-width: 68ch;
  margin-inline: auto;
}

.cme-legal__eyebrow {
  color: var(--cme-gold-dark);
  font-family: var(--cme-font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: var(--cme-track-eyebrow);
  text-transform: uppercase;
  margin-bottom: 18px;
}

.cme-legal__title {
  font-family: var(--cme-font-display);
  font-weight: 600;
  font-size: clamp(2.4rem, 4vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: var(--cme-track-display);
  color: var(--cme-ink-head);
  margin-bottom: 14px;
}

.cme-legal__meta {
  color: var(--cme-gold-faint);
  font-size: 13px;
  letter-spacing: var(--cme-track-body);
  margin-bottom: 40px;
}

.cme-legal__lead {
  font-size: 18px;
  line-height: 1.7;
  color: var(--cme-ink-head);
  margin-bottom: 44px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--cme-rule-gold-22);
}

.cme-legal__heading {
  font-family: var(--cme-font-display);
  font-weight: 600;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.2;
  color: var(--cme-ink-head);
  margin: 44px 0 14px;
}

.cme-legal__subheading {
  font-family: var(--cme-font-body);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: var(--cme-track-caps);
  text-transform: uppercase;
  color: var(--cme-gold-dark);
  margin: 28px 0 10px;
}

.cme-legal__copy,
.cme-legal__list {
  font-size: 17px;
  line-height: 1.7;
  color: var(--cme-body);
  margin-bottom: 18px;
}

.cme-legal__copy strong { color: var(--cme-ink-head); font-weight: 600; }

.cme-legal__list {
  padding-left: 22px;
  list-style: none;
}

.cme-legal__list li {
  position: relative;
  margin-bottom: 10px;
}

/* A gold rule rather than a bullet, echoing the section dividers elsewhere. */
.cme-legal__list li::before {
  content: "";
  position: absolute;
  inset-inline-start: -22px;
  inset-block-start: .85em;
  width: 10px;
  height: 1px;
  background: var(--cme-gold);
}

.cme-legal__copy a,
.cme-legal__list a {
  color: var(--cme-gold-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.cme-legal__copy a:hover,
.cme-legal__list a:hover {
  color: var(--cme-ink-head);
}