@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2) format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Drs_5D37.woff2) format("woff2"),url(/assets/inter-latin-700-normal-KTwiWvO9.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff) format("woff")}:root{color-scheme:dark;--ink:#0a0a0b;--panel:#151517;--panel2:#1c1c1f;--line:#303034;--muted:#99999f;--acid:#d7ff3f;--paper:#f1f0e8;--orange:#ff725e;font-family:Inter,system-ui,sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink)}button,input{font:inherit}a{color:inherit;text-decoration:none}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:72px;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid #262629;position:sticky;top:0;z-index:15;background:#0a0a0bee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:flex;gap:12px;align-items:center}.brand>span{width:34px;height:34px;border-radius:6px;background:var(--acid);color:var(--ink);display:grid;place-items:center;font:900 12px/1 Inter}.brand b{text-transform:uppercase;letter-spacing:.04em}.site-header nav{display:flex;gap:28px;margin:auto;font:600 12px/1 Inter;color:#aaa}.site-header nav a{padding:27px 0 25px;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:#fff;border-color:var(--acid)}.study-year{font:500 10px/1 DM Mono;letter-spacing:.12em;text-transform:uppercase;color:#aaa;border:1px solid #37373b;border-radius:99px;padding:8px 10px}main{max-width:1500px;margin:0 auto}.hero{padding:108px 7vw 72px;min-height:670px;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:760px;height:760px;border:1px solid #242428;border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 80px #0d0d0f,0 0 0 81px #242428,0 0 0 180px #0c0c0e}.home-hero:after{content:"";position:absolute;width:17px;height:17px;background:var(--acid);border-radius:50%;right:21%;top:35%;box-shadow:0 0 35px var(--acid)}.eyebrow{font:700 11px/1 DM Mono;letter-spacing:.17em;text-transform:uppercase;color:var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1,.lesson-header h1,.graph-header h1,.research-hero h1,.study-hero h1{font:400 clamp(58px,8.5vw,136px)/.88 "Archivo Black";letter-spacing:-.065em;text-transform:uppercase;margin:26px 0 30px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper)}.lede{font-size:clamp(18px,2vw,25px);line-height:1.45;color:#b4b4b8;max-width:760px;position:relative;z-index:1}.hero-actions{display:flex;gap:10px;margin-top:38px;position:relative;z-index:2}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 18px;border:1px solid #434347;border-radius:8px;background:#19191c;color:#eee;font:700 12px/1 Inter;cursor:pointer}.button:hover{border-color:var(--acid)}.button.primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.hero-stats{display:flex;gap:40px;margin-top:84px;position:relative;z-index:2;color:#777;font:500 10px/1 DM Mono;text-transform:uppercase;letter-spacing:.1em}.hero-stats span{display:flex;flex-direction:column;gap:9px}.hero-stats b{font:700 22px/1 DM Mono;color:#ddd}.section{padding:88px 7vw;border-top:1px solid #262629}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;gap:30px}.section-heading>div{display:flex;align-items:center;gap:16px}.section-number{font:600 10px/1 DM Mono;color:var(--acid);border:1px solid #4e4e50;padding:7px;border-radius:50%}.section-heading h2,.block-heading h2{font:700 clamp(28px,4vw,48px)/1 Inter;letter-spacing:-.045em;margin:0}.section-heading>p{color:#8c8c91;max-width:440px;line-height:1.55;font-size:13px}.module-list{border-top:1px solid var(--line)}.module-card{display:grid;grid-template-columns:60px 1fr auto 30px;align-items:center;gap:22px;padding:24px 8px;border-bottom:1px solid var(--line);transition:.18s background,.18s padding}.module-card:hover{background:#151517;padding-left:18px;padding-right:18px}.module-number{font:500 12px DM Mono;color:#666}.module-copy{display:flex;flex-direction:column;gap:6px}.module-copy b{font-size:18px}.module-copy small{color:#838388}.module-time{font:500 10px DM Mono;text-transform:uppercase;color:#888}.module-card.complete .module-time{color:var(--acid)}.arrow{font-size:18px;color:var(--acid)}.graph-callout{min-height:620px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;background:#0d0d0f}.graph-orbit{height:440px;border:1px solid #333;border-radius:50%;position:relative;background:radial-gradient(circle,#17171a,#0d0d0f 65%)}.graph-orbit:before,.graph-orbit:after{content:"";position:absolute;inset:15%;border:1px solid #242428;border-radius:50%}.graph-orbit:after{inset:31%}.graph-orbit i{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 20px color-mix(in srgb,var(--c),transparent 50%)}.callout-copy h2{font:700 clamp(40px,5vw,66px)/.98 Inter;letter-spacing:-.055em;margin:24px 0}.callout-copy p{color:#999;line-height:1.7;max-width:520px}.text-link{display:inline-block;color:var(--acid);font-weight:700;font-size:13px;margin-top:15px}.study-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.study-card{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--panel);min-height:280px}.study-card.featured{background:linear-gradient(145deg,#1d2018,#121214)}.study-card h3{font:800 34px/1 Inter;margin:28px 0 7px}.study-card strong{color:#ccc}.study-card p{color:#888;line-height:1.55;max-width:560px;margin-top:22px}.lesson-page{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start}.lesson-rail{position:sticky;top:72px;height:calc(100vh - 72px);border-right:1px solid var(--line);padding:42px 20px;display:flex;flex-direction:column;gap:4px}.lesson-rail a{display:flex;gap:13px;color:#777;padding:13px;border-radius:8px;font-size:12px}.lesson-rail a span{font-family:DM Mono}.lesson-rail a:hover,.lesson-rail a.active{background:#1a1a1d;color:#fff}.lesson-rail a.active span{color:var(--acid)}.lesson-content{width:100%;min-width:0;padding:70px clamp(25px,6vw,90px) 100px;max-width:1180px}.lesson-header h1{font-size:clamp(52px,8vw,104px);margin-bottom:24px}.concept-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:55px 0 80px}.concept-panel>div{background:#111113;padding:26px}.concept-panel span{font:600 10px DM Mono;color:var(--acid)}.concept-panel p{color:#aaa;line-height:1.6;margin:18px 0 0;font-size:13px}.interactive-block{min-width:0;margin:75px 0}.interactive-block groove-lab{display:block;width:100%;min-width:0}.block-heading{margin-bottom:28px}.block-heading h2{margin-top:12px}.groove-block{padding:30px;border:1px solid var(--line);border-radius:16px;background:#111113}.ear-check{margin-top:80px;padding:36px;border:1px solid #3c3c40;border-radius:16px;background:linear-gradient(130deg,#18181b,#111)}.ear-check h2{font-size:28px;margin:17px 0 25px}.answer-grid{display:flex;gap:10px}.answer-grid button{border:1px solid #444;background:#222;color:#ddd;padding:13px 17px;border-radius:8px;cursor:pointer}.answer-grid button.selected{border-color:var(--acid)}.answer{margin:22px 0 0;color:#aaa;line-height:1.5}.answer.correct{color:var(--acid)}.answer.try{color:#ffb15e}.lesson-footer{display:flex;justify-content:space-between;gap:10px;margin-top:70px;padding-top:30px;border-top:1px solid var(--line)}.graph-page{padding:65px 4vw 100px}.graph-header{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:40px}.graph-header h1{font-size:clamp(56px,7vw,105px);margin:20px 0}.graph-header p{color:#999;line-height:1.6;max-width:700px}.graph-search label{display:block;color:#777;font:600 10px DM Mono;text-transform:uppercase;margin-bottom:10px}.graph-search input{width:100%;background:#141416;color:#fff;border:1px solid #3c3c40;border-radius:10px;padding:16px;outline:none}.graph-search input:focus{border-color:var(--acid)}.technique-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.technique-filters button{background:#141416;color:#aaa;border:1px solid #333;border-radius:99px;padding:9px 12px;font-size:11px;cursor:pointer}.technique-filters button i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tech);margin-right:7px}.technique-filters button.active{color:#fff;border-color:var(--tech,var(--acid))}.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:690px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0e0e10}.graph-canvas{overflow:auto}.graph-canvas svg{min-width:900px;width:100%;height:100%;min-height:650px}.era-lines line{stroke:#222}.era-lines text{fill:#555;font:9px DM Mono}.edges line{stroke:#4b4b51;stroke-width:1}.edges line.editorial_inference{stroke-dasharray:4 5;opacity:.7}.graph-node{cursor:pointer;outline:none}.graph-node circle{stroke:#0a0a0b;stroke-width:4;transition:.15s transform}.graph-node:hover circle,.graph-node:focus circle{transform:scale(1.4);stroke:var(--paper)}.graph-node text{fill:#bbb;font:700 9px Inter;pointer-events:none}.graph-node .year{fill:#606066;font:8px DM Mono}.graph-node.playable circle{filter:drop-shadow(0 0 10px #d7ff3f)}.graph-node.pilot circle{stroke:#777}.node-preview{border-left:1px solid var(--line);padding:35px;background:#141416;position:relative}.node-preview h2{font-size:38px;letter-spacing:-.045em;margin:24px 0 3px}.node-preview h3{color:#aaa;margin-bottom:22px}.node-preview>p{color:#8b8b90;line-height:1.6}.node-preview .drummer{color:#ddd}.close{position:absolute;right:18px;top:16px;background:none;border:0;color:#aaa;font-size:26px;cursor:pointer}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tag-row span{border:1px solid color-mix(in srgb,var(--tech),#333 55%);border-radius:99px;padding:7px 9px;font-size:10px;color:#bbb}.tag-row span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tech);margin-right:6px}.preview-alts{border-top:1px solid #333;border-bottom:1px solid #333;padding:18px 0;margin:22px 0;display:flex;flex-direction:column;gap:10px}.preview-alts small{color:#666;text-transform:uppercase;font:600 9px DM Mono;margin-bottom:5px}.preview-alts span{font-size:11px;color:#888}.preview-alts b{color:#ddd}.graph-list{display:none}.back-link{display:inline-block;color:#888;font-size:12px;margin-bottom:40px}.research-study,.study-page{padding:55px 6vw 100px}.research-hero{max-width:1000px}.research-hero h1{font-size:clamp(58px,8vw,115px);margin-bottom:5px}.research-hero h2{font-size:clamp(26px,4vw,50px);color:#888}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel)}.research-grid .panel{padding:28px}.research-grid h3{font-size:25px;margin:20px 0 4px}.research-grid p,.research-grid li{color:#89898f;line-height:1.5}.research-grid ul{padding-left:18px}.contrast-row{display:flex;gap:15px;border-top:1px solid #333;padding:15px 0}.contrast-row>span{font:500 10px DM Mono;color:var(--acid)}.contrast-row p{margin:0}.contrast-row small{display:block;color:#777;margin-top:4px}.queue-note{background:linear-gradient(145deg,#202216,#131315)!important}.study-hero{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.study-hero h1{font-size:clamp(58px,8vw,116px);margin-bottom:15px}.study-hero p{color:#999;max-width:700px;line-height:1.6}.study-facts{display:flex;gap:22px;white-space:nowrap}.study-facts span{display:flex;flex-direction:column;color:#777;font:500 9px DM Mono;text-transform:uppercase;gap:6px}.study-facts b{color:#fff;font-size:18px}.transport{display:grid;grid-template-columns:240px auto auto 1fr;align-items:center;gap:22px;padding:20px}.play-button{border:0;background:var(--acid);color:#0a0a0b;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.play-button:disabled{opacity:.45}.play-symbol{font-size:20px}.play-button span:last-child{display:flex;flex-direction:column}.play-button small{font-size:9px;text-transform:uppercase}.play-button b{font-size:15px}.mode-switch,.tempo-switch{display:flex;align-items:center;gap:5px}.mode-switch>span,.tempo-switch>span{color:#666;font:600 9px DM Mono;text-transform:uppercase;margin-right:5px}.mode-switch button,.tempo-switch button{border:1px solid #3a3a3e;background:#1d1d20;color:#888;border-radius:7px;padding:8px 10px;font-size:10px;cursor:pointer}.mode-switch button.active,.tempo-switch button.active{background:#eee;color:#111}.tempo-switch button:disabled:not(.active){opacity:.35;cursor:not-allowed}.progress{height:3px;background:#333}.progress i{display:block;height:100%;background:var(--acid)}.study-workspace{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.drummer-column,.mixer{padding:27px;border:1px solid var(--line);border-radius:14px}.section-heading.compact{margin-bottom:22px}.section-heading.compact h2{font-size:22px}.drummer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drummer-list button{display:flex;gap:12px;text-align:left;background:#19191c;border:1px solid #333;border-radius:10px;color:#ddd;padding:15px;cursor:pointer}.drummer-list button.active{border-color:var(--acid);background:#202416}.drummer-list button>i{width:13px;height:13px;border:2px solid #777;border-radius:50%;flex:none;margin-top:2px}.drummer-list button.active>i{border:4px solid var(--acid)}.drummer-list button span{display:flex;flex-direction:column;gap:5px}.drummer-list small{color:#aaa}.drummer-list em{font-style:normal;color:#666;font-size:9px;line-height:1.4}.mixer-row{display:flex;align-items:center;gap:12px;border-top:1px solid #303034;padding:12px 0}.mixer-row label{display:flex;align-items:center;gap:12px;cursor:pointer;text-transform:capitalize;flex:1;min-width:0}.mixer input[type=checkbox]{display:none}.mixer label>i{width:24px;height:14px;border-radius:99px;background:#444;position:relative;flex:none}.mixer label>i:after{content:"";position:absolute;width:10px;height:10px;background:#999;border-radius:50%;top:2px;left:2px;transition:.15s}.mixer input[type=checkbox]:checked+i{background:var(--acid)}.mixer input[type=checkbox]:checked+i:after{left:12px;background:#111}.mixer label span{display:flex;flex-direction:column;gap:2px;min-width:0}.mixer label small{color:#777;font-size:9px}.level-control{display:grid;grid-template-columns:minmax(75px,1fr) 38px 22px;align-items:center;gap:6px;width:145px}.level-control input[type=range]{display:block;width:100%;accent-color:var(--acid);cursor:pointer}.level-control output{color:#aaa;font:600 9px DM Mono;text-align:right;white-space:nowrap}.level-control button{width:22px;height:22px;padding:0;border:1px solid #444;border-radius:5px;background:#1c1c1f;color:#888;font:700 9px DM Mono;cursor:pointer}.level-control button:hover,.level-control button:focus-visible{border-color:var(--acid);color:var(--acid);outline:none}.sequencer-panel{margin-top:14px;padding:27px}.excerpt-note{display:flex;justify-content:space-between;gap:20px;margin:-15px 0 18px;padding:11px 13px;border-left:3px solid var(--acid);background:#18181a;color:#aaa;font:600 10px/1.4 DM Mono;text-transform:uppercase}.excerpt-note b{color:#e4e4df}.study-seq{display:grid;grid-template-columns:90px minmax(0,1fr);gap:4px 8px;overflow-x:auto;padding-bottom:7px}.seq-ruler-title{color:var(--acid);font:700 9px/18px DM Mono;text-transform:uppercase}.seq-ruler,.seq-row{display:grid;grid-template-columns:repeat(var(--steps),minmax(8px,1fr));gap:2px;min-width:1100px}.seq-marker{box-sizing:border-box;height:18px;color:#777;font:700 8px/18px DM Mono;text-align:left}.seq-marker.beat-start{border-left:2px solid #777;padding-left:3px}.seq-marker.bar-start{border-left:4px solid var(--acid);color:var(--acid);padding-left:4px;white-space:nowrap}.seq-label{font:600 10px/25px DM Mono;color:#888}.seq-row-toggle{height:25px;border:1px solid #3a3a3e;border-radius:5px;background:#1c1c1f;color:#bbb;text-align:left;padding:0 7px;cursor:pointer;white-space:nowrap}.seq-row-toggle.muted{text-decoration:line-through;color:#666}.seq-cell{box-sizing:border-box;height:25px;border:0;border-radius:3px;background:#29292c;padding:0;min-width:8px}.seq-cell.beat-start{box-shadow:inset 2px 0 #85858a}.seq-cell.bar-start{box-shadow:inset 4px 0 var(--acid)}.seq-cell.hit{background:color-mix(in srgb,var(--hit-color) var(--strength),#29292c)}.seq-cell.soft-hit{--strength:24%}.seq-cell.normal-hit{--strength:58%}.seq-cell.strong-hit{--strength:100%;border:1px solid #fff}.seq-cell.hit[data-row=guitar]{--hit-color:#a9a9b3}.seq-cell.hit[data-row=bass]{--hit-color:#58b8a7}.seq-cell.hit[data-row=kick]{--hit-color:var(--acid)}.seq-cell.hit[data-row=snare]{--hit-color:#ff725e}.seq-cell.hit[data-row=cymbal]{--hit-color:#f1d06a}.seq-cell.hit[data-row=rackTom]{--hit-color:#8c77ff}.seq-cell.hit[data-row=floorTom]{--hit-color:#4c8eff}.seq-cell.current{outline:2px solid white;outline-offset:1px}.seq-cell:not(:disabled){cursor:pointer}.seq-legend{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0 0 98px;color:#777;font-size:10px}.seq-legend span{display:flex;align-items:center;gap:5px}.seq-legend i{box-sizing:border-box;width:9px;height:9px;border-radius:2px;background:var(--acid)}.seq-legend .soft{background:color-mix(in srgb,var(--acid) 24%,#29292c)}.seq-legend .normal{background:color-mix(in srgb,var(--acid) 58%,#29292c)}.seq-legend .strong{border:1px solid #fff}.seq-hint{color:#85858a;font-size:11px;line-height:1.5;margin:11px 0 0 98px}.listening-note{display:flex;gap:22px;max-width:950px;margin:55px auto 0}.listening-note>span{width:3px;background:var(--acid)}.listening-note p{font-size:21px;line-height:1.5;color:#bbb;margin-top:12px}.error-banner{padding:15px;border:1px solid #783f3f;color:#faa;background:#271717;border-radius:10px;margin-bottom:14px}.mixer-mode-note{margin:8px 0 0;color:#74747a;font:600 9px/1.5 DM Mono;text-transform:uppercase}.edge-notes{margin:0 0 22px}.edge-notes>small{display:block;color:#666;text-transform:uppercase;font:600 9px DM Mono;margin-bottom:9px}.edge-notes details{border-top:1px solid #303034;padding:9px 0}.edge-notes summary{cursor:pointer;color:#aaa;font-size:10px}.edge-notes p{color:#777;font-size:10px;line-height:1.45;margin:8px 0 0}.loading-state,.empty-state{min-height:70vh;display:grid;place-content:center;text-align:center}.loading-state span{width:35px;height:35px;border:3px solid #333;border-top-color:var(--acid);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.loading-state p,.empty-state p{color:#888}.empty-state h1{font-size:55px}@keyframes spin{to{transform:rotate(1turn)}}.site-footer{height:90px;border-top:1px solid #29292d;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#666;font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.08em}.site-footer a{color:#aaa}@media(max-width:900px){.site-header{padding:0 18px}.site-header nav{display:none}.hero{padding-left:24px;padding-right:24px;min-height:auto}.home-hero:before{opacity:.5}.hero-stats{flex-wrap:wrap}.section{padding:65px 24px}.graph-callout{grid-template-columns:1fr}.graph-orbit{height:330px}.lesson-page{grid-template-columns:minmax(0,1fr)}.lesson-rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px;flex-direction:row;overflow-x:auto}.lesson-rail a{white-space:nowrap}.lesson-content{padding:45px 24px}.concept-panel{grid-template-columns:1fr}.graph-header{grid-template-columns:1fr;gap:20px}.graph-workspace{grid-template-columns:1fr}.graph-canvas{display:none}.graph-list{display:flex;flex-direction:column}.graph-list button{display:grid;grid-template-columns:50px 1fr;gap:4px;text-align:left;padding:15px;background:#121214;border:0;border-bottom:1px solid #29292c;color:#ddd}.graph-list button span{grid-row:1/3;color:var(--acid);font:500 10px DM Mono}.graph-list button small{color:#777}.node-preview{border-left:0;border-top:1px solid var(--line)}.research-grid{grid-template-columns:1fr}.study-hero{display:block}.study-facts{margin-top:25px}.transport{grid-template-columns:1fr 1fr}.play-button,.progress{grid-column:1/-1}.study-workspace,.drummer-list,.study-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero h1{font-size:54px}.hero-actions{flex-direction:column}.hero-stats{gap:24px}.section-heading{display:block}.section-heading>p{margin-top:14px}.module-card{grid-template-columns:35px 1fr auto}.module-time{display:none}.graph-callout{padding-top:50px}.lesson-header h1,.graph-header h1,.research-hero h1,.study-hero h1{font-size:49px}.answer-grid,.lesson-footer{flex-direction:column}.study-facts{flex-wrap:wrap}.transport{grid-template-columns:1fr}.mode-switch,.tempo-switch{justify-content:center}.excerpt-note{display:block}.excerpt-note span{display:block;margin-top:4px}.seq-legend,.seq-hint{margin-left:0}.site-footer{padding:18px;display:block;height:auto;line-height:1.8}.site-footer span{display:block}}.study-facts{flex-wrap:wrap;justify-content:flex-end}@media(max-width:900px){.study-facts{justify-content:flex-start}}.reference-time{border-bottom:1px solid #687a22;transition:color .15s,border-color .15s}.reference-time:hover,.reference-time:focus-visible,.reference-time:hover b,.reference-time:focus-visible b{color:var(--acid);border-color:var(--acid)}.reference-time:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.edge-notes a{color:var(--acid);font-size:9px}.research-shelf{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:45px;padding:48px;border:1px solid var(--line);border-radius:16px;background:#111113}.research-shelf h2{font-size:36px;letter-spacing:-.04em;margin:16px 0}.research-shelf p{color:#888;line-height:1.6}.research-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.research-links a{display:flex;flex-direction:column;justify-content:space-between;min-height:115px;padding:18px;background:#171719}.research-links a:hover{background:#202219}.research-links b{font-size:12px;line-height:1.45}.research-links span{color:#777;font:500 9px DM Mono;text-transform:uppercase}@media(max-width:900px){.research-shelf{grid-template-columns:1fr;padding:28px;gap:25px}}@media(max-width:560px){.research-links{grid-template-columns:1fr}}.concept-panel.count-2{grid-template-columns:repeat(2,1fr)}.vocabulary-bridge{margin:75px 0;padding-top:60px;border-top:1px solid var(--line)}.vocabulary-bridge .block-heading>p{max-width:750px;color:#929297;line-height:1.6;margin-top:14px}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.vocabulary-grid>div{padding:22px;background:#141416}.vocabulary-grid b{font-size:14px;color:#eee}.vocabulary-grid p{margin:9px 0 0;color:#89898e;font-size:12px;line-height:1.55}@media(max-width:900px){.concept-panel.count-2,.vocabulary-grid{grid-template-columns:1fr}}.seq-cell.hit[data-row=hiHat]{--hit-color:#f1d06a}.seq-cell.hit[data-row=ride]{--hit-color:#66c9c5}.seq-cell.hit[data-row=crash]{--hit-color:#ff9e57}.seq-ruler,.seq-row{grid-template-columns:repeat(var(--steps),minmax(4px,1fr));gap:1px}.seq-cell{position:relative;min-width:4px}.seq-timing{position:absolute;top:4px;bottom:4px;left:var(--timing-position);width:2px;transform:translate(-50%);border-radius:2px;background:#fff;box-shadow:0 0 2px #000;pointer-events:none}.seq-legend .timing{background:#29292c;border-left:2px solid #fff;border-radius:1px}@media(max-width:560px){.mixer-row{align-items:stretch;flex-direction:column}.level-control{width:100%;grid-template-columns:minmax(120px,1fr) 40px 24px}}.graph-header{display:block;max-width:900px}.suggest-launcher{position:fixed;right:24px;bottom:24px;z-index:14;display:flex;align-items:center;gap:9px;min-height:42px;padding:0 15px;border:1px solid #4d4d51;border-radius:999px;background:#171719ee;color:#ecece7;box-shadow:0 12px 34px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 11px/1 Inter;transition:transform .15s,border-color .15s}.suggest-launcher span{color:var(--acid);font-size:18px}.suggest-launcher:hover,.suggest-launcher:focus-visible{border-color:var(--acid);outline:none;transform:translateY(-2px)}.suggestions-page{max-width:1320px;padding:82px 5vw 110px}.suggestions-hero{max-width:970px}.suggestions-hero h1{font:400 clamp(58px,8.5vw,126px)/.88 "Archivo Black";letter-spacing:-.065em;text-transform:uppercase;margin:25px 0 30px}.suggestion-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:65px 0 88px}.suggestion-paths>a{display:grid;grid-template-columns:48px 1fr;gap:18px;min-height:255px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#151517;transition:border-color .15s,transform .15s}.suggestion-paths>a:hover,.suggestion-paths>a:focus-visible{border-color:var(--acid);outline:none;transform:translateY(-2px)}.suggestion-number{width:36px;height:36px;display:grid;place-items:center;border:1px solid #4a4a4f;border-radius:50%;color:var(--acid);font:600 10px/1 DM Mono}.suggestion-paths h2{margin:3px 0 14px;font-size:27px;letter-spacing:-.035em}.suggestion-paths p{max-width:500px;color:#929298;font-size:13px;line-height:1.65}.suggestion-paths b{grid-column:2;color:var(--acid);font-size:11px}.suggestion-board{scroll-margin-top:90px}.suggestion-board-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}.suggestion-board-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;margin:13px 0 0}.suggestion-board-heading>p{max-width:430px;margin:0;color:#8c8c92;font-size:13px;line-height:1.6}@media(max-width:800px){.suggestion-paths{grid-template-columns:1fr}.suggestion-board-heading{display:block}.suggestion-board-heading>p{margin-top:14px}.suggestions-page{padding:55px 24px 90px}.suggest-launcher{right:14px;bottom:14px}}@media(max-width:500px){.suggest-launcher{width:42px;padding:0;justify-content:center;font-size:0}.suggest-launcher span{font-size:20px}.suggestion-paths>a{grid-template-columns:38px 1fr;padding:22px}.suggestion-paths b{grid-column:1/-1}.suggestions-hero h1{font-size:52px}}.suggestion-handoff{display:grid;place-items:center;gap:26px;min-height:360px;padding:55px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 50% 0,#1c2017,#111113 58%);text-align:center}.suggestion-handoff-copy{display:flex;align-items:flex-start;gap:18px;max-width:650px;text-align:left}.suggestion-handoff-copy .suggestion-number{flex:0 0 auto}.suggestion-handoff h3{margin:2px 0 11px;font-size:28px;letter-spacing:-.035em}.suggestion-handoff p{margin:0;color:#929298;font-size:13px;line-height:1.65}.suggestion-handoff p b{color:#ecece7}.suggestion-handoff .button{min-width:220px}.suggestion-handoff small{color:#6f6f74;font:500 9px/1.5 DM Mono;text-transform:uppercase}@media(max-width:560px){.suggestion-handoff{padding:34px 22px}.suggestion-handoff-copy{display:block;text-align:center}.suggestion-handoff-copy .suggestion-number{margin:0 auto 18px}}