.footer__legal-copy {
  display: grid;
  max-width: 560px;
  gap: 5px;
  justify-items: end;
  text-align: right;
}

.footer__legal-copy p {
  margin: 0;
}

.footer__legal-copy small {
  color: rgba(255, 255, 255, .72);
  font-size: 9px;
  line-height: 1.35;
}

.legal-links {
  display: flex;
  gap: 16px;
}

.legal-links a {
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page {
  margin: 0;
  min-height: 100vh;
  background: #f2f0ea;
  color: #292722;
  font-family: Archivo, Arial, sans-serif;
}

.legal-header {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: space-between;
  padding: 24px max(8.33%, 32px);
  background: #412615;
}

.legal-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.legal-brand img:first-child { width: 28px; height: 34px; }
.legal-brand img:last-child { width: 135px; height: auto; }
.legal-header > a { color: #fff; font-size: 13px; font-weight: 700; }

.legal-content {
  width: min(820px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 90px;
}

.legal-content .eyebrow {
  margin: 0 0 12px;
  color: #74704d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.legal-content h1 {
  margin: 0 0 14px;
  color: #412615;
  font-size: clamp(42px, 7vw, 68px);
  line-height: .95;
  letter-spacing: -.05em;
}

.legal-content .effective { margin: 0 0 42px; color: #77736c; }
.legal-content section { margin-top: 34px; }
.legal-content h2 { margin: 0 0 10px; color: #412615; font-size: 22px; }
.legal-content p, .legal-content li { font-size: 15px; line-height: 1.75; }
.legal-content ul { padding-left: 20px; }
.legal-content a { color: #412615; font-weight: 700; }

.legal-page-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 30px max(8.33%, 32px);
  background: #6f6d4a;
  color: #fff;
}

.legal-page-footer img { width: 150px; height: auto; }

@media (max-width: 900px) {
  .footer__legal-copy { justify-items: center; text-align: center; }
  .legal-header, .legal-page-footer { flex-direction: column; text-align: center; }
  .legal-content { padding-top: 48px; }
}