/* Holding Page - page-specific styles only. Header, footer, button, tokens and
   fonts are linked from the canonical library; this styles only the centre
   message, the sticky-footer scaffold, and the return button. Docs: holding-page.md */

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

.hp-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--gap-md, 40px) var(--gap-sm, 20px);
  gap: var(--gap-sm, 20px);
}
.hp-eyebrow {
  font-size: var(--text-xs, 11px);
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--marbl-white, #ffffff);
  line-height: 1;
}
.hp-title {
  font-family: var(--font-heading, 'Urbanist', sans-serif);
  font-weight: var(--font-bold, 700);
  font-size: var(--text-4xl, clamp(48px, 2rem + 3.5vw, 80px));
  line-height: 1.05;
  color: var(--marbl-white, #ffffff);
  max-width: 16ch;
}
.hp-message {
  font-size: var(--text-lg, clamp(16px, 0.9rem + 0.3vw, 18px));
  line-height: 1.6;
  color: var(--marbl-white-50, rgba(255, 255, 255, 0.5));
  max-width: 52ch;
}
.hp-cta-row { margin-top: var(--gap-xs, 10px); }

/* Return button (.legal-back-btn) is now canonical in site-header.css, which
   this page links - no local copy needed. Only the mobile-hide override is
   page-specific. */

/* Mobile: hide the header return button (Richard, 2 Jun 2026). */
@media (max-width: 768px) {
  .legal-back-btn { display: none; }
}