/* Approved age declaration gate: one glass HUD above a bright, diffused scene. */
html.age-locked, body.age-locked { overflow: hidden !important; overscroll-behavior: none; }
#site-content { display: contents; }
#age-gate {
  position: fixed; inset: 0; z-index: 200; margin: 0; border: 0;
  width: 100%; height: 100%; max-width: none; max-height: none;
  padding: 24px; place-items: center; overflow: auto; overscroll-behavior: contain;
  background: rgba(250,249,243,.46); color: #353d3d;
  -webkit-backdrop-filter: blur(24px) brightness(1.12);
  backdrop-filter: blur(24px) brightness(1.12);
  font-family: Montserrat,Arial,sans-serif; font-weight: 500;
}
#age-gate[open] { display: grid; }
#age-gate:not([open]) { display: none; }
#age-gate::backdrop { background: transparent; }
.age-hud {
  position: relative; width: min(100%,470px); padding: 30px 32px 26px;
  background: var(--glass-face); background-size: 96px 96px,100% 100%,auto;
  border: 1px solid var(--glass-edge); border-radius: 32px; box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(1.06);
  backdrop-filter: blur(18px) saturate(1.06); text-align: center;
}
.age-brand { width: 122px; height: auto; display: block; margin: 0 auto 24px; }
.age-eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 9px; letter-spacing: .17em; margin: 0 0 14px; color: #536563; }
.age-eyebrow::before, .age-eyebrow::after { content: ''; width: 32px; height: 1px; background: rgba(73,91,91,.25); }
#age-title { font: 500 23px/1.25 Montserrat,Arial,sans-serif; letter-spacing: -.035em; margin: 0 0 14px; }
.age-intro { font-size: 12px; line-height: 1.7; max-width: 340px; margin: 0 auto 23px; color: #4a5856; }
.age-actions button { width: 100%; min-height: 46px; border: 1px solid rgba(106,145,148,.6); border-radius: 999px; background: var(--glass-selected); color: #353d3d; font: 500 12px Montserrat,Arial,sans-serif; }
.age-actions button.age-secondary { margin-top: 10px; border-color: rgba(92,117,114,.2); background: rgba(242,243,234,.12); color: #4a5856; }
.age-actions button:hover:not(:disabled) { background: rgba(211,229,225,.7); }
.age-actions button:disabled { cursor: default; }
#age-gate :focus-visible { outline: 2px solid #355e6b; outline-offset: 4px; }
.age-note { border-top: 1px solid rgba(73,91,91,.18); padding-top: 17px; margin: 22px 0 0; font-size: 10px; line-height: 1.7; color: #4a5856; }
.age-blocked, .age-noscript { margin: 18px 0 0; font-size: 12px; line-height: 1.6; color: #353d3d; }
@media (max-width:500px) {
  #age-gate { padding: 18px; }
  .age-hud { padding: 27px 23px 23px; border-radius: 28px; }
  #age-title { font-size: 21px; }
  .age-brand { width: 112px; margin-bottom: 22px; }
}
@media (max-height:520px) { #age-gate { align-items: start; } }