.studios-page .studios-intro{min-height:390px;padding-top:80px;padding-bottom:56px}.studios-directory-grid>article{background:linear-gradient(155deg,#172034,#0b101a);border-color:#40516a;padding:16px;transition:transform .2s,border-color .2s;overflow:hidden}.studios-directory-grid>article:hover{border-color:#b9ff46;transform:translateY(-5px)}.studios-directory-grid .studio-cover{aspect-ratio:2/3;object-fit:cover;border-bottom:1px solid #45516a;width:calc(100% + 32px);max-width:none;height:auto;margin:-16px -16px 8px}.studios-directory-grid article>a{text-decoration:none}.studios-directory-grid h2{min-height:2.3em;margin:0}.studios-directory-grid p{margin:0;font-size:15px;line-height:1.6}.studios-directory-grid b{color:#101709;text-align:center;background:#b9ff46;border-radius:7px;padding:13px 16px;display:block}.studios-directory-grid article>button{color:#dfe9f7;background:#101928;border-color:#41516b}.studios-directory nav a:first-child{color:#111;background:#b9ff46;font-weight:800}.studios-page :is(button,a,input,summary,select):focus-visible{outline-offset:4px;outline:3px solid #6ce4ff}.beat-studio{color:#edf1fc;background:radial-gradient(at 100% 0,#44297688,#0000 55%),#0b0f1b;border:1px solid #66548c;border-radius:28px;max-width:1320px;margin:40px auto 80px;padding:clamp(20px,4vw,56px);scroll-margin-top:100px;box-shadow:0 20px 90px #7e39cd18}.beat-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.beat-heading h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(34px,5.2vw,74px);line-height:1}.beat-heading h2 em{color:#b9ff46;font-style:normal}.beat-heading p{color:#bdc7dc;line-height:1.7}.beat-mascot{text-align:center;flex-shrink:0;width:140px}.beat-mascot svg{width:100%;max-height:150px}.beat-mascot span{letter-spacing:.1em;color:#b9ff46;font:11px monospace}.beat-mascot[data-playing=true] svg{animation:.5s ease-in-out infinite alternate alien-groove}.beat-presets{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;display:flex}.beat-presets>span{letter-spacing:.12em;color:#c4a0ff;margin-right:10px;font:11px monospace}.beat-studio button{cursor:pointer;touch-action:manipulation;color:#e4ebff;background:#1a2235;border:1px solid #48536e;border-radius:8px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2}.beat-studio button:hover{border-color:#b9ff46}.beat-console{background:#080d17;border:1px solid #46506a;border-radius:18px;padding:24px}.beat-transport{flex-wrap:wrap;align-items:center;gap:24px;padding-bottom:24px;display:flex}.beat-studio .beat-play{color:#102003;background:#b9ff46;min-width:150px;min-height:58px;font-weight:900}.beat-transport label{color:#b9c4d9;flex:1;grid-template-columns:1fr auto;gap:8px;min-width:150px;font-size:13px;display:grid}.beat-transport label b{color:#fff}.beat-transport input{accent-color:#b9ff46;grid-column:1/-1;width:100%;min-height:30px}.beat-position{color:#b9ff46;min-width:90px;font:700 32px monospace}.beat-position small{color:#8495b1;font-size:14px}.beat-bank{color:#95a6c3;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.beat-bank>div{display:none}.beat-row{grid-template-columns:82px minmax(0,1fr);gap:12px;margin:9px 0;display:grid}.beat-studio .beat-track{text-align:left;color:var(--track);background:0 0;border:0;padding:6px;font-size:13px}.beat-track small{letter-spacing:.1em;color:#8292ac;margin-top:5px;font:9px monospace;display:block}.beat-track[aria-pressed=true]{opacity:.55}.beat-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;display:grid}.beat-studio .beat-cell{background:#182034;border:1px solid #35405b;border-radius:5px;min-height:46px;padding:0;position:relative}.beat-cell:nth-child(4n+1){border-left:2px solid #7c8ba8}.beat-cell span{color:#8f9db5;font:10px monospace}.beat-studio .beat-cell[data-on=true]{background:var(--track);border-color:var(--track);box-shadow:0 0 10px color-mix(in srgb,var(--track) 22%,transparent)}.beat-cell[data-on=true] span{color:#07121d;font-weight:700}.beat-cell[data-current=true]{outline-offset:2px;z-index:1;outline:2px solid #fff}.beat-cell[data-muted=true]{opacity:.35}.beat-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.beat-actions button:last-child{color:#b1bfd7;margin-left:auto}.beat-performance{grid-template-columns:1fr 2fr;align-items:center;gap:30px;margin-top:30px;display:grid}.beat-performance h3{letter-spacing:.06em;margin:0 0 10px;font-size:21px}.beat-performance p{color:#a9b8d0;font-size:14px;line-height:1.7}.beat-studio .beat-record[aria-pressed=true]{color:#ffb6db;background:#582c46;border-color:#ff83bd}.beat-pads{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.beat-studio .beat-pads button{border-color:var(--track);min-height:100px;color:var(--track);box-shadow:inset 0 -4px var(--track);-webkit-user-select:none;user-select:none;touch-action:none;background:#111c2e;padding:12px 5px}.beat-pads kbd{opacity:.65;margin-bottom:15px;font-size:11px;display:block}.beat-pads strong{font-size:13px}.beat-studio .beat-pads button:active,.beat-studio .beat-pads button[data-hit=true]{background:var(--track);color:#0a1420;transform:translateY(2px)}.beat-status{color:#b9ff46;min-height:24px;margin-top:26px;font-size:14px;line-height:1.5}.beat-fine{color:#8f9eb9;font-size:12px;line-height:1.6}@keyframes alien-groove{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(6deg)translateY(-8px)}}@media (max-width:1100px){.beat-studio{margin-inline:24px}.beat-steps{gap:4px}.beat-performance{grid-template-columns:1fr}.beat-pads{gap:12px}.beat-studio{border-radius:20px;margin:24px 16px 48px;padding:20px}.beat-console{padding:14px}.beat-bank{display:block}.beat-bank>div{gap:8px;margin-top:14px;display:flex}.beat-bank button{flex:1;padding:10px 5px}.beat-bank button[aria-pressed=true]{color:#171024;background:#c4a0ff}.beat-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.beat-grid[data-bank="0"] .beat-cell:not([data-half="0"]),.beat-grid[data-bank="1"] .beat-cell:not([data-half="1"]),.beat-grid[data-bank="2"] .beat-cell:not([data-half="2"]),.beat-grid[data-bank="3"] .beat-cell:not([data-half="3"]){display:none}.beat-transport{gap:14px}.beat-transport label{min-width:120px}.beat-position{font-size:22px}.beat-transport .beat-play{width:100%}.beat-row{grid-template-columns:52px minmax(0,1fr);gap:6px}.beat-mascot{width:82px}.beat-heading{align-items:start;gap:10px}.beat-heading h2{font-size:34px}.beat-heading p{font-size:14px}.beat-pads{grid-template-columns:repeat(3,minmax(0,1fr))}.beat-presets>span{width:100%;margin-bottom:4px}.beat-actions{grid-template-columns:1fr 1fr;display:grid}.beat-actions button:last-child{margin:0}.beat-studio .beat-cell{min-height:44px}.studios-page .studios-intro{min-height:0;padding-top:36px}.studios-directory-grid h2{font-size:24px}.studios-directory-grid .studio-cover{max-height:none}.studios-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.studios-directory-grid{grid-template-columns:1fr;gap:24px}.studios-directory-grid .studio-cover{aspect-ratio:2/3}.beat-heading{position:relative}.beat-heading>div:first-child{z-index:1;position:relative}.beat-mascot{opacity:.45;width:62px;position:absolute;top:-10px;right:-8px}.beat-mascot span{display:none}.beat-heading h2{padding-right:30px}.beat-studio{margin-inline:10px;padding:16px}.beat-console{padding:10px}.beat-presets button{flex:40%;padding-inline:8px}.beat-row{grid-template-columns:44px minmax(0,1fr);gap:4px}.beat-steps{gap:3px}.beat-studio .beat-track{font-size:11px}.beat-cell span{font-size:9px}}@media (prefers-reduced-motion:reduce){.beat-mascot[data-playing=true] svg{animation:none}.studios-directory-grid>article{transition:none}.studios-directory-grid>article:hover{transform:none}}.studios-jump{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.studios-jump a{color:#b9ff46;border:1px solid #b9ff46;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:15px 18px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.studios-jump a:first-child{color:#111;background:#b9ff46}.studios-directory{scroll-margin-top:90px}.studios-directory-grid article{scroll-margin-top:100px}