.agegate{z-index:500;min-height:100dvh;padding:20px var(--gutter) 24px;background:var(--bg);animation:agegate-in .9s var(--ease-out) both;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow-y:auto}.agegate.is-leaving{pointer-events:none;animation:agegate-out .45s var(--ease-in-out) forwards}@keyframes agegate-in{0%{opacity:0}}@keyframes agegate-out{to{opacity:0;transform:scale(1.03)}}.agegate__bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.agegate__orb{pointer-events:none;position:absolute}.agegate__orb--a{background:linear-gradient(180deg, rgba(var(--light-rgb), .1), rgba(var(--light-rgb), .02) 65%, transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);width:min(1100px,150vw);height:90%;animation:gate-light 1.6s var(--ease-out) both;top:-10%;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 35% 65%,#0000 95%);mask-image:linear-gradient(90deg,#0000 5%,#000 35% 65%,#0000 95%)}.agegate__orb--b{background:radial-gradient(closest-side, rgba(var(--accent-rgb), .08), transparent);width:90vmax;height:60vh;bottom:-20vh;left:50%;translate:-50%}@keyframes gate-light{0%{opacity:0}}.agegate__grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.agegate__top{justify-content:center;display:flex}.agegate__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,20px);padding-block:24px;display:flex}.agegate__mark{font-family:var(--font-display);letter-spacing:-.06em;-webkit-user-select:none;user-select:none;animation:mark-in .9s var(--ease-out) 50ms both;align-items:flex-start;font-weight:800;line-height:.82;display:flex}@keyframes mark-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.agegate__num{background:linear-gradient(#fff 0%,#d4d7e0 50%,#ffffff1f 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(140px,28vw,300px)}.agegate__plus{background:linear-gradient(180deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.04em;font-size:clamp(64px,12vw,130px)}.agegate__panel{max-width:560px;animation:panel-in .8s var(--ease-out) .2s both;flex-direction:column;align-items:center;gap:14px;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}}.agegate__title{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(22px,3.2vw,34px);font-weight:600;line-height:1.2}.agegate__desc{color:var(--text-2);text-wrap:pretty;font-size:15px}.agegate__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.agegate__actions .btn{min-width:190px}.agegate__foot{text-align:center;color:var(--text-3);letter-spacing:.02em;font-size:12px}@media (width<=480px){.agegate__actions{flex-direction:column;width:100%}.agegate__actions .btn,.agegate__panel{width:100%}}@media (height<=520px) and (orientation:landscape){.agegate{padding-block:10px 12px}.agegate__content{flex-direction:row;gap:clamp(20px,5vw,48px);padding-block:8px}.agegate__num{font-size:min(24vw,34vh)}.agegate__plus{font-size:min(11vw,15vh)}.agegate__panel{text-align:left;align-items:flex-start;gap:8px}.agegate__actions{justify-content:flex-start;margin-top:8px}.agegate__actions .btn{min-width:160px}}