.gate{--card-l:clamp(1.5rem,4.5vw,5rem);--card-w:min(27.5rem,100%);--stage-w:clamp(100vw,165vw,87svh);--stage-h:calc(var(--stage-w) / 1.5);--ch:18px;position:relative;display:flex;flex-direction:column;align-items:center;min-height:100svh;--stage-top:calc(var(--stage-h) * -0.09);padding:calc(var(--stage-h) * .75 + var(--stage-top)) 16px calc(1.25rem + env(safe-area-inset-bottom));overflow:clip;background:var(--house-950);color:var(--ink)}.gate-scene{position:absolute;inset:0;z-index:0;isolation:isolate;container-type:size;overflow:hidden;pointer-events:none}.gate-stage{position:absolute;top:var(--stage-top);left:calc(50% - var(--stage-w) / 2);width:var(--stage-w);height:var(--stage-h)}.gate-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}.gate-stage:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,var(--house-950))}.gate-dim{z-index:1;background:var(--ink);opacity:.34;transition:opacity .7s var(--ease-out)}.gate-dim,.gate-shade{position:absolute;inset:0}.gate-shade{z-index:3;background:linear-gradient(color-mix(in srgb,var(--house-950) 62%,transparent),transparent 34%),linear-gradient(to top,color-mix(in srgb,var(--house-950) 55%,transparent),transparent 20%)}.gate-glow{left:var(--x);top:50.4%;width:17%;height:38%;translate:-50% -50%;background:radial-gradient(ellipse 34% 40% at 50% 50%,color-mix(in srgb,var(--gilt-pale) 78%,transparent),transparent 100%),radial-gradient(closest-side,color-mix(in srgb,var(--gilt-lit) 46%,transparent),color-mix(in srgb,var(--gilt) 18%,transparent) 62%,transparent)}.gate-bulbs,.gate-glow{position:absolute;z-index:2;mix-blend-mode:screen}.gate-bulbs{left:16%;right:16%;top:69.6%;height:5%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gilt-pale) 80%,transparent),transparent);opacity:.3;transition:opacity .6s var(--ease-out)}.gate-bulbs:after{content:"";position:absolute;left:4%;right:4%;top:60%;height:340%;background:radial-gradient(ellipse 50% 60% at 50% 0,color-mix(in srgb,var(--gilt-lit) 34%,transparent),transparent 80%)}.gate-card-wrap{position:relative;z-index:2;width:var(--card-w);filter:drop-shadow(0 28px 44px color-mix(in srgb,var(--house-950) 62%,transparent)) drop-shadow(0 4px 10px color-mix(in srgb,var(--house-950) 40%,transparent));transition:opacity .56s var(--ease-out),translate .7s var(--ease-out)}.gate-card{position:relative;padding:1px;background:var(--gilt);clip-path:polygon(var(--ch) 0,calc(100% - var(--ch)) 0,100% var(--ch),100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,var(--ch) 100%,0 calc(100% - var(--ch)),0 var(--ch))}.gate-card-frame,.gate-card-frame:before,.gate-card:before{--c:calc(var(--ch) - 0.6px);content:"";position:absolute;inset:1px;background:var(--vellum);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}.gate-card-frame{--c:calc(var(--ch) - 4.1px);inset:7px;background:color-mix(in srgb,var(--gilt) 75%,var(--vellum))}.gate-card-frame:before{--c:calc(var(--ch) - 4.7px);inset:1px}.gate-card-body{position:relative;display:grid;justify-items:center;padding:clamp(1.9rem,1.4rem + 1.6vw,2.75rem) clamp(1.5rem,1rem + 2vw,2.75rem) clamp(1.5rem,1.2rem + 1vw,2rem);text-align:center}.gate-roundel{width:64px;height:64px;margin:6px 0 1.1rem;border-radius:50%;box-shadow:0 0 0 1px var(--gilt),0 0 0 5px var(--vellum),0 0 0 6px var(--gilt)}.gate-eyebrow{margin-bottom:.6rem}.gate-title{font-size:min(var(--step-4),3.6rem);line-height:1.02;letter-spacing:-.015em;color:var(--ink)}.gate-lede{max-width:26ch;margin-top:.85rem;color:var(--ink-2)}.gate-rule{width:min(100%,15rem);margin:1.4rem auto .3rem}.gate-form{width:100%;margin-top:1rem;text-align:left}.gate-label{display:block;margin-bottom:.45rem;font-weight:700;color:var(--ink)}.gate-row{display:flex;gap:.6rem}.gate-field{position:relative;flex:1 1;min-width:0}.gate-input{width:100%;min-height:54px;padding:0 1rem;border:1.5px solid var(--ink-3);border-radius:var(--r-sm);background:var(--plaster);color:var(--ink);font-size:1.1875rem;letter-spacing:.06em;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.gate-field[data-enhanced] .gate-input{padding-right:3.4rem}.gate-input:hover{border-color:var(--ink-2)}.gate-input:focus-visible{border-color:var(--ink);background:var(--vellum);outline:3px solid var(--focus);outline-offset:2px}.gate-input[aria-invalid=true]{border-color:var(--state-red)}.gate-reveal{position:absolute;right:5px;top:50%;display:grid;place-items:center;width:44px;height:44px;translate:0 -50%;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2)}.gate-reveal:hover{background:var(--plaster-2);color:var(--ink)}.gate-reveal svg{width:22px;height:22px}.btn.gate-enter{min-height:54px;padding-inline:1.25em}.gate-arrow{width:20px;height:20px}.gate-spin{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--vellum) 35%,transparent);border-top-color:var(--vellum);border-radius:50%;animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{rotate:1turn}}.gate-msg{min-height:1.6em;margin-top:.55rem;font-size:var(--step--1);color:var(--ink-2)}.gate-msg[data-tone=error]{font-weight:700;color:var(--state-red)}.gate-msg[data-tone=ok]{font-weight:700;color:var(--verdigris-ink)}.gate-fine{margin-top:.4rem;font-size:var(--step--2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.gate-caption{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .8rem;margin-top:1.4rem;font-size:var(--step--1);font-weight:700;letter-spacing:.02em;color:var(--on-dark-2);text-align:center;transition:opacity .56s var(--ease-out)}.gate-caption-dot{width:5px;height:5px;rotate:45deg;background:var(--gilt)}.gate[data-gate=open] .gate-card-wrap{opacity:0;translate:0 -12px}.gate[data-gate=open] .gate-caption{opacity:0}.gate[data-gate=open] .gate-bulbs{opacity:1}.gate[data-gate=open] .gate-dim{opacity:.12}@media (min-width:1024px) and (min-aspect-ratio:5/4){.gate{--card-w:min(27.5rem,36vw);align-items:flex-start;justify-content:center;height:100svh;min-height:640px;padding:2rem var(--card-l)}.gate-stage{--w:max(100cqw,150cqh);--h:calc(var(--w) / 1.5);--base:calc((100cqw - var(--w)) / 2);--shift:max(0px,calc(var(--card-l) + var(--card-w) + 3rem - var(--base) - var(--w) * 0.245));left:calc(var(--base) + var(--shift));top:calc((100cqh - var(--h)) * .62);width:var(--w);height:var(--h)}.gate-stage:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background:url(/art/facade-dusk.webp) 0 0/100% 100% no-repeat;scale:-1 1}.gate-stage:after{content:none}.gate-caption{position:absolute;right:var(--card-l);bottom:1.5rem;margin:0;justify-content:flex-end}}@media (prefers-reduced-motion:no-preference){.gate-dim{animation:gate-dusk 2.2s var(--ease-in-out) both}.gate-glow{animation:gate-window-on .9s var(--ease-out) both;animation-delay:calc(.45s + var(--i) * .2s)}.gate-bulbs{animation:gate-bulbs-on .9s var(--ease-out) 1.1s both}.gate-card-wrap{animation:gate-card-in .9s var(--ease-out) .15s both}.gate[data-gate=open] .gate-card-wrap{animation:none}}@keyframes gate-dusk{0%{opacity:.55}to{opacity:.34}}@keyframes gate-window-on{0%{opacity:0}35%{opacity:.62}50%{opacity:.45}to{opacity:1}}@keyframes gate-bulbs-on{0%{opacity:0}to{opacity:.3}}@keyframes gate-card-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@media (max-width:600px){.gate-card-body{padding-top:1.6rem;padding-bottom:1.25rem}.gate-roundel{width:52px;height:52px;margin-bottom:.85rem}.gate-rule{margin-top:1.1rem}.gate-caption{margin-top:1rem}}@media (forced-colors:active){.gate-card{border:2px solid CanvasText}}