.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;justify-items:center;gap:28px;padding:40px 16px;overflow:hidden}.gate-photo{z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 70%;transition:filter .7s var(--ease-out)}.gate-photo,.gate:before{position:absolute;inset:0}.gate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(56% 60% at 50% 48%,rgba(21,17,15,.86),rgba(21,17,15,.55) 70%,rgba(42,28,43,.35)),linear-gradient(180deg,rgba(21,17,15,.9),rgba(42,28,43,.4) 55%,rgba(74,38,41,.55))}.gate:has([data-open]) .gate-photo{filter:brightness(1.5) saturate(1.15)}.gate-card{display:grid;gap:16px;width:min(100%,480px);padding:clamp(28px,5vw,44px) clamp(22px,5vw,40px);border-radius:var(--r-l);background:rgba(32,26,23,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--rule-night),0 50px 90px -40px rgba(0,0,0,.85);transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}.gate-card[data-open]{opacity:0;translate:0 -10px}.gate-brand{margin-bottom:10px}.gate h1{font-size:clamp(28px,1.6vw + 21px,38px);max-width:none}.gate-lede{color:var(--mist)}.gate-form{display:grid;gap:20px;margin-top:8px}.gate-error{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-s);background:rgba(247,161,166,.12);color:var(--danger-night);box-shadow:inset 0 0 0 1px rgba(247,161,166,.45);font-size:16px;line-height:1.45;font-weight:600}.gate-error .icon{flex:none;margin-top:1px}.gate-demo{max-width:480px;font-size:var(--t-fine);line-height:1.5;color:var(--mist);text-align:center}@media (max-width:479px){.gate-brand .brand-lockup{--brand:100px!important}}@media (prefers-reduced-motion:no-preference){.gate-brand .brand-tri path{stroke-dasharray:1;animation:gate-draw .9s var(--ease-in-out) calc(.2s + var(--i) * .16s) both}.gate-brand .brand-words{animation:gate-in .9s var(--ease-out) .9s both}.gate-card>:not(.gate-brand){animation:gate-in .9s var(--ease-out) 1.25s both}.gate-demo{animation:gate-in .9s var(--ease-out) 1.6s both}}@keyframes gate-draw{0%{stroke-dashoffset:1}}@keyframes gate-in{0%{opacity:0;translate:0 12px}}