.gate{position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;justify-items:start;gap:24px;padding:48px max(var(--gutter),6vw);overflow:hidden;background-color:var(--night)}.gate-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:70% 100%;filter:brightness(.82) saturate(.95);transition:filter .7s var(--ease-out),scale 1.2s var(--ease-out)}.gate:before{content:"";z-index:-2;background:linear-gradient(90deg,rgba(16,24,32,.78),rgba(16,24,32,.35) 46%,rgba(16,24,32,0) 70%),linear-gradient(0deg,rgba(16,24,32,.5),rgba(16,24,32,0) 30%)}.gate-glass,.gate:before{position:absolute;inset:0;pointer-events:none}.gate-glass{z-index:-1}.gate-glass i{position:absolute;top:0;bottom:0;width:1px;background:rgba(238,241,243,.16);transform-origin:top}.gate:has([data-open]) .gate-photo{filter:brightness(1.12) saturate(1.1);scale:1.03}.gate:has([data-open]) .gate-glass i{opacity:0;transition:opacity .5s var(--ease-out)}.gate-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(22px,3vw,36px);row-gap:14px;width:min(100%,560px);padding:clamp(26px,4vw,40px);border-radius:var(--r-m);background:rgba(16,24,32,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--rule-night),0 50px 90px -40px rgba(0,0,0,.9);transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}.gate-card[data-open]{opacity:0;translate:0 -10px}.gate-brand{grid-row:1/span 4;align-self:start;color:var(--white)}.gate h1{font-size:clamp(34px,2vw + 24px,50px);line-height:1;max-width:none}.gate-lede{color:var(--mist)}.gate-form{display:grid;gap:18px;margin-top:6px}.gate-error{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-ctl);background:rgba(255,154,162,.1);color:var(--danger-night);box-shadow:inset 0 0 0 1px rgba(255,154,162,.45);font-size:16px;line-height:1.45;font-weight:600}.gate-error .icon{flex:none;margin-top:1px}.gate-demo{max-width:560px;font-size:var(--t-fine);line-height:1.5;color:var(--mist)}@media (max-width:599px){.gate{justify-items:stretch;align-content:end;padding-block:32px}.gate:before{background:linear-gradient(0deg,rgba(16,24,32,.95) 30%,rgba(16,24,32,.55) 75%,rgba(16,24,32,.3))}.gate-photo{object-position:74% 100%;height:50%}.gate-glass{bottom:50%}.gate-brand .brand{--brand:190px!important}}@media (prefers-reduced-motion:no-preference){.gate-glass i{animation:gate-draw .8s var(--ease-in-out) calc(.15s + var(--swing-delay)) both}.gate-card{animation:gate-in .8s var(--ease-out) 1.1s both}.gate-brand{animation:gate-up 1s var(--ease-out) 1.3s both}.gate-demo{animation:gate-in .8s var(--ease-out) 1.6s both}}@keyframes gate-draw{0%{scale:1 0}}@keyframes gate-in{0%{opacity:0;translate:0 14px}}@keyframes gate-up{0%{clip-path:inset(100% 0 0 0)}}