@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@500;600;700&display=swap";
.turnout-landing{--ink:#0a0a0f;--bg:#08080d;--acc-students:#ff3ea5;--acc-societies:#7c4dff;--acc-venues:#23d3ff;--acc-live:#ff3ea5;--font-display:"Geist", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-grotesk:"Space Grotesk", "Geist", system-ui, sans-serif;--font-serif:"Instrument Serif", "Fraunces", Georgia, serif;background:var(--bg);color:#fff;font-family:var(--font-display);-webkit-font-smoothing:antialiased}.turnout-landing *{box-sizing:border-box}.turnout-landing a{color:inherit;text-decoration:none}.turnout-landing .nav{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,56px);transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0 0 auto}.turnout-landing .nav.scrolled{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#08080db8,#08080d00)}.turnout-landing .nav>*{pointer-events:auto}.turnout-landing .brand{align-items:center;gap:12px;display:flex}.turnout-landing .brand-icon{-o-object-fit:contain;object-fit:contain;border-radius:22%;display:block}.turnout-landing .brand .word{font-family:var(--font-serif);letter-spacing:-.02em;background:linear-gradient(120deg, var(--acc-students), var(--acc-societies) 52%, var(--acc-venues));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .14em 0 .02em;font-size:30px;font-style:italic;line-height:1.1}.turnout-landing .glass-btn{height:44px;font:600 15px/1 var(--font-display);letter-spacing:-.01em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 0 color-mix(in oklab, var(--acc-live) 60%, transparent);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:0 20px;transition:box-shadow .4s,background .2s,transform .12s;display:inline-flex}.turnout-landing .glass-btn:hover{box-shadow:0 8px 30px -6px color-mix(in oklab, var(--acc-live) 55%, transparent);background:#ffffff24}.turnout-landing .glass-btn:active{transform:translateY(1px)}.turnout-landing .nav-links{align-items:center;gap:clamp(20px,3vw,38px);display:flex}.turnout-landing .nav-link{appearance:none;cursor:pointer;font:600 15px/1 var(--font-display);letter-spacing:-.01em;color:#ffffffc7;background:0 0;border:0;padding:8px 4px;transition:color .2s}.turnout-landing .nav-link:hover{color:#fff}.turnout-landing .glass-btn.gradient-border{background:#ffffff0a;background-image:linear-gradient(#08080d99, #08080d99), linear-gradient(90deg, var(--acc-students), var(--acc-societies));background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000}.turnout-landing .glass-btn.gradient-border:hover{background-image:linear-gradient(#08080d66, #08080d66), linear-gradient(90deg, var(--acc-students), var(--acc-societies))}.turnout-landing .cinematic{height:600vh;position:relative}.turnout-landing .viewport{background:var(--bg);height:100vh;position:sticky;top:0;overflow:hidden}.turnout-landing #walkthrough{-o-object-fit:cover;object-fit:cover;z-index:0;opacity:1;filter:saturate(.88)contrast(1.06)brightness(.96);width:100%;height:100%;position:absolute;inset:0}.turnout-landing .scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#05030ac7 0%,#05030a47 46%,#05030a00 72%),linear-gradient(#05030a80 0%,#0000 22% 64%,#05030ab3 100%);position:absolute;inset:0}.turnout-landing .overlays{z-index:3;position:absolute;inset:0}.turnout-landing .ov{will-change:transform, opacity;transition:opacity var(--scrub-ms,.32s) ease, transform var(--scrub-ms,.32s) ease;align-items:center;display:flex;position:absolute;inset:0}.turnout-landing .ov .col{max-width:760px;padding:0 clamp(20px,7vw,120px)}.turnout-landing .eyebrow{font:600 13px/1 var(--font-grotesk);letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.9;align-items:center;gap:9px;margin:0 0 22px;display:inline-flex}.turnout-landing .eyebrow .dot{background:var(--sec-acc);width:8px;height:8px;box-shadow:0 0 14px 2px var(--sec-acc);border-radius:50%}.turnout-landing h1,.turnout-landing h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 40px #00000080;margin:0;font-weight:900;line-height:.98}.turnout-landing h1{font-size:clamp(46px,7.6vw,104px)}.turnout-landing h2{font-size:clamp(38px,6vw,82px)}.turnout-landing .sub{color:#ffffffa8;text-wrap:pretty;max-width:30em;margin:24px 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.5}.turnout-landing .tag-soon{font:600 12px/1 var(--font-grotesk);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:color-mix(in oklab, var(--sec-acc) 16%, #ffffff0a);border:1px solid color-mix(in oklab, var(--sec-acc) 45%, transparent);border-radius:999px;align-items:center;gap:7px;margin:0 0 22px;padding:8px 13px;display:inline-flex}.turnout-landing .tag-soon .pulse{background:var(--sec-acc);width:7px;height:7px;box-shadow:0 0 10px 1px var(--sec-acc);border-radius:50%}.turnout-landing .chips{flex-wrap:wrap;gap:10px;margin:30px 0 0;display:flex}.turnout-landing .chip{font:600 14px/1 var(--font-display);letter-spacing:-.01em;color:#fff;border:1px solid color-mix(in oklab, var(--sec-acc) 40%, #ffffff24);-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.turnout-landing .chip .cd{background:var(--sec-acc);width:6px;height:6px;box-shadow:0 0 10px 1px var(--sec-acc);border-radius:50%}.turnout-landing .cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin:34px 0 0;display:flex}.turnout-landing .link-ghost{font:600 15px/1 var(--font-display);color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:13px 20px;transition:background .2s;display:inline-flex}.turnout-landing .link-ghost:hover{background:#ffffff1a}.turnout-landing .badge{cursor:pointer;color:#08080d;background:#fff;border:1px solid #fff3;border-radius:13px;align-items:center;gap:11px;height:54px;padding:0 18px;transition:transform .12s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 30px -10px #0009}.turnout-landing .badge:hover{box-shadow:0 16px 40px -12px color-mix(in oklab, var(--acc-live) 50%, #0009);transform:translateY(-2px)}.turnout-landing .badge .bt{text-align:left;flex-direction:column;line-height:1.05;display:flex}.turnout-landing .badge .bt small{font:500 10px/1.2 var(--font-display);letter-spacing:.02em;opacity:.7}.turnout-landing .badge .bt b{font:700 18px/1.1 var(--font-display);letter-spacing:-.01em}.turnout-landing .cue{z-index:5;color:#ffffffb3;font:600 12px/1 var(--font-grotesk);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.turnout-landing .cue .mouse{border:1.6px solid #ffffff73;border-radius:14px;width:26px;height:42px;position:relative}.turnout-landing .cue .mouse:after{content:"";background:var(--acc-live);width:3px;height:7px;box-shadow:0 0 8px var(--acc-live);border-radius:2px;animation:1.8s ease-in-out infinite turnout-wheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes turnout-wheel{0%,to{opacity:0;transform:translate(-50%)}40%{opacity:1}70%{opacity:0;transform:translate(-50%,12px)}}.turnout-landing .rail{z-index:55;pointer-events:none;background:#ffffff1f;border-radius:3px;width:3px;height:34vh;position:fixed;top:50%;right:16px;overflow:hidden;transform:translateY(-50%)}.turnout-landing .rail i{background:var(--acc-live);width:100%;box-shadow:0 0 12px var(--acc-live);border-radius:3px;position:absolute;top:0;left:0}.turnout-landing footer{z-index:10;background:#06060b;border-top:1px solid #ffffff14;padding:clamp(56px,8vw,96px) clamp(20px,6vw,80px) 40px;position:relative}.turnout-landing .foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:48px;max-width:1100px;margin:0 auto;display:grid}.turnout-landing .foot-blurb{color:#ffffff80;max-width:30ch;margin:18px 0 0;font-size:15px;line-height:1.55}.turnout-landing .foot-col h4{font:600 12px/1 var(--font-grotesk);letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin:6px 0 18px}.turnout-landing .foot-col a{color:#ffffffb8;margin:0 0 13px;font-size:15px;transition:color .2s;display:block}.turnout-landing .foot-col a:hover{color:#fff}.turnout-landing .foot-bar{color:#fff6;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:56px auto 0;padding-top:26px;font-size:13px;display:flex}.turnout-landing .foot-bar .legal{flex-wrap:wrap;gap:22px;display:flex}.turnout-landing .foot-bar .legal a:hover{color:#fff}@media (prefers-reduced-motion:reduce){.turnout-landing .cue .mouse:after{animation:none}.turnout-landing .ov{transition:opacity .25s!important}}@media (max-width:860px){.turnout-landing .nav-links{display:none}}@media (max-width:640px){.turnout-landing .ov .col{padding:0 22px}.turnout-landing .scrim{background:linear-gradient(#05030a8c,#05030a33 30%,#05030a40 60%,#05030acc)}.turnout-landing .rail{display:none}.turnout-landing .foot-grid{grid-template-columns:1fr;gap:34px}.turnout-landing .nav{padding:16px 20px}.turnout-landing .brand .word{font-size:26px}}
