.gate{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:clamp(24px,5vw,64px) var(--gutter);overflow:hidden;background:var(--sky-900)}.gate-sky{position:absolute;inset:0;z-index:-1}.gate-sky img{width:100%;height:100%;object-fit:cover;object-position:60% 100%}.gate-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgb(12 20 32/.25),rgb(12 20 32/.8)),linear-gradient(transparent 60%,rgb(18 13 11/.85))}.gate-stage{gap:28px;width:min(100%,620px)}.gate-marquee,.gate-stage{display:grid;justify-items:center}.gate-marquee{width:100%;container-type:inline-size}.gate-neon{position:relative;z-index:2;width:clamp(140px,34cqi,210px);margin-bottom:-22px;filter:drop-shadow(0 0 2px rgb(253 228 184/.9)) drop-shadow(0 0 14px rgb(247 188 96/.6)) drop-shadow(0 0 34px rgb(191 49 26/.65));animation:gate-ignite 1.6s steps(1) .2s backwards}@keyframes gate-ignite{0%{opacity:.1;filter:none}14%{opacity:.9}20%{opacity:.25;filter:none}34%{opacity:1}40%{opacity:.45}52%{opacity:1}}.gate-sign{position:relative;width:100%;padding:34px clamp(14px,4cqi,26px);border:4px solid var(--cream);border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgb(224 90 63/.55),transparent 60%),linear-gradient(var(--red-500),var(--red-600) 55%,var(--red-800));box-shadow:0 0 0 5px var(--ink),0 40px 70px -28px rgb(0 0 0/.9),0 0 90px rgb(191 49 26/.45)}.gate-bulbs{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between}.gate-bulbs-top{top:11px}.gate-bulbs-bottom{bottom:11px}.gate-bulbs i{width:10px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff 0 18%,var(--gold-100) 34%,var(--gold-300) 70%);box-shadow:0 0 8px 2px rgb(247 188 96/.75)}.gate-board{display:grid;justify-items:center;gap:6px;padding:14px 16px;border-radius:6px;container-type:inline-size;background:linear-gradient(#fffdf3,#f5edd3);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 30px rgb(247 188 96/.4),0 0 40px rgb(253 228 184/.45)}.gate-line{display:flex;justify-content:center;width:100%;padding-bottom:3px;border-bottom:2px solid rgb(23 17 14/.1);font-family:var(--font-sign);line-height:1;color:var(--ink);white-space:nowrap;font-size:min(40px,calc(100cqi / (var(--n) * .84)))}.gate-line-0,.gate-line-2{font-size:min(24px,calc(100cqi / (var(--n) * .9)));color:var(--red-600)}.gate-gap{display:inline-block;width:.42em}.gate-line b{display:inline-block;font-weight:400;rotate:calc(var(--tilt) * .55deg);animation:gate-hang .6s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 30ms + .5s)}@keyframes gate-hang{0%{opacity:0;translate:0 -.8em;rotate:calc(var(--tilt) * 5deg)}}.gate-ticket{display:grid;grid-template-columns:56px minmax(0,1fr);width:100%;border-radius:10px;background:var(--paper);color:var(--ink);color-scheme:light;box-shadow:0 30px 70px -20px rgb(0 0 0/.85);animation:gate-rise .7s var(--ease-out) .3s backwards;-webkit-mask:radial-gradient(circle 12px at 56px 0,transparent 95%,#000) top /100% 51% no-repeat,radial-gradient(circle 12px at 56px 100%,transparent 95%,#000) bottom /100% 51% no-repeat;mask:radial-gradient(circle 12px at 56px 0,transparent 95%,#000) top /100% 51% no-repeat,radial-gradient(circle 12px at 56px 100%,transparent 95%,#000) bottom /100% 51% no-repeat}@keyframes gate-rise{0%{opacity:0;translate:0 26px}}.gate-stub{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:22px 0;border-right:2px dashed rgb(23 17 14/.25);border-radius:10px 0 0 10px;background:var(--red-500);color:var(--cream);font-family:var(--font-sign);font-size:.875rem;letter-spacing:.12em;writing-mode:vertical-rl;rotate:180deg}.gate-card{display:grid;gap:14px;padding:clamp(22px,4vw,34px)}.gate-eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red-600)}.gate-card h1{font-size:clamp(2.25rem,1.6rem + 2.4vw,3.25rem);line-height:1;color:var(--ink)}.gate-form{display:grid;gap:10px}.gate-form label{font-size:var(--step-0);font-weight:700}.gate-form input{min-height:54px;padding:0 16px;border:2px solid var(--ink);border-radius:8px;background:#fffdf5;color:var(--ink);font-size:1.125rem}.gate-form input:focus-visible{outline:3px solid var(--red-500);outline-offset:2px}.gate-form input[aria-invalid=true]{border-color:var(--red-600)}.gate-error{padding:10px 14px;border-left:4px solid var(--red-600);border-radius:0 6px 6px 0;background:rgb(191 49 26/.08);font-size:1rem;font-weight:600;color:var(--red-800)}.gate-enter{justify-self:start;margin-top:6px}.gate-form.is-going .gate-enter{opacity:.75}.gate-credit{max-width:46ch;font-size:var(--step--1);line-height:1.5;text-align:center;color:var(--cream-soft);text-shadow:0 1px 10px rgb(0 0 0/.8)}.gate[data-quiet] :is(.gate-neon,.gate-line b,.gate-ticket){animation:none}@media (max-width:480px){.gate-ticket{grid-template-columns:44px minmax(0,1fr);-webkit-mask:radial-gradient(circle 10px at 44px 0,transparent 95%,#000) top /100% 51% no-repeat,radial-gradient(circle 10px at 44px 100%,transparent 95%,#000) bottom /100% 51% no-repeat;mask:radial-gradient(circle 10px at 44px 0,transparent 95%,#000) top /100% 51% no-repeat,radial-gradient(circle 10px at 44px 100%,transparent 95%,#000) bottom /100% 51% no-repeat}.gate-enter{justify-self:stretch}.gate-bulbs i{width:7px}}