/* Amnesia entry: original liquid artwork, clear choice, no persistent motion. */
.age-gate {
  position:fixed; inset:0; z-index:999; isolation:isolate;
  display:flex; overflow-y:auto; overscroll-behavior:contain;
  padding:clamp(16px,4vw,56px); color:var(--ink); background:#10231c;
}
.age-gate::before {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(rgba(17,24,23,.36),rgba(17,24,23,.36)),
    url('../images/redesign/waves-liquid-square-1800.webp') center / cover no-repeat;
}
.age-frame {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:min(1120px,100%); min-height:660px; flex-shrink:0; margin:auto;
  border:1px solid rgba(247,245,238,.5); box-shadow:0 24px 80px rgba(0,0,0,.22);
}
.age-art {
  position:relative; display:flex; flex-direction:column; justify-content:space-between;
  min-width:0; overflow:hidden; padding:36px; color:var(--paper);
  background:linear-gradient(180deg,rgba(17,24,23,.68),rgba(17,24,23,.02) 40%,rgba(17,24,23,.65)),
    url('../images/redesign/waves-liquid-square-1800.webp') 42% center / cover no-repeat;
}
.age-art-label,.age-art-footer { font-size:11px; font-weight:700; letter-spacing:.15em; line-height:1.5; text-transform:uppercase; }
.age-art p {
  margin:auto 0 24px; padding-top:64px; font-family:var(--display); font-weight:700;
  font-size:clamp(64px,7vw,108px); line-height:.85; letter-spacing:-.025em;
  text-transform:uppercase; text-shadow:0 2px 28px rgba(0,0,0,.18);
}
.age-art p span { color:var(--paper); }
.age-art-footer { border-top:1px solid rgba(247,245,238,.45); padding-top:18px; }
.age-panel { min-width:0; padding:46px clamp(28px,4.2vw,64px); background:var(--paper); }
.age-wordmark { display:block; width:180px; max-width:70%; height:auto; margin:0 0 34px; }
.age-kicker { display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.age-kicker::before { content:""; width:22px; height:2px; background:var(--pink); }
.amnesia-site .age-panel h2 { margin:0 0 22px; font-size:clamp(68px,6.7vw,100px); line-height:.82; letter-spacing:-.018em; text-transform:uppercase; }
.age-question-lead { display:block; margin-bottom:8px; font-size:.42em; line-height:1; }
.age-question-mark { color:var(--pink); }
.age-panel #amnesia-age-description { max-width:36ch; margin:0; color:#46534d; font-size:16px; line-height:1.5; text-wrap:pretty; }
.age-actions { display:grid; gap:10px; margin:28px 0 24px; }
.age-actions button,.age-actions a {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; min-height:54px; padding:14px 20px; border:1px solid var(--ink);
  border-radius:0; font:700 14px/1.3 Barlow,sans-serif; letter-spacing:.035em;
  text-transform:uppercase; text-align:left; text-decoration:none; cursor:pointer;
  transition:background-color .18s,color .18s,border-color .18s;
}
.age-actions button { color:#fff; background:var(--pink); border-color:var(--pink); }
.age-actions a { color:var(--ink); background:transparent; border-color:#b2b9ac; }
.age-actions :is(button,a) span { font-size:23px; line-height:1; flex-shrink:0; }
.age-actions button:hover { background:var(--ink); border-color:var(--ink); }
.age-actions a:hover { background:#e7e8df; border-color:var(--ink); }
.age-actions :is(button,a):active { background:#10231c; border-color:#10231c; color:#fff; }
.amnesia-site .age-actions :is(button,a):focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.age-panel>small { display:block; padding-top:18px; border-top:1px solid #d8d9d0; color:#59635d; font-size:12px; line-height:1.5; text-wrap:pretty; }
.age-noscript { padding:14px; border:1px solid #b2b9ac; font-size:14px; line-height:1.5; }
@media (prefers-reduced-motion:no-preference) {
  .age-gate:not([hidden]) .age-frame { animation:age-arrive .65s cubic-bezier(.2,.7,.3,1) both; }
  @keyframes age-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
}
@media (max-width:760px) {
  .age-gate { padding:20px; }
  .age-frame { max-width:480px; min-height:0; grid-template-columns:minmax(0,1fr); }
  .age-art { min-height:116px; padding:22px 26px; background-position:center 68%; }
  .age-art-label { font-size:9px; letter-spacing:.12em; }
  .age-art p { margin:12px 0 0; padding:0; font-size:36px; line-height:.9; }
  .age-art p br { display:none; }
  .age-art-footer { display:none; }
  .age-panel { padding:28px; }
  .age-wordmark { width:158px; margin-bottom:22px; }
  .age-kicker { margin-bottom:12px; font-size:10px; }
  .amnesia-site .age-panel h2 { margin-bottom:18px; font-size:76px; }
  .age-panel #amnesia-age-description { font-size:15px; }
  .age-actions { margin:24px 0 20px; }
  .age-panel>small { padding-top:16px; }
}
@media (max-width:360px) {
  .age-gate { padding:12px; }
  .age-art { padding:20px 24px; }
  .age-art p { font-size:31px; }
  .age-panel { padding:24px; }
  .amnesia-site .age-panel h2 { font-size:68px; }
}
@media (max-height:650px) and (min-width:761px) {
  .age-frame { min-height:0; }
  .age-panel { padding-top:28px; padding-bottom:28px; }
  .age-wordmark { margin-bottom:24px; width:150px; }
  .amnesia-site .age-panel h2 { font-size:72px; }
}