.gate{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,580px);align-content:start;align-items:end;gap:28px clamp(32px,5vw,96px);padding:clamp(32px,5vw,64px) clamp(24px,6vw,112px) 0;overflow:hidden;background:var(--box)}.gate-art{position:absolute;bottom:0;left:50%;width:100%;height:auto;translate:-50% 0;filter:brightness(.82);-webkit-mask-image:linear-gradient(transparent,#000 25%);mask-image:linear-gradient(transparent,#000 25%);animation:gate-warm 2.6s var(--ease-out) .2s backwards;transition:filter .45s var(--ease-in-out)}@keyframes gate-warm{0%{filter:brightness(.12)}}.gate[data-going] .gate-art{filter:brightness(1.08)}.gate-copy,.gate-ticket{position:relative}.gate-copy{display:grid;justify-items:start;gap:28px}.gate-logo{width:150px;height:auto}.gate-title{font-size:clamp(2.4rem,1.5rem + 2.6vw,3.7rem);text-shadow:0 2px 30px var(--box)}.gate-title span{display:block}.gate-ticket{--cut:calc(100% - 64px);position:relative;width:100%;display:grid;grid-template-columns:1fr 64px;border-radius:var(--radius);-webkit-mask:radial-gradient(circle 13px at var(--cut) 0,#0000 97%,#000) top /100% 51% no-repeat,radial-gradient(circle 13px at var(--cut) 100%,#0000 97%,#000) bottom /100% 51% no-repeat;mask:radial-gradient(circle 13px at var(--cut) 0,#0000 97%,#000) top /100% 51% no-repeat,radial-gradient(circle 13px at var(--cut) 100%,#0000 97%,#000) bottom /100% 51% no-repeat;transition:translate .45s var(--ease-in-out),opacity .45s var(--ease-in-out)}.gate[data-going] .gate-ticket{translate:0 -12px;opacity:0}.gate-stub{display:grid;place-items:center;border-left:2px dashed var(--line);margin-block:16px;writing-mode:vertical-rl;color:var(--orange-deep)}.gate-form{display:grid;align-content:start;gap:10px;padding:26px 24px 24px 28px}.gate-row{display:flex;gap:10px;flex-wrap:wrap}.gate-row input{flex:1 1 180px;min-width:0;min-height:52px;padding:0 16px;border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}.gate-row input:focus-visible{border-color:var(--ink)}.gate-row input[aria-invalid]{border-color:#A3261B}.gate-error{color:#A3261B;font-weight:700;font-size:1.0625rem}.gate-help{color:var(--muted);font-size:1.0625rem}@media (max-width:1099px){.gate{grid-template-columns:minmax(0,1fr);padding:24px var(--gutter) 0;gap:24px}.gate-copy{gap:22px}.gate-ticket{width:min(580px,100%)}.gate-art{width:140%;max-width:none}}@media (max-width:599px){.gate-logo{width:112px}.gate-art{width:200%}}