/* MailMasker - page-specific overrides layered on the shared Silver Linings
   design system (css/style.css). Kept separate so style.css stays a verbatim
   copy of the silverlinings.llc stylesheet and can be re-synced cleanly. */

/* Single-screen landing page: leave room for the sticky header so the hero
   content sits optically centred, and pull the footer up (style.css sets a
   large margin-top intended for long multi-section pages). */
.hero {
  min-height: calc(100vh - 160px);
}

.footer {
  margin-top: var(--space-8);
}

/* "By invite only" - quieter than the subheading, sits just under it. */
.hero__note {
  font-size: var(--text-sm);
  font-weight: var(--weight-light);
  color: var(--text-muted);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  margin-top: var(--space-6);
}

/* The footer link is the only link down there; give it the silver treatment
   rather than style.css's muted footer-nav look. */
.footer__text .footer__link {
  color: var(--silver-medium);
  border-bottom: 1px solid rgba(192, 192, 192, 0.3);
  transition: color var(--transition-base), border-color var(--transition-base);
}
.footer__text .footer__link:hover,
.footer__text .footer__link:focus-visible {
  color: var(--silver-bright);
  border-bottom-color: var(--silver-bright);
}