.gate-page{position:relative;display:grid;place-items:center;min-height:100svh;padding:88px 16px 56px;background:var(--granite);color:var(--on-granite)}.gate-switch{position:absolute;top:16px;right:16px}.gate-column{display:grid;justify-items:center;width:100%;max-width:480px}.gate-wordmark{width:200px;color:var(--on-granite)}.gate-frame{width:100%;aspect-ratio:3/2;margin-top:36px}.gate-frame img{width:100%;height:100%}.knock.is-arriving.gate-frame{--knock-delay:300ms}.knock.gate-frame{background:var(--travertine)}.gate-words{display:grid;gap:12px;width:100%;margin-top:28px}.gate-words h1{font-size:40px;line-height:1.1}.gate-words .echo{font-size:20px}.gate-line{font:400 19px/1.5 var(--f-sans);color:var(--on-granite-2)}.gate-form{display:grid;gap:20px;width:100%;margin-top:24px}.gate-form .btn{width:100%}@media (min-width:1100px) and (min-height:640px){.gate-page{padding-block:56px}.gate-column{max-width:1032px;grid-template-columns:480px 480px;grid-template-areas:"frame mark" "frame words" "frame form";column-gap:72px;justify-items:start;align-items:start}.gate-wordmark{grid-area:mark}.gate-frame{grid-area:frame;align-self:center;margin-top:0}.gate-words{grid-area:words}.gate-form{grid-area:form}}@media (max-width:599px){.gate-page{place-items:start center;padding-top:112px}.gate-wordmark{position:absolute;top:14px;left:16px;width:100px}.gate-frame{margin-top:0}.gate-words{margin-top:20px}.gate-words h1{font-size:32px}.gate-form{margin-top:20px}}