.gate{isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(400px,560px) minmax(0,1fr);background:var(--ink)}.gate,.gate-art{position:relative;overflow:hidden}.gate-art{grid-column:2;grid-row:1;container-type:size;transition:filter .7s var(--ease-out)}.gate-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),rgba(24,13,67,0) 16%);pointer-events:none}.gate-scene{--w:max(100cqw,150cqh);--h:max(100cqh,66.667cqw);position:absolute;left:20%;top:55%;width:var(--w);height:var(--h);translate:-20% -55%}.gate-ribbon,.gate-scene img{width:100%;height:100%}.gate-ribbon{position:absolute;inset:0;overflow:visible}.gate-ribbon path{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}.gate-panel{position:relative;z-index:1;grid-column:1;grid-row:1;display:grid;align-content:center;gap:28px;padding:48px clamp(24px,4vw,64px);transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}.gate-card{display:grid;gap:18px;max-width:440px}.gate-logo{width:168px;height:auto;margin-bottom:18px}.gate h1{font-size:clamp(34px,1.8vw + 22px,50px);line-height:1.02}.gate-lede{color:var(--mist);font-size:var(--t-lead);line-height:1.45}.gate-form{display:grid;gap:20px;margin-top:10px}.gate-error{padding:12px 14px;border-radius:var(--r-s);background:rgba(255,180,168,.1);color:var(--danger-night);box-shadow:inset 0 0 0 1px rgba(255,180,168,.45);font-size:16px;line-height:1.45;font-weight:600}.gate-demo{max-width:440px;font-size:var(--t-fine);line-height:1.5;color:var(--mist)}.gate:has(.gate-card[data-open]) .gate-panel{opacity:0;translate:-48px 0}.gate:has(.gate-card[data-open]) .gate-art{filter:brightness(1.18) saturate(1.1)}@media (max-width:860px){.gate{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gate-art{grid-column:1;grid-row:1;height:38svh;min-height:240px}.gate-panel{grid-row:2}.gate-art:after{background:linear-gradient(0deg,var(--ink),rgba(24,13,67,0) 30%)}.gate-scene{left:45%;translate:-45% -55%}.gate-panel{align-content:start;padding:8px 16px 40px}.gate-logo{width:132px;margin:-56px 0 6px}}@media (prefers-reduced-motion:no-preference){.gate-art{animation:gate-wipe 1.3s var(--ease-in-out) both}.gate-ribbon path{animation:gate-draw 2.2s var(--ease-in-out) .9s both}.gate-card>*{animation:gate-in .9s var(--ease-out) calc(.25s + var(--gate-i,0) * .08s) both}.gate-card>:nth-child(2){--gate-i:1}.gate-card>:nth-child(3){--gate-i:2}.gate-card>:nth-child(4){--gate-i:3}.gate-demo{animation:gate-in .9s var(--ease-out) .7s both}}@keyframes gate-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes gate-draw{0%{stroke-dashoffset:1}}@keyframes gate-in{0%{opacity:0;translate:0 14px}}