.site-footer {
  width: min(740px, calc(100% - 40px));
  text-align: center;
  margin: 0 auto;
  padding: 36px 0 max(24px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--border);
  color: var(--gold);
  background: var(--petrol);
  font-size: 14px;
  line-height: 1.8;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 40px;
}
.footer-grid > * { min-width: 0; }
.footer-label {
  margin: 0 0 10px;
  color: var(--goldLight);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.site-footer address { font-style: normal; }
.site-footer a { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.site-footer a:hover { color: var(--goldLight); text-decoration: underline; text-underline-offset: 4px; }
.footer-contact, .footer-links { display: flex; flex-direction: column; align-items: center; }
.footer-contact a, .footer-links a { display: inline-block; padding-block: 3px; }
.footer-copyright { margin: 32px 0 0; font-size: 12px; }
.site-footer a:focus-visible,
.legal-header a:focus-visible,
.legal-main a:focus-visible,
.skip-link:focus-visible { outline: 2px solid var(--goldLight); outline-offset: 5px; border-radius: 2px; }
.legal-header {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
  padding-top: max(28px, env(safe-area-inset-top));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.legal-brand { display: block; width: min(44.8vw, 196px); flex: none; line-height: 0; }
.legal-brand img { display: block; width: 100%; height: auto;  }
.legal-back { color: var(--goldLight); font-size: 14px; text-decoration: none; text-underline-offset: 4px; }
.legal-back:hover { text-decoration: underline; }
.legal-main {
  display: block;
  min-height: 0;
  width: min(720px, calc(100% - 40px));
  margin: clamp(48px, 8vw, 88px) auto;
  padding: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.legal-main h1, .legal-main h2, .legal-main h3 {
  color: var(--goldLight);
  font-family: var(--font-display), serif;
  font-weight: 400;
  line-height: 1.15;
}
.legal-main h1 { margin: 0 0 20px; font-size: clamp(40px, 7vw, 64px); }
.legal-main h2 { margin: 40px 0 14px; font-size: clamp(28px, 4vw, 34px); }
.legal-main h3 { margin: 28px 0 12px; font-size: 25px; }
.legal-main p, .legal-main ul, .legal-main address { margin: 0 0 18px; }
.legal-main address { font-style: normal; }
.legal-main ul { padding-left: 22px; }
.legal-main li + li { margin-top: 8px; }
.legal-main a { color: var(--goldLight); text-underline-offset: 4px; }
.legal-main a:hover { color: var(--white); }
.legal-intro, .legal-date { color: var(--muted); }
.legal-date { font-size: 13px; }
.legal-notice { padding: 20px 24px; border-left: 2px solid var(--goldDark); background: var(--surface); }
.legal-notice h3 { margin-top: 0; }
.legal-main .legal-notice p:last-child { margin-bottom: 0; }
.skip-link {
  position: absolute;
  top: 8px;
  left: 20px;
  z-index: 10;
  padding: 12px 16px;
  transform: translateY(-180%);
  background: var(--goldLight);
  color: var(--black);
}
.skip-link:focus { transform: none; }
@media (max-width: 640px) {
  .site-footer { width: calc(100% - 32px); text-align: center; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-contact, .footer-links { align-items: center; }
  .footer-contact a, .footer-links a { padding-block: 7px; }
  .footer-copyright { margin-top: 28px; }
  .legal-header { flex-wrap: wrap; }
  .legal-notice { padding: 16px; }
}