body:has(.gate) .chrome-footer,body:has(.gate) .chrome-header,body:has(.gate) .skip-link{display:none}.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:1fr minmax(360px,470px);align-items:center;padding:40px clamp(16px,6vw,96px);background:var(--night);color:var(--ink);overflow:hidden}.gate-night{position:absolute;inset:0;z-index:-1;container-type:size;overflow:hidden}.gate-night:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgb(18 28 34/.82),rgb(18 28 34/.2) 55%,transparent 75%)}.gate-scene{--w:max(100cqw,150cqh);--h:max(100cqh,66.667cqw);position:absolute;left:0;top:calc((100cqh - var(--h)) / 2);width:var(--w);height:var(--h)}.gate-scene img{width:100%;height:100%;animation:gate-dusk 2.4s var(--ease-out) both}.gate-glow{position:absolute;left:14%;top:36%;width:22%;height:15%;background:radial-gradient(closest-side,rgb(244 196 106/.75),rgb(244 196 106/.25) 55%,transparent);mix-blend-mode:screen;opacity:.8;pointer-events:none;animation:gate-lights 1.8s 1.1s var(--ease-out) both}.gate-glow-water{top:58%;height:13%;opacity:.45;animation-name:gate-lights-water;animation-delay:1.5s}@keyframes gate-dusk{0%{filter:brightness(.32) saturate(.5)}to{filter:none}}@keyframes gate-lights{0%{opacity:0}30%{opacity:.55}38%{opacity:.3}to{opacity:.8}}@keyframes gate-lights-water{0%{opacity:0}to{opacity:.45}}.gate-card{grid-column:2;position:relative;padding:36px clamp(24px,4vw,40px) 30px;background:url(/images/texture/grain-paper.png) repeat,var(--paper);border-radius:var(--r-2);box-shadow:0 30px 60px -24px rgb(0 0 0/.7),0 2px 0 rgb(0 0 0/.15);rotate:-1deg;animation:gate-card-in .9s .35s var(--ease-out) both}.gate-card:before{content:"";position:absolute;inset:10px;pointer-events:none;border:1.5px solid var(--copper);border-radius:6px;opacity:.55}@keyframes gate-card-in{0%{opacity:0;translate:0 40px;rotate:2deg}}.gate-mark{width:64px;height:auto}.gate-live{margin-top:14px;font:400 22px/1 var(--font-display);color:var(--ink-soft)}.gate-live .script{font-size:44px;margin-right:4px}.gate-card h1{margin-top:10px;font-size:clamp(38px,4.4vw,52px);color:var(--ink);text-shadow:2px 2px 0 var(--copper-ghost)}.gate-intro{margin-top:14px;color:var(--ink-soft)}.gate-form{display:grid;gap:16px;margin-top:26px}.gate-form .btn{width:100%}.gate-error{color:var(--curtain);font-weight:700;font-size:17px}.gate-small{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--paper-3);font-size:var(--step--1);color:var(--ink-soft)}.gate-unlock{position:fixed;inset:0;z-index:300;pointer-events:none}.gate-unlock span{position:absolute;inset:0;translate:-101% 0;animation:gate-plate .56s var(--ease-print) forwards}.gate-unlock span:first-child{background:var(--seafoam)}.gate-unlock span:nth-child(2){background:var(--copper);animation-delay:80ms}.gate-unlock span:nth-child(3){background:var(--night);animation-delay:.16s}@keyframes gate-plate{to{translate:0 0}}@media (max-width:899px){.gate{grid-template-columns:1fr;align-items:start;padding:0 16px 40px}.gate-night{position:relative;inset:auto;margin-inline:-16px;height:min(58svh,420px)}.gate-night:after{background:linear-gradient(to top,var(--night),transparent 45%)}.gate-card{grid-column:1;margin-top:-72px}}