.hub-page{width:100%;margin-top:calc(var(--header-height) * -1);padding:calc(var(--header-height) + clamp(1.25rem, 4vh, 3rem)) 0 0;flex-direction:column;gap:clamp(2.5rem,6vh,4rem);display:flex;position:relative}.hub-page:before{content:"";height:calc(26rem + var(--header-height));background:radial-gradient(55% 100% at 18% 0%, color-mix(in srgb, var(--color-accent) 14%, transparent) 0, transparent 70%), radial-gradient(50% 100% at 85% 8%, color-mix(in srgb, var(--color-mascot-bright) 12%, transparent) 0, transparent 70%);pointer-events:none;position:absolute;inset:0 0 auto}.hub-page>*{position:relative}.hub-clock[hidden]{display:none}.hub-inner{width:var(--page-width);flex-direction:column;gap:clamp(2rem,5vh,3.25rem);margin:0 auto;display:flex}.hub-hero{gap:var(--space-4);text-align:center;justify-items:center;display:grid}.hub-hero>*{animation:hub-rise var(--dur-slow) var(--ease-out) backwards}.hub-hero>.hub-facts{animation-delay:90ms}.hub-hero h1{color:var(--color-white);font-size:var(--text-fluid-5xl);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0}.hub-hero h1 span{color:var(--color-accent)}.hub-facts{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;display:inline-flex}.hub-clock{color:var(--color-mascot-bright);align-items:center;gap:10px;font-weight:700;display:inline-flex}.hub-clock:before{content:"";border-radius:var(--radius-circle);background:#ffffff47;width:4px;height:4px}.hub-facts-dot{border-radius:var(--radius-circle);background:#ffffff47;width:4px;height:4px}.hub-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.hub-card{grid-column:span 12}@media (width>=640px){.hub-card{grid-column:span var(--span-md,6)}}@media (width>=1024px){.hub-card{grid-column:span var(--span-lg,4)}}.hub-card{isolation:isolate;gap:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--card-accent) 9%, transparent) 0, transparent 60%), var(--surface-1);color:inherit;animation:hub-rise var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(.18s + var(--i) * 70ms);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) ease;flex-direction:column;padding:clamp(18px,2.6vw,26px);text-decoration:none;display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";z-index:-1;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--card-accent) 14%, transparent) 0, transparent 70%);opacity:0;transition:opacity var(--dur-base) ease;position:absolute;inset:0}.hub-card:hover{border-color:color-mix(in srgb, var(--card-accent) 45%, transparent);transform:translateY(-4px)}.hub-card:hover:before,.hub-card:focus-visible:before{opacity:1}.hub-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-color:color-mix(in srgb, var(--card-accent) 45%, transparent)}.hub-card:active{transform:translateY(-1px)}.hub-card-art{border-radius:var(--radius-md);background:radial-gradient(62% 62% at 50% 55%, color-mix(in srgb, var(--card-accent) 22%, transparent) 0, transparent 75%);place-items:center;min-height:160px;display:grid}.hub-card-art img{filter:drop-shadow(0 12px 24px #00000073);width:min(64%,170px);height:auto;animation:hub-pop .56s var(--ease-spring) backwards;animation-delay:calc(.26s + var(--i) * 70ms);transition:transform var(--dur-base) var(--ease-out)}.hub-card:hover .hub-card-art img{transform:scale(1.07)rotate(-2deg)}.hub-card-body{flex-direction:column;flex:auto;align-items:flex-start;gap:10px;display:flex}.hub-card h2{color:var(--color-white);font-family:var(--font-display);font-size:var(--text-fluid-xl);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin:0;font-weight:400;line-height:1}.hub-card-desc{max-width:52ch;color:var(--text-secondary);font-size:var(--text-sm);text-wrap:pretty;margin:0;line-height:1.55}.hub-card-note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:8px;margin:0;display:inline-flex}.hub-card-note-dot{border-radius:var(--radius-circle);background:var(--card-accent);width:7px;height:7px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--card-accent) 70%, transparent);flex:none;animation:1.6s ease-in-out infinite hub-pulse}.hub-card-ticket{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.hub-card-ticket-icon{flex:none;width:15px;height:15px}.hub-card-ticket-icon svg{width:100%;height:100%;display:block}.hub-card-cta{border:1px solid color-mix(in srgb, var(--card-accent) 45%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--card-accent) 10%, transparent);color:color-mix(in srgb, var(--card-accent) 60%, var(--color-white));font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;transition:background-color var(--dur-fast) ease;align-items:center;gap:8px;margin-top:auto;padding:9px 16px;font-weight:700;line-height:1;display:inline-flex}.hub-card:hover .hub-card-cta{background:color-mix(in srgb, var(--card-accent) 22%, transparent)}.hub-card-cta-arrow{transition:transform var(--dur-fast) var(--ease-out)}.hub-card:hover .hub-card-cta-arrow{transform:translate(4px)}@media (width>=720px) and (width<=1023.98px){.hub-card[data-shape-md=hero],.hub-card[data-shape-md=row]{flex-direction:row;align-items:stretch;gap:clamp(20px,3vw,36px)}.hub-card[data-shape-md=hero] .hub-card-body,.hub-card[data-shape-md=row] .hub-card-body{justify-content:center;gap:12px;padding:clamp(8px,1.5vw,18px) 0}.hub-card[data-shape-md=hero] .hub-card-cta,.hub-card[data-shape-md=row] .hub-card-cta{margin-top:6px}.hub-card[data-shape-md=hero] .hub-card-art{flex:0 0 42%;min-height:230px}.hub-card[data-shape-md=hero] .hub-card-art img{width:min(72%,230px)}.hub-card[data-shape-md=hero] h2{font-size:clamp(2.2rem,3.6vw,3.2rem)}.hub-card[data-shape-md=hero] .hub-card-desc{font-size:var(--text-base)}.hub-card[data-shape-md=row] .hub-card-art{flex:0 0 36%;min-height:200px}}@media (width>=1024px){.hub-card[data-shape-lg=hero],.hub-card[data-shape-lg=row]{flex-direction:row;gap:clamp(20px,3vw,36px)}.hub-card[data-shape-lg=hero]{align-items:stretch}.hub-card[data-shape-lg=hero] .hub-card-art{flex:0 0 42%;min-height:230px}.hub-card[data-shape-lg=hero] .hub-card-art img{width:min(72%,230px)}.hub-card[data-shape-lg=hero] .hub-card-body{justify-content:center;gap:14px;padding:clamp(8px,1.5vw,18px) 0}.hub-card[data-shape-lg=hero] .hub-card-cta{margin-top:6px}.hub-card[data-shape-lg=hero] h2{font-size:clamp(2.2rem,3.6vw,3.2rem)}.hub-card[data-shape-lg=hero] .hub-card-desc{font-size:var(--text-base)}.hub-card[data-shape-lg=row]{align-items:center}.hub-card[data-shape-lg=row] .hub-card-art{flex:0 0 28%;order:2;min-height:160px}.hub-card[data-shape-lg=row] .hub-card-art img{width:min(72%,175px)}.hub-card[data-shape-lg=row] .hub-card-body{max-width:60ch}}.hub-marquee{padding:0 0 var(--space-6);overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.hub-marquee-track{color:#ffffff12;width:max-content;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:1;animation:36s linear infinite hub-marquee;display:flex}@keyframes hub-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hub-pop{0%{opacity:0;transform:scale(.55)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes hub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes hub-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hub-hero>*,.hub-card,.hub-card-art img{animation:none}.hub-marquee-track{animation:none;transform:none}.hub-card-note-dot{animation:none}}
