/* age-gate/index.css — standalone /age-gate/ route composition CSS.
   Imports the age-gate-modal section component + adds page-scoped overrides.

   Page intent (V1 Final/output/age-gate.html + Figma 722:2):
   - body becomes the gate: scrim covers full viewport, modal centered horizontally
     and pinned 96px from top (Figma Rectangle 177 y=96 within 1024 frame).
   - No header/footer/main shell — the gate IS the page (V1 verbatim).
   - body sets overflow:hidden so no scroll behind the scrim.

   Mobile-first: mobile defaults from component CSS (viewport-centered modal).
   @media (min-width: 1024px) wraps the desktop top-pinned position. */

/* ─── Section ──────────────────────────────────────────────────────── */
@import url('../../_components/sections/age-gate-modal/age-gate-modal.css');

/* ─── Page-scoped ──────────────────────────────────────────────────── */

/* V1 body lock: prevent scroll behind the scrim. */
.page-age-gate { overflow: hidden; }

/* Desktop: pin modal 96px from top per Figma Rectangle 177 y=96 in 1024 frame.
   Mobile keeps the default `align-items: center` from the component CSS. */
@media (min-width: 1024px) {
  .page-age-gate .age-gate {
    align-items: flex-start;
    padding-top: 96px;
  }
}