.gate{position:relative;display:grid;align-items:center;min-height:100svh;overflow:hidden;background:#1a0d10;color:var(--on-ink)}.gate-art,.gate-stage{position:absolute;inset:0}.gate-art{width:100%;height:100%;object-fit:cover;object-position:72% 50%}.gate-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a0d10,rgb(26 13 16/.86) 30%,rgb(26 13 16/0) 62%)}.gate-card{position:relative;z-index:1;display:grid;gap:1.1rem;justify-items:start;width:min(600px,100%);padding:clamp(2rem,1rem + 4vw,4.5rem) var(--gutter);margin-left:clamp(0rem,-2rem + 5vw,4rem);background:transparent}.gate-card .ui-wordmark{margin-bottom:1.25rem}.gate-card .ui-wordmark-words{font-size:1.75rem}.gate-eyebrow{margin:0}.gate-title{margin:0;font-size:clamp(2.6rem,1.6rem + 3.4vw,4.5rem);font-weight:560;line-height:1;color:#fff;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}.gate-card .lede{margin:0;color:var(--on-ink)}.gate-row{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;width:min(100%,460px);margin-top:.5rem;perspective:600px}.gate-row i{aspect-ratio:1;border-radius:3px;background:var(--rose);transform-origin:50% 0}.gate-row i.is-saved{background:var(--gold);box-shadow:0 0 0 2px #1a0d10,0 0 0 4px var(--gold)}.gate-row-cap{display:flex;align-items:center;gap:.6rem;margin:-.25rem 0 .5rem;font:500 var(--fs-fine) /1.3 var(--font-label);letter-spacing:.04em;color:var(--gold)}.gate-row-key{width:14px;height:14px;border-radius:3px;background:var(--gold)}.gate-form{display:flex;align-items:flex-end;gap:1rem;width:100%}.gate-form .field{flex:1 1;min-width:0}.gate-form .field-label{color:var(--on-ink)}.gate-form .input{background:#fffaf2;border-color:transparent}.gate-error{margin-top:-.25rem;padding:.6rem .8rem;border-radius:var(--radius);background:#fff1f1;color:var(--rose-deep)}.gate .fine{margin:0}.gate-fill{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:repeat(20,1fr);grid-auto-rows:1fr;gap:3px;padding:3px;perspective:900px}.gate-fill i{border-radius:3px;background:var(--rose);transform-origin:50% 0;animation:gate-fold .36s var(--ease-out) both;animation-delay:calc(var(--r) * 22ms + var(--d) * 12ms)}.gate-fill i.is-upper{background:var(--gold)}@keyframes gate-fold{0%{opacity:0;transform:rotateX(-90deg)}}@media (prefers-reduced-motion:no-preference){.gate-art{animation:gate-lights 2.2s var(--ease-out) both}.gate-card>*{animation:gate-rise .8s var(--ease-out) both;animation-delay:calc(.35s + var(--k, 0) * 90ms)}.gate-card>:nth-child(2){--k:1}.gate-card>:nth-child(3){--k:2}.gate-card>:nth-child(4){--k:3}.gate-card>:nth-child(5){--k:4;animation:none}.gate-card>:nth-child(6){--k:5}.gate-card>:nth-child(n+7){--k:6}.gate-row i{animation:gate-seat .5s var(--ease-seat) both;animation-delay:calc(.9s + var(--d) * 45ms)}.gate-row i.is-saved{animation:gate-saved .9s var(--ease-seat) 1.75s both}}@keyframes gate-lights{0%{opacity:0;transform:scale(1.04)}}@keyframes gate-rise{0%{opacity:0;translate:0 22px}}@keyframes gate-seat{0%{opacity:0;transform:rotateX(-90deg)}}@keyframes gate-saved{0%{background:var(--rose);box-shadow:none;transform:rotateX(-90deg)}45%{background:var(--rose);transform:none}70%{transform:translateY(-5px)}to{transform:none}}@media (max-width:760px){.gate{align-items:start;grid-template-rows:42svh auto}.gate-stage{position:relative;inset:auto;height:42svh}.gate-art{object-position:74% 60%}.gate-stage:after{background:linear-gradient(0deg,#1a0d10,rgb(26 13 16/0) 45%)}.gate-card{margin:-3.5rem 0 0;padding-top:0;padding-bottom:2.5rem}.gate-form{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:no-preference){.gate-card>.gate-error{animation:gate-rise .3s var(--ease-out) both}}