@font-face{font-family:Big Shoulders Display;font-weight:100 900;font-display:swap;src:url(./fonts/bigshoulders.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:100 700;font-display:swap;src:url(./fonts/plexsans.woff2)format("woff2")}:root{--bg:#0f1216;--panel:#171b20;--inset:#0f1216;--line:#343c46;--ink:#e7e5dc;--ink2:#c0c3c1;--mute:#98a0a3;--acc:#5b8fb5;--acc-ink:#0d1318;--ok:#8fb078;--bad:#d9603e;--disp:"Big Shoulders Display", Bahnschrift, "Arial Narrow", sans-serif;--ui:"IBM Plex Sans", system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--acc)}h1,h2{font-family:var(--disp);text-transform:uppercase;margin:0;line-height:1.02}h1{letter-spacing:.03em;text-wrap:balance;font-size:clamp(40px,6.4vw,78px);font-weight:800}h2{letter-spacing:.05em;font-size:clamp(26px,3.2vw,38px);font-weight:700}p{margin:0 0 12px}.btn{border:1px solid var(--line);min-height:44px;color:var(--ink);font:700 18px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#1f242a;border-radius:2px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.btn.go{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);min-height:50px;font-size:20px;font-weight:800}.btn.ghost{background:0 0;border-color:#566271}.btn.small{background:var(--acc);border-color:var(--acc);min-height:36px;color:var(--acc-ink);padding:0 14px;font-size:16px}:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.top{z-index:10;background:linear-gradient(#0f1216e6,#0f121600);justify-content:space-between;align-items:center;padding:10px clamp(16px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--ink);font:700 20px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;text-decoration:none;display:flex}.top nav{align-items:center;gap:22px;display:flex}.top nav a:not(.btn){color:var(--ink2);font:700 16px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.hero{align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-art{object-fit:cover;filter:saturate(.85)brightness();width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg, #0f1216e0 0%, #0f121688 36%, #0f121600 75%), linear-gradient(0deg, var(--bg) 0%, #0f121600 30%);position:absolute;inset:0}.hero-in{z-index:1;max-width:640px;padding:110px clamp(16px,6vw,96px) clamp(40px,8vh,90px);position:relative}.logo{filter:drop-shadow(0 4px 10px #000a);width:clamp(120px,14vw,190px);height:auto;margin-bottom:18px}.lede{color:var(--ink2);max-width:52ch;margin-top:18px;font-size:clamp(17px,1.6vw,20px)}.cta{flex-wrap:wrap;gap:12px;margin:22px 0 14px;display:flex}.plat{color:var(--mute);font-size:14px}.beats{gap:clamp(36px,6vw,72px);max-width:1180px;margin:0 auto;padding:clamp(40px,8vw,100px) clamp(16px,4vw,48px) 20px;display:grid}.beat{grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(20px,3vw,44px);display:grid}.beat.flip{grid-template-columns:1fr 1.5fr}.beat.flip>:first-child{order:2}.beat img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);filter:saturate(.9);width:100%;height:auto;box-shadow:0 10px 30px #0008}.kick{color:var(--acc);font:700 16px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;display:block}.beat p{color:var(--ink2);max-width:44ch;margin-top:12px}.signup{background:var(--panel);border:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,56px);max-width:1180px;margin:clamp(40px,6vw,80px) auto;padding:clamp(24px,4vw,48px);display:grid}.signup p{color:var(--ink2);max-width:42ch;margin-top:10px}form{gap:8px;display:grid}label{font:700 15px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}input[type=email]{background:var(--inset);min-height:48px;color:var(--ink);font:400 16px var(--ui);border:1px solid #566271;border-radius:2px;padding:0 14px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.msg{min-height:1.5em;margin:4px 0 0;font-size:15px}.msg.ok{color:var(--ok)}.msg.err{color:var(--bad)}button[disabled]{opacity:.6;cursor:wait}footer{border-top:1px solid var(--line);max-width:1180px;color:var(--mute);margin:0 auto;padding:24px clamp(16px,4vw,48px) 48px;font-size:13.5px}footer .credits{max-width:90ch}@media (max-width:760px){.beat,.beat.flip,.signup{grid-template-columns:1fr}.beat.flip>:first-child{order:0}.top nav a:not(.btn):not(#admin-link){display:none}.brand span{font-size:17px}.hero:after{background:linear-gradient(0deg, var(--bg) 8%, #0f1216cc 45%, #0f121640 100%)}.hero-in{padding-top:90px}.btn{flex:100%}}@media (prefers-reduced-motion:no-preference){.hero-art{animation:40s ease-in-out infinite alternate drift}@keyframes drift{to{transform:scale(1.06)translate(-1%,-1%)}}}.fine{opacity:.8;margin:6px 0 0;font-size:14px}.beats{max-width:1280px}.beat h2{margin-bottom:4px}.beat img.wide{aspect-ratio:auto;object-fit:contain;background:#0b0e11}.ba{aspect-ratio:16/9;border:1px solid var(--line);touch-action:pan-y;position:relative;overflow:hidden;box-shadow:0 10px 30px #0008}.beat .ba img{width:100%;height:100%;box-shadow:none;border:0;position:absolute;inset:0}.ba .after{clip-path:inset(0 0 0 var(--p))}.ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba .knob{top:0;bottom:0;left:var(--p);background:var(--ink);pointer-events:none;width:2px;position:absolute;box-shadow:0 0 8px #000a}.ba .knob i{color:var(--ink);border:1px solid var(--ink2);background:#171b20e6;padding:12px 5px;font-size:13px;font-style:normal;position:absolute;top:50%;transform:translateY(-50%)}.ba .knob i:first-child{border-radius:2px 0 0 2px;right:4px}.ba .knob i:last-child{border-radius:0 2px 2px 0;left:4px}.ba .tag{border:1px solid var(--line);font:700 14px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:#171b20d9;padding:4px 10px;position:absolute;top:10px}.ba .tag.l{left:10px}.ba .tag.r{right:10px}.ba:focus-within{outline:2px solid var(--acc);outline-offset:3px}.beat.grow{grid-template-columns:1.8fr 1fr}.stage{border:1px solid var(--line);margin:0;position:relative;box-shadow:0 10px 30px #0008}.beat .stage img{box-shadow:none;border:0;display:block}.pin{border:1px solid var(--acc);font:700 14px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#171b20e6;border-radius:2px;align-items:center;gap:6px;padding:5px 10px 5px 6px;display:inline-flex;position:absolute}.pin b{background:var(--acc);width:20px;height:20px;color:var(--acc-ink);border-radius:50%;place-items:center;font-size:13px;display:grid}.p1{top:54%;left:46%}.p2{top:40%;left:70%}.lvl{border:1px solid var(--line);border-top:3px solid var(--acc);background:#171b20f2;gap:14px;max-width:min(380px,70%);padding:12px 16px;display:flex;position:absolute;bottom:5%;left:3%}.lvl .n{font:800 64px/.9 var(--disp);color:var(--acc)}.lvl small{color:var(--ink2);font:700 12px/1 var(--disp);letter-spacing:.18em;text-transform:uppercase;display:block}.lvl strong{font:800 28px/1.1 var(--disp);text-transform:uppercase;letter-spacing:.04em;display:block}.lvl ul{color:var(--ink2);margin:6px 0 0;padding:0;font-size:13px;list-style:none}.lvl li b{color:var(--ok);margin-right:6px}.lvl li.no b{color:var(--bad)}.wide-map{align-items:flex-end;min-height:min(70vw,78vh);margin-top:clamp(40px,6vw,80px);display:flex;position:relative;overflow:hidden}.wide-map img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wide-map:after{content:"";background:linear-gradient(0deg, #0f1216f0 0%, #0f121600 55%), linear-gradient(180deg, var(--bg) 0%, #0f121600 18%);position:absolute;inset:0}.wm-in{z-index:1;max-width:560px;padding:0 clamp(16px,6vw,96px) clamp(28px,5vw,64px);position:relative}.wm-in p{color:var(--ink2);margin-top:10px}@media (max-width:760px){.beat.grow{grid-template-columns:1fr}.lvl{border-left:0;border-right:0;max-width:none;position:static}.pin{padding:3px 7px 3px 4px;font-size:12px}.pin b{width:16px;height:16px;font-size:11px}.lvl .n{font-size:48px}.wide-map{min-height:70vh}.wide-map img{object-position:30% 50%}}.chk{align-items:flex-start;gap:8px;margin:8px 0;font-size:14px;display:flex}.chk input{margin-top:3px}.hero,.mapsec{--acc:#8fb4d2}.hero{height:100svh;min-height:600px}.hero .f{object-fit:cover;opacity:0;width:100%;height:100%;animation:18s infinite hfade;position:absolute;inset:0}.hero .f:nth-child(2){animation-delay:6s}.hero .f:nth-child(3){animation-delay:12s}.hero .f:first-child{opacity:1}@keyframes hfade{0%{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}to{opacity:0}}.hero:after{z-index:1;background:linear-gradient(0deg, var(--bg) 4%, #0f1216a0 42%, #0f121633 100%), linear-gradient(90deg, #0f121699, #0f121600 60%)}.hero-in{z-index:2;max-width:900px}.hero h1{font-size:clamp(44px,6.4vw,92px);font-weight:900;line-height:.93}.hero h1 em{color:var(--acc);font-style:normal}.tagline{font:700 clamp(14px, 1.3vw, 17px) var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin:0 0 12px}.btn.go:hover{background:#a6c6df}.mapsec{--h:min(92svh, 860px);height:var(--h);border-top:1px solid #000;min-height:600px;position:relative;overflow:hidden}.mw{--w:max(100vw, calc(var(--h) * 16 / 9));top:0;left:calc(50% - var(--w) * .5);width:var(--w);aspect-ratio:16/9;position:absolute}.mw .map{object-fit:cover;width:100%;height:100%;box-shadow:none;border:0}.mapsec:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg, #0f1216f2 0, #0f1216a8 34%, #0f121600 62%), linear-gradient(0deg, var(--bg) 0, #0f121600 20%), linear-gradient(180deg, var(--bg) 0, #0f121600 14%);position:absolute;inset:0}.mapsec .copy{z-index:4;max-width:540px;position:absolute;bottom:clamp(28px,7vh,72px);left:clamp(16px,3.4vw,52px)}.mapsec h2{margin-bottom:14px;font-size:clamp(44px,6vw,88px);font-weight:900;line-height:.92}.mapsec h2 em{color:var(--acc);font-style:normal}.mapsec .copy p{color:var(--ink2);max-width:28em;font-size:clamp(16px,1.4vw,19px)}.mpin{z-index:4;color:#fff;width:44px;height:44px;font:800 18px var(--disp);cursor:pointer;background:#5b8fb5;border:2px solid #fff;border-radius:50%;margin:-22px 0 0 -22px;animation:2.4s infinite mpulse;position:absolute}.mpin[aria-pressed=true]{color:var(--acc-ink);background:#fff;animation:none;box-shadow:0 0 0 6px #8fb4d288}@keyframes mpulse{0%{box-shadow:0 0 #8fb4d2aa}70%{box-shadow:0 0 0 14px #8fb4d200}to{box-shadow:0 0 #8fb4d200}}.mcard{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#171b20ee;width:min(400px,100% - 32px);position:absolute;top:84px;right:clamp(16px,3vw,40px)}.mcard img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.mcard div{padding:14px 16px 16px}.mcard small{font:600 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}.mcard h3{font:800 28px/1 var(--disp);text-transform:uppercase;letter-spacing:.03em;margin:4px 0 6px}.mcard p{color:var(--ink2);margin:0;font-size:15px}@media (max-width:820px){.mapsec{flex-direction:column;height:auto;min-height:0;display:flex}.mapsec:before{display:none}.mw{order:2;width:100%;position:relative;left:0}.mpin{width:30px;height:30px;margin:-15px 0 0 -15px;font-size:14px}.mapsec .copy{order:1;max-width:none;padding:28px 16px 18px;position:relative;bottom:auto;left:auto}.mcard{order:3;width:auto;margin:10px 16px 24px;position:relative;top:auto;right:auto}}@media (max-width:760px){.hero .f{object-position:40% 50%}.hero h1{font-size:clamp(40px,12.5vw,64px)}}@media (prefers-reduced-motion:reduce){.hero .f{animation:none}.hero .f:not(:first-child){display:none}.mpin{animation:none}}.btn.small{white-space:nowrap}.top nav .btn.small.ghost{color:var(--ink);background:0 0;border-color:#566271}.top nav .lnk{color:var(--ink2);cursor:pointer;font:700 16px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:0}.top nav .acct{align-items:center;gap:14px;display:flex}.top nav .acct[hidden],#admin-link[hidden],#signin-btn[hidden]{display:none}.top nav .who{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:14px;overflow:hidden}@media (max-width:640px){.hide-s{display:none}.top nav{gap:10px}.brand span,.top nav .who{display:none}}.top nav,.top nav .acct{white-space:nowrap;flex-shrink:0}@media (max-width:640px){.top nav .acct{gap:10px}.top nav .btn.small{padding:0 10px}.top nav a:not(.btn),.top nav .lnk{font-size:14px}}[hidden]{display:none!important}.brand img{filter:drop-shadow(0 2px 6px #000a);width:clamp(56px,7vw,72px);height:auto}.top .out{align-items:center;gap:18px;display:flex}.top .out .lnk{color:var(--ink2);text-decoration:none}.top .out .btn.small{background:var(--acc)}@media (max-width:760px){.top nav #signin-btn{font-size:14px;display:inline!important}.top .out{gap:12px}}