.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding-bottom:40px;overflow:hidden}.gate-stage{position:relative;isolation:isolate;width:100%;height:clamp(300px,48svh,480px);flex:none}.gate-wordmark{position:absolute;left:50%;top:74%;translate:-50% -50%;z-index:1;height:clamp(92px,12vw,128px);width:auto}.gate-column{position:relative;width:100%;max-width:480px;padding-inline:16px;margin-top:clamp(12px,3vh,32px);text-align:center;transition:opacity .3s var(--ease-out)}.gate h1{font-size:clamp(34px,3vw + 18px,48px);line-height:1;max-width:none}.gate-lede{margin:14px auto 0;color:var(--mist);max-width:34ch}.gate-form{display:grid;gap:18px;margin-top:28px;text-align:left}.gate-demo{margin:32px auto 0;font-size:var(--t-label);line-height:1.5;color:var(--dim);max-width:44ch}.gate:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);background:radial-gradient(circle at 50% 30%,rgb(255 241 221/.92),rgb(255 241 221/.35) 45%,rgb(255 241 221/0) 80%)}.gate.is-open:after{opacity:1}.gate.is-open .gate-column{opacity:0}