.age-gate { position: fixed; inset: 0; z-index: var(--z-age-gate); display: none; align-items: center; justify-content: center; padding: var(--gutter); }
.age-gate.is-open { display: flex; }
.age-gate__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.age-gate__modal { position: relative; background: var(--color-paper); max-width: 400px; width: 100%; padding: var(--space-4); text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.age-gate__wordmark { width: min(180px, 60%); margin: 0 auto var(--space-3); color: var(--color-charcoal); }
.age-gate__actions { display: grid; gap: var(--space-2); margin-top: var(--space-3); }