.site-footer {
  background: var(--surface-dark);
  color: var(--color-paper);
  padding-block: var(--space-8) var(--space-5);
}

.site-footer__inner { display: grid; gap: var(--space-7); }
.site-footer__brand-block { display: grid; max-width: 33rem; gap: var(--space-4); }
.site-footer__brand-block p { margin: 0; color: color-mix(in srgb, var(--color-paper) 78%, transparent); }
.site-footer__brand { color: var(--color-paper); font-family: var(--font-heading); font-size: 2.25rem; font-weight: 600; line-height: 1; text-decoration: none; }
.site-footer__brand:hover { color: var(--color-brass-500); }
.site-footer__offline-note { border-inline-start: 1px solid var(--color-brass-500); padding-inline-start: var(--space-4); font-size: var(--text-sm); line-height: var(--leading-small); }
.site-footer__nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.site-footer__nav-column { display: grid; align-content: start; gap: var(--space-3); }
.site-footer__title { margin: 0; color: var(--color-brass-500); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.site-footer__nav ul,
.site-footer__legal { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.site-footer__nav li,
.site-footer__nav li + li,
.site-footer__legal li,
.site-footer__legal li + li { margin: 0; padding: 0; }
.site-footer__nav a,
.site-footer__legal a { color: var(--color-paper); }
.site-footer__nav a:hover,
.site-footer__legal a:hover { color: var(--color-brass-500); }
.site-footer__nav address { display: grid; gap: var(--space-2); margin: 0; color: color-mix(in srgb, var(--color-paper) 80%, transparent); font-size: var(--text-sm); line-height: var(--leading-small); }
.site-footer__bottom { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-5); border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 20%, transparent); padding-block-start: var(--space-5); color: color-mix(in srgb, var(--color-paper) 68%, transparent); font-size: var(--text-xs); }
.site-footer__bottom p { margin: 0; }
.site-footer__legal { display: flex; flex-wrap: wrap; gap: var(--space-3); }

.site-consent { position: fixed; inset: auto var(--space-4) var(--space-4); z-index: 120; max-width: 48rem; margin-inline: auto; border: 1px solid var(--color-border); background: var(--surface-paper); box-shadow: var(--shadow-raised); }
.site-consent[hidden] { display: none !important; }
.site-consent__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); }
.site-consent__copy { margin: 0; font-size: var(--text-sm); line-height: var(--leading-small); }
.site-consent__actions { display: flex; flex: 0 0 auto; gap: var(--space-3); }
.site-consent__button { min-height: 2.75rem; border-color: var(--color-walnut-900); background: var(--color-walnut-900); color: var(--color-paper); padding: 0.5rem 0.875rem; font-size: var(--text-xs); font-weight: 700; }
.site-consent__button:hover { border-color: var(--color-burgundy-800); background: var(--color-burgundy-800); }
.site-consent__button--secondary { border-color: var(--color-brass-700); background: transparent; color: var(--color-brass-700); }
.site-consent__button--secondary:hover { background: transparent; color: var(--color-burgundy-800); }

.site-age-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow-y: auto; background: rgba(42, 27, 23, 0.78); padding: var(--space-4); }
[data-age-modal][hidden] { display: none !important; }
.site-age-modal__panel { width: min(100%, 32rem); border: 1px solid var(--color-brass-500); background: var(--surface-paper); color: var(--color-text); box-shadow: var(--shadow-raised); padding: clamp(1.5rem, 6vw, 3rem); }
.site-age-modal__eyebrow { margin: 0 0 var(--space-3); color: var(--color-brass-700); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.site-age-modal__panel h2 { margin-block-end: var(--space-4); }
.site-age-modal__panel > p:not(.site-age-modal__eyebrow) { margin-block-end: var(--space-5); }
.site-age-modal__actions { display: grid; gap: var(--space-3); }
.site-age-modal__confirm,
.site-age-modal__decline { width: 100%; min-height: 3rem; padding: 0.6875rem 1rem; font-size: var(--text-sm); font-weight: 700; }
.site-age-modal__confirm { border-color: var(--color-walnut-900); background: var(--color-walnut-900); color: var(--color-paper); }
.site-age-modal__confirm:hover { border-color: var(--color-burgundy-800); background: var(--color-burgundy-800); }
.site-age-modal__decline { border-color: var(--color-brass-700); background: transparent; color: var(--color-brass-700); }
.site-age-modal__decline:hover { border-color: var(--color-burgundy-800); color: var(--color-burgundy-800); }

@media (max-width: 50rem) {
  .site-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__nav-column:last-child { grid-column: 1 / -1; }
  .site-consent { inset-inline: var(--space-3); inset-block-end: var(--space-3); }
  .site-consent__inner { align-items: stretch; flex-direction: column; }
}

@media (max-width: 37.5rem) {
  .site-footer { padding-block-start: var(--space-7); }
  .site-footer__nav { grid-template-columns: 1fr; }
  .site-footer__nav-column:last-child { grid-column: auto; }
  .site-footer__bottom { flex-direction: column; }
  .site-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
}