.gate{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:center;background:var(--night);color:var(--ink);overflow:hidden}.gate-art{position:absolute;inset:0}.gate-art img{width:100%;height:100%;object-fit:cover;object-position:78% 50%;background:var(--night)}.gate-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(16 18 46/.55),rgb(16 18 46/.1) 48%,transparent 62%);pointer-events:none}.gate-card{position:relative;z-index:3;width:min(500px,calc(100% - 2 * var(--gutter)));margin:48px 0 48px clamp(16px,8vw,140px);padding:clamp(28px,4vw,44px);background:var(--paper) url(/images/art/paper.webp) repeat;background-blend-mode:multiply;box-shadow:10px 10px 0 var(--red),0 40px 80px -30px rgb(0 0 0/.7);rotate:-1deg}.gate-card,.gate-card.reg{color:var(--ink)}.gate-card.reg:after,.gate-card.reg:before{color:var(--paper);opacity:.7}@media (prefers-reduced-motion:no-preference){.gate-card{animation:gate-lay .9s var(--ease-print) .35s both}}@keyframes gate-lay{0%{opacity:0;translate:0 26px;rotate:2deg}to{opacity:1;translate:0 0;rotate:-1deg}}.gate-title{margin:26px 0 14px;display:grid;gap:8px}.gate-name{font:400 clamp(2.5rem,1.9rem + 2.4vw,3.5rem)/.95 var(--f-display);letter-spacing:.005em}.gate-sub{font:italic 500 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.3 var(--f-serif);color:var(--ink-2)}.gate-intro{margin-bottom:22px}.gate-form{display:grid;gap:18px}.gate-form .error{margin-top:2px}.gate-stub{display:flex;align-items:stretch}.gate-enter{flex:1 1;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none}.gate-enter:active,.gate-enter:hover{transform:none;box-shadow:none}.gate-enter:hover{background:#b9121a}.gate-stub-tear{width:0;border-left:3px dotted var(--paper);margin-left:-2px;z-index:1}.gate-stub-end{display:grid;place-content:center;width:86px;padding:0 8px;border:2px solid var(--ink);border-left:0;background:var(--red);color:#fff;text-align:center;font:400 1.125rem/1 var(--f-display);text-transform:lowercase;letter-spacing:.02em;border-radius:0 var(--radius) var(--radius) 0;transform-origin:0 100%}.gate-form[data-going] .gate-stub-end{animation:gate-tear .75s var(--ease-print) forwards}@keyframes gate-tear{30%{rotate:6deg}to{rotate:28deg;translate:40px 60px;opacity:0}}.gate-welcome{margin:0;min-height:1.6em;font:italic 600 1.375rem/1.3 var(--f-serif);color:var(--red-ink)}.gate-foot{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--ink-2)}@media (max-width:760px){.gate{align-items:start}.gate-art{position:relative;height:46vh;min-height:280px}.gate-art img{object-position:82% 40%}.gate-art:before{background:linear-gradient(180deg,transparent 55%,var(--night))}.gate-card{width:auto;margin:-64px var(--gutter) 40px;rotate:0deg;box-shadow:6px 6px 0 var(--red),0 30px 60px -30px rgb(0 0 0/.7)}@media (prefers-reduced-motion:no-preference){.gate-card{animation-name:gate-lay-sm}}}@keyframes gate-lay-sm{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}