/* 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 - verbatim from legal/legal-page.css (.legal-back-btn). */
.legal-back-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs, 10px);
  height: 44px;
  padding: 0 var(--gap-sm, 20px);
  background: transparent;
  border: 1px solid var(--marbl-white-15);
  border-radius: var(--radius, 10px);
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.legal-back-btn:hover { border-color: var(--marbl-ember); color: var(--marbl-ember); }
.legal-back-btn:focus-visible { outline: 2px solid var(--marbl-ember); outline-offset: 2px; }
.legal-back-btn svg { width: 16px; height: 16px; transition: transform 0.2s ease; }
.legal-back-btn:hover svg { transform: translateX(-2px); }

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