:root{--ink:#1b1d19;--muted:#777b72;--paper:#f7f7f2;--white:#fff;--line:#dedfd8;--green:#c8e46b;--dark:#11130f;--dark2:#191b16;--coral:#f28c75;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--head:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-shell{overflow:hidden}.topbar{height:72px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5df;background:rgba(247,247,242,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font:800 20px var(--head);letter-spacing:-1.2px}.brand-dot{color:#809e40}.brand-mark{height:21px;display:flex;align-items:center;gap:2px}.brand-mark i{display:block;background:var(--ink);width:3px;border-radius:5px}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){height:9px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:14px}.top-nav{display:flex;gap:34px;margin-left:130px}.top-nav a{font-size:12px;color:#5d6158;font-weight:600;transition:color .2s}.top-nav a:hover,.text-link:hover{color:#73922e}.text-button{background:none;border:0;color:var(--ink);font-size:12px;font-weight:700}.progress-button{display:flex;gap:9px;align-items:center;color:#53584c}.status-dot{width:7px;height:7px;border-radius:50%;background:#8cae39}.mobile-menu{display:none;border:0;background:transparent;font-size:21px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:532px;align-items:center;padding-top:65px;padding-bottom:62px}.hero-copy{padding:0 0 22px 10px;position:relative;z-index:1}.eyebrow{font:500 9px var(--mono);letter-spacing:1.35px;display:flex;align-items:center;gap:9px;color:#6c7166}.eyebrow-line{width:22px;height:1px;background:#8a9d55;display:inline-block}.eyebrow-index{margin-left:27px;color:#aaa}.hero h1,.section-heading h2,.studio-topline h2,.concept-intro h2,.practice-header h2,.software-heading h2,.end-cta h2{font:700 clamp(46px,6vw,76px)/1.04 var(--head);letter-spacing:-4px;margin:29px 0 20px}.serif-word{font:italic 500 1.02em Georgia,serif;letter-spacing:-4.5px}.hero h1 .serif-word{color:#769235}.hero-deck{font-size:15px;line-height:1.8;color:#73776e;max-width:435px;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:14px 17px;font-size:11px;font-weight:700;border:1px solid transparent;transition:transform .18s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white}.button-primary span{font-size:16px;color:var(--green)}.button-quiet{padding:12px 0;color:#4e524a}.hero-footnote{display:flex;gap:12px;align-items:center;font:10px var(--mono);color:#8a8e84;margin-top:37px}.mini-wave{font-size:14px;color:#8ba844;letter-spacing:1px}.hero-art{height:365px;position:relative;margin-left:9px;padding:36px 16px 35px 18px;background:#e7e9df;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 58%,rgba(205,220,174,.68))}.arrangement-window{position:relative;background:#20231e;padding:35px 14px 17px;box-shadow:0 19px 45px #34372f38;transform:rotate(-2deg);z-index:1}.arrangement-ruler{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #494d44;padding-bottom:8px;color:#95998e;font:9px var(--mono)}.arrangement-row{height:36px;display:flex;align-items:center;border-bottom:1px solid #343830;gap:10px}.arrangement-row b{font:8px var(--mono);color:#9da195;width:46px}.clip{height:20px;border-radius:2px;display:flex;align-items:center;padding:0 7px;gap:5px;overflow:hidden}.clip span{height:7px;width:9%;border-radius:3px;background:#282e28;opacity:.7}.clip-coral{background:#d97e67;width:97%}.clip-lime{background:#b3ce61;width:47%;margin-left:11%}.clip-blue{background:#87afb0;width:63%;margin-left:23%}.clip-lilac{background:#b4a1cf;width:37%;margin-left:43%}.clip-orange{background:#d6a25b;width:27%;margin-left:65%}.clip-coral span,.clip-lime span,.clip-blue span,.clip-lilac span,.clip-orange span{background:#f1eddf;opacity:.7}.playhead{position:absolute;top:34px;bottom:12px;left:51%;width:1px;background:#e6f593}.playhead:before{content:"";position:absolute;top:-4px;left:-3px;border:3px solid transparent;border-top-color:#e6f593}.art-label{position:absolute;font:8px var(--mono);letter-spacing:1px;color:#777b70}.art-label span{padding:0 5px;color:#a7c95c}.art-label-top{top:17px;left:24px}.art-label-bottom{bottom:13px;left:28px}.art-label-bottom span{margin-left:14px}.art-note{position:absolute;z-index:2;bottom:43px;right:6px;display:flex;align-items:center;gap:10px;background:#fbfbf6;padding:12px 13px;box-shadow:0 7px 20px #52594429;font-size:9px;color:#8a8d83;line-height:1.5}.art-note strong{color:var(--ink);font-size:10px}.note-bubble{height:30px;width:30px;background:#dce9bd;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#6b803b}.note-arrow{font-size:15px;color:#839743;margin-left:9px}.hero-stamp{position:absolute;right:-18px;top:46px;z-index:2;font:8px/1.3 var(--mono);text-align:center;letter-spacing:1px;color:#657c31;border:1px solid #91a765;padding:8px 7px;transform:rotate(7deg);background:#edf2dcaa}.hero-stamp span{font-size:17px;display:block}.hero-bottom-line{position:absolute;bottom:21px;left:0;right:0;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#9b9e95}.hero-bottom-line b{font-size:14px;color:#7d933d;margin-left:9px}.section-pad{padding:80px 0}.path-section{background:#eeefe8;border-block:1px solid #e4e5dd}.section-heading,.studio-topline,.practice-header,.software-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2,.studio-topline h2,.practice-header h2,.software-heading h2,.end-cta h2{font-size:43px;letter-spacing:-2.4px;margin:20px 0 0}.section-heading h2 .serif-word,.studio-topline h2 .serif-word,.practice-header h2 .serif-word,.software-heading h2 .serif-word,.end-cta h2 .serif-word{letter-spacing:-2px;color:#7d963d}.section-heading>p,.practice-header>p,.software-heading>p{max-width:345px;margin:0 0 4px;color:#777b71;font-size:12px;line-height:1.8}.path-toolbar{display:flex;justify-content:space-between;align-items:center;margin:35px 0 16px}.segmented{display:flex;background:#e4e5dd;padding:3px;gap:2px}.segment{border:0;background:transparent;padding:9px 12px;color:#777b71;font-size:10px;font-weight:600}.segment span{font:9px var(--mono);margin-left:6px;color:#999d91}.segment.active{background:#fafbf6;color:var(--ink);box-shadow:0 1px 4px #1a1c1712}.segment.active span{color:#788f42}.path-search{display:flex;align-items:center;border-bottom:1px solid #c9ccc2;width:176px;padding:3px 0;gap:8px;color:#798144}.path-search span{font-size:19px}.path-search input{border:0;background:transparent;outline:none;width:100%;font-size:11px;color:var(--ink)}.daw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.daw-card{min-width:0;background:#fbfbf7;border:1px solid #dedfd8;padding:17px 16px 14px;display:flex;flex-direction:column;min-height:260px;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.daw-card:hover{transform:translateY(-3px);border-color:#bfc4b3;box-shadow:0 12px 26px #20251a0b}.daw-card.selected{outline:1px solid #90a854;border-color:#90a854}.daw-card-top{display:flex;justify-content:space-between;align-items:center}.daw-mark{width:32px;height:32px;display:grid;place-items:center;font:700 15px var(--head);background:var(--daw-color);color:#23261e;border-radius:50%}.daw-kind{font:8px var(--mono);letter-spacing:.7px;color:#7c8076;max-width:145px;line-height:1.45;text-align:right}.daw-name{font:700 16px var(--head);letter-spacing:-.4px;margin:15px 0 3px}.daw-maker{font:8px var(--mono);letter-spacing:.65px;color:#a0a399}.daw-note{color:#787c72;font-size:10px;line-height:1.6;margin:11px 0 13px;min-height:47px}.daw-meta{border-top:1px solid #ebebe6;padding-top:9px;display:flex;justify-content:space-between;font:8px var(--mono);color:#898d84}.daw-meta span:last-child{color:#758b3c}.daw-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}.select-path{border:0;background:var(--ink);color:white;padding:9px 10px;font-size:9px;font-weight:600}.select-path:hover{background:#3d4730}.official-link{font-size:9px;color:#777b71}.official-link span{color:#738a3b;font-size:13px;margin-left:3px}.free-note{margin-top:17px;padding:13px 15px;background:#e5e9d7;display:flex;align-items:center;gap:12px}.free-note-icon{font-size:15px;color:#78943b}.free-note>div{display:flex;gap:8px;align-items:baseline;flex:1}.free-note strong{font-size:10px;white-space:nowrap}.free-note span:not(.free-note-icon){font-size:9px;color:#70776a;line-height:1.6}.free-note>a{font-size:9px;font-weight:700;white-space:nowrap}.path-status{min-height:0;font-size:10px;color:#6f813f;padding-top:8px}.studio-section{background:var(--paper)}.studio-topline{align-items:flex-end;margin-bottom:40px}.studio-topline h2{margin-top:16px;font-size:39px}.link-button{color:#6e823b}.studio-layout{display:grid;grid-template-columns:205px 1fr;gap:45px}.studio-sidebar{border-right:1px solid var(--line);padding-right:27px}.sidebar-label{font:8px var(--mono);letter-spacing:1px;color:#8b8f83;display:flex;justify-content:space-between}.sidebar-label span{color:#b0b3aa}.path-current{margin-top:14px}.current-path{width:100%;display:flex;align-items:center;text-align:left;gap:9px;border:1px solid #d8dad0;background:#fdfdf9;padding:10px;margin:0 0 6px;color:#666a61;font-size:10px}.current-path.active{border-color:#a4b57c;color:var(--ink);background:#f1f4e8}.current-dot{height:7px;width:7px;border-radius:50%;background:#d0d2c9}.current-path.active .current-dot{background:#8caa4a}.sidebar-spaced{margin-top:29px}.skill-filters{display:flex;flex-direction:column;gap:2px;margin-top:9px}.skill-filter{border:0;background:none;text-align:left;padding:7px 6px;color:#85897f;font-size:10px}.skill-filter:hover,.skill-filter.active{color:#23251f}.skill-filter.active{font-weight:700;background:#ebeee2}.sidebar-quote{margin-top:37px;border-top:1px solid var(--line);padding-top:16px}.sidebar-quote>span{font:38px Georgia;color:#9bb65a;height:20px;display:block}.sidebar-quote p{font:italic 15px/1.35 Georgia,serif;color:#6e7467;margin:8px 0}.sidebar-quote small{font:8px var(--mono);color:#a0a398;letter-spacing:.8px}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:4px}.results-count,.sort-control{font:9px var(--mono);letter-spacing:.6px;color:#70756a}.result-caption{font-size:10px;color:#9b9e95}.sort-control{display:flex;gap:7px;align-items:center;color:#a0a398}.sort-control select{font:10px var(--sans);border:0;background:transparent;color:#44483f;outline:none}.lesson-row{display:grid;grid-template-columns:40px 1fr 110px 104px 24px;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #e4e5de;transition:background .15s}.lesson-row:hover{background:#f0f1e9}.lesson-index{font:9px var(--mono);color:#a3a69d}.lesson-title{font:600 13px var(--head);letter-spacing:-.15px;color:#242720}.lesson-summary{font-size:10px;color:#85897f;line-height:1.5;margin-top:4px}.lesson-skill{font:8px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#80867a}.lesson-level{font:9px var(--sans);color:#85897e}.lesson-time{font:9px var(--mono);color:#979a91}.lesson-arrow{color:#829842;font-size:16px}.lesson-done{color:#8ea54d}.no-results{padding:40px 0;color:#777;font-size:12px}.no-results button{border:0;background:none;color:#718c36;text-decoration:underline}.hidden{display:none!important}.concept-section{background:var(--dark);color:#f1f2e9}.concept-wrap{display:grid;grid-template-columns:.85fr 1.5fr;gap:76px;align-items:center}.concept-intro .eyebrow{color:#92988b}.concept-intro h2{font-size:44px;line-height:1.14;letter-spacing:-2px;margin:24px 0 16px}.concept-intro h2 .serif-word{color:#c6e36a}.concept-intro p{color:#a5aa9d;font-size:12px;line-height:1.8;max-width:305px}.text-link{border:0;background:none;color:#d8e8ad;font-size:10px;font-weight:700;padding:0}.text-link span{font-size:15px;margin-left:6px;color:#c6e36a}.concept-intro .text-link{display:inline-block;margin-top:15px}.concept-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.concept-card{min-height:268px;padding:15px 13px;background:#1b1e18;border:1px solid #34382d;position:relative}.concept-number{font:8px var(--mono);letter-spacing:.8px;color:#949a8c}.concept-graphic{height:81px;margin:17px 0 14px;position:relative;background:#22251e;border-bottom:1px solid #404438;overflow:hidden}.rhythm-graphic{display:flex;align-items:center;justify-content:space-around}.rhythm-graphic i{width:4px;background:#c8e46b;display:block;border-radius:3px}.rhythm-graphic i:nth-of-type(1),.rhythm-graphic i:nth-of-type(3),.rhythm-graphic i:nth-of-type(5),.rhythm-graphic i:nth-of-type(7),.rhythm-graphic i:nth-of-type(9),.rhythm-graphic i:nth-of-type(11){height:29px}.rhythm-graphic i:nth-of-type(2n){height:13px;background:#75844e}.rhythm-graphic b{position:absolute;bottom:1px;font:7px var(--mono);color:#798171}.rhythm-graphic b:nth-last-child(4){left:10%}.rhythm-graphic b:nth-last-child(3){left:35%}.rhythm-graphic b:nth-last-child(2){left:60%}.rhythm-graphic b:last-child{left:85%}.depth-graphic{display:flex;align-items:center;justify-content:space-around}.depth-graphic span{font:7px var(--mono);color:#898f81;z-index:1}.depth-graphic i{position:absolute;bottom:13px;width:32%;height:1px;background:#ccdf94;left:0;transform-origin:left center}.depth-graphic i:nth-of-type(1){left:4%;transform:rotate(-30deg);width:28%}.depth-graphic i:nth-of-type(2){left:32%;transform:rotate(0);width:32%;opacity:.55}.depth-graphic i:nth-of-type(3){left:63%;transform:rotate(20deg);width:29%;opacity:.25}.form-graphic{display:flex;align-items:flex-end;gap:3px;padding:0 3px 10px}.form-graphic i{font:7px var(--mono);font-style:normal;background:#b6d268;color:#293021;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;width:16%;height:28px}.form-graphic i:nth-child(2),.form-graphic i:nth-child(4){height:49px;background:#718748;color:#f2f6df}.form-graphic i:nth-child(3),.form-graphic i:nth-child(5){height:65px;background:#d47c65;color:#fff0e7}.form-graphic i:nth-child(6){height:22px}.concept-card h3{font:600 13px var(--head);margin:0 0 8px;letter-spacing:-.3px}.concept-card p{font-size:9px;line-height:1.6;color:#9da296;margin:0 0 13px}.concept-tag{font:7px var(--mono);letter-spacing:.5px;color:#a8c66a}.practice-section{background:#eef0e7}.practice-header{margin-bottom:31px}.practice-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.practice-card{background:#fafbf5;border:1px solid #dfe1d7;min-height:303px;padding:17px;position:relative}.practice-card-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.8px;color:#8f9488}.tool-tag{color:#7d963d}.practice-card h3{font:700 17px var(--head);letter-spacing:-.5px;margin:16px 0 7px}.practice-card>p{font-size:10px;line-height:1.65;color:#7b7f75;margin:0;max-width:310px}.tempo-display{display:flex;align-items:baseline;gap:8px;margin-top:21px}.tempo-display strong{font:500 38px var(--mono);letter-spacing:-3px;color:#30342b}.tempo-display span{font:8px var(--mono);color:#93978c}.tempo-actions{display:flex;gap:8px;align-items:center;margin-top:9px}.button-small{background:#1d2119;color:white;padding:9px 12px;font-size:9px}.icon-button{border:0;background:none;font-size:21px;color:#777c70}.practice-instruction{margin-top:11px;font:8px var(--mono);color:#979c8e}.bar-sequence{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:20px}.bar-sequence div{background:#edefe6;padding:9px}.bar-sequence b{display:block;font:8px var(--mono);color:#74873e;margin-bottom:6px}.bar-sequence span{font-size:9px;color:#6e7269}.check-button{border:0;background:none;padding:0;margin-top:19px;color:#71766b;font-size:9px}.check-button span{font-size:15px;color:#81964a;vertical-align:-1px;margin-right:5px}.check-button.completed{color:#526434}.export-illustration{height:69px;margin:18px 0 0;background:#e8ebdf;position:relative;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.export-disc{position:absolute;border:1px solid #bac694;width:56px;height:56px;border-radius:50%;left:18px}.export-disc:after{content:"";width:9px;height:9px;border-radius:50%;background:#8aa34c;position:absolute;left:23px;top:23px}.export-bars{display:flex;align-items:center;gap:3px;margin-left:44px}.export-bars i{width:3px;background:#8fa752;height:11px;border-radius:2px}.export-bars i:nth-child(3n){height:23px}.export-bars i:nth-child(4n){height:32px}.export-illustration>span{position:absolute;right:10px;bottom:8px;font:7px var(--mono);color:#828776}.export-card .text-link{margin-top:17px;color:#6d853b;font-size:9px}.software-section{background:#fafbf6}.software-heading{margin-bottom:34px}.software-table-wrap{overflow-x:auto}.software-table{width:100%;border-collapse:collapse;text-align:left;min-width:790px}.software-table th{font:8px var(--mono);letter-spacing:.75px;color:#92968b;padding:0 12px 12px;border-bottom:1px solid #dfe0d8}.software-table th:first-child,.software-table td:first-child{padding-left:0}.software-table td{font-size:10px;color:#777c70;padding:15px 12px;border-bottom:1px solid #e7e8e1;vertical-align:top;line-height:1.6}.software-table td:first-child{font:700 12px var(--head);color:#242720;white-space:nowrap}.software-table td:nth-child(2){min-width:210px}.software-table td:nth-child(3){min-width:125px;white-space:nowrap}.software-table td:nth-child(4){min-width:260px}.software-table a{color:#718b3d;font-weight:700;white-space:nowrap}.license-chip{display:inline-block;padding:4px 6px;background:#edf0e4;font:8px var(--mono);color:#70863e;margin-bottom:5px}.license-chip.paid{background:#f2e9e2;color:#a56e52}.sources-note{font-size:9px;line-height:1.7;color:#92968c;margin-top:15px}.sources-note a{color:#70883b;text-decoration:underline}.end-cta{background:#e5ebd7;padding:53px 0}.end-cta-inner{display:flex;justify-content:space-between;align-items:center}.end-cta h2{margin-top:15px}.end-cta .button{min-width:160px}.footer{background:#11130f;color:#92978b;padding:20px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer .brand{font-size:15px;color:#eef0e5}.footer .brand-mark i{background:#eef0e5}.footer-inner>span{font:7px var(--mono);letter-spacing:.7px}.lesson-dialog{border:0;padding:0;width:min(680px,calc(100% - 28px));max-height:min(88vh,900px);background:#fafbf6;color:var(--ink);box-shadow:0 30px 100px #080a07aa}.lesson-dialog::backdrop{background:#12140fb8;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;background:#eff1e7;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe1d7;z-index:1}.dialog-head>span{font:8px var(--mono);letter-spacing:.9px;color:#747b64}.dialog-content{padding:27px 31px 34px}.dialog-content h2{font:700 29px/1.12 var(--head);letter-spacing:-1.5px;margin:0 0 11px}.dialog-lead{font-size:12px;color:#73786c;line-height:1.7;margin:0 0 23px}.lesson-meta-line{display:flex;gap:8px;margin-bottom:21px}.lesson-meta-line span{font:8px var(--mono);color:#72883f;background:#edf0e4;padding:5px 7px}.dialog-content h3{font:700 13px var(--head);margin:22px 0 9px}.dialog-content p,.dialog-content li{font-size:11px;line-height:1.75;color:#64695e}.dialog-content ol,.dialog-content ul{padding-left:19px}.dialog-content li{padding:0 0 7px}.exercise-box{background:#ebeee2;border-left:2px solid #91a952;padding:11px 13px;margin-top:18px}.exercise-box strong{font:8px var(--mono);color:#70853d;letter-spacing:.5px}.exercise-box p{margin:6px 0 0}.complete-lesson{margin-top:22px;background:#20241c;color:white;border:0;padding:12px 14px;font-size:10px;font-weight:700}.complete-lesson.complete{background:#e5ebd8;color:#617438}.dialog-links{font-size:9px!important}.dialog-links a{color:#718a3b;text-decoration:underline}.mobile-nav-open .top-nav{display:flex}.empty-library{padding:42px 0;color:#83877e;font-size:12px}
@media(max-width:900px){.top-nav{margin-left:20px;gap:18px}.hero{grid-template-columns:1fr .9fr}.hero h1{font-size:61px}.hero-art{height:315px}.daw-grid{grid-template-columns:repeat(2,1fr)}.concept-wrap{grid-template-columns:1fr;gap:35px}.concept-intro p{max-width:500px}.concept-cards{gap:12px}.lesson-row{grid-template-columns:32px 1fr 92px 80px 18px}.studio-layout{gap:26px}.studio-sidebar{width:185px}.practice-grid{grid-template-columns:1fr 1fr}.export-card{grid-column:span 2;min-height:250px}.export-illustration{float:right;width:42%;height:100px;margin-top:10px}.software-heading{align-items:flex-start}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topbar{height:60px;padding:0 18px}.top-nav{display:none;position:absolute;top:60px;left:0;right:0;margin:0;padding:18px;background:#f7f7f2;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.top-nav a{font-size:13px}.mobile-menu{display:block}.progress-button{margin-left:auto;margin-right:16px;font-size:10px}.hero{display:block;min-height:0;padding:50px 0 61px}.hero-copy{padding:0}.eyebrow{font-size:8px}.eyebrow-index{margin-left:auto}.hero h1{font-size:59px;letter-spacing:-3px;margin:24px 0 14px}.hero-deck{font-size:13px;max-width:450px}.hero-actions{gap:17px;margin-top:22px}.button{padding:13px 12px;gap:12px;font-size:10px}.hero-footnote{margin-top:23px}.hero-art{height:270px;margin:35px 6px 8px 0;padding:35px 12px}.arrangement-window{padding:29px 9px 12px}.arrangement-row{height:31px;gap:6px}.arrangement-row b{width:38px;font-size:7px}.clip{height:17px}.art-label-top{top:14px}.art-note{bottom:25px;right:0}.hero-stamp{right:-9px;top:25px}.hero-bottom-line{bottom:14px;font-size:7px}.hero-bottom-line span:nth-child(2){display:none}.section-pad{padding:57px 0}.section-heading,.practice-header,.software-heading{display:block}.section-heading h2,.studio-topline h2,.practice-header h2,.software-heading h2,.end-cta h2{font-size:36px;letter-spacing:-2px}.section-heading>p,.practice-header>p,.software-heading>p{margin-top:13px;font-size:11px}.path-toolbar{align-items:flex-start;gap:14px;flex-direction:column;margin:25px 0 14px}.segment{padding:9px 9px;font-size:9px}.path-search{width:100%}.daw-grid{grid-template-columns:1fr 1fr;gap:8px}.daw-card{padding:13px 11px;min-height:263px}.daw-name{font-size:14px}.daw-note{font-size:9px;min-height:57px}.daw-kind{font-size:7px}.daw-meta{font-size:7px;gap:5px}.daw-meta span:first-child{max-width:100px}.daw-actions{align-items:flex-start;gap:7px;flex-direction:column}.select-path{width:100%;padding:9px 5px}.free-note{align-items:flex-start;padding:12px 10px}.free-note>div{display:block}.free-note strong{display:block;margin-bottom:4px}.free-note>a{font-size:8px}.studio-topline{align-items:flex-start;margin-bottom:25px}.studio-topline .link-button{font-size:9px;margin-top:10px;white-space:nowrap}.studio-topline h2{font-size:30px}.studio-layout{display:block}.studio-sidebar{border:0;padding:0;width:100%;margin-bottom:18px}.path-current{display:flex;overflow-x:auto;gap:5px;margin-top:8px}.current-path{white-space:nowrap;width:auto;min-width:max-content;margin:0;padding:8px}.sidebar-spaced,.sidebar-quote{display:none}.skill-filters{flex-direction:row;overflow:auto;margin-top:9px;padding-bottom:4px}.skill-filter{white-space:nowrap;padding:7px 9px}.lesson-toolbar{margin-top:11px}.lesson-row{grid-template-columns:25px 1fr 18px;gap:7px;padding:13px 0}.lesson-row .lesson-skill,.lesson-row .lesson-level{display:none}.lesson-title{font-size:12px}.lesson-summary{font-size:9px}.lesson-time{grid-column:2;grid-row:2;display:inline-block;margin-top:-6px;font-size:8px}.lesson-arrow{grid-column:3;grid-row:1/3}.concept-intro h2{font-size:39px}.concept-cards{grid-template-columns:1fr}.concept-card{min-height:0;padding:16px}.concept-graphic{height:70px;margin:13px 0}.concept-card p{font-size:10px}.practice-grid{grid-template-columns:1fr}.export-card{grid-column:auto}.export-illustration{float:none;width:100%;height:75px;margin-top:14px}.practice-card{min-height:270px}.software-heading{margin-bottom:24px}.end-cta{padding:37px 0}.end-cta-inner{align-items:flex-start;gap:18px;flex-direction:column}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:12px}.footer-inner>span:nth-child(2){grid-column:1/-1;grid-row:2}.footer-inner>span{font-size:6px}.dialog-content{padding:22px 19px 27px}.dialog-content h2{font-size:25px}.dialog-content p,.dialog-content li{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.workflow-diagram{display:flex;align-items:center;gap:5px;padding:13px 9px;margin:18px 0 22px;background:#20231e;overflow-x:auto}.workflow-node{min-height:44px;min-width:100px;flex:1;background:#2d3228;padding:7px 8px;display:flex;flex-direction:column;justify-content:space-between}.workflow-node span{font:7px var(--mono);color:#aec66e}.workflow-node b{font:600 8px var(--sans);color:#eef1e7;line-height:1.35}.workflow-arrow{font:14px var(--mono);color:#c8e46b}
.theme-toggle{width:34px;height:34px;border:1px solid #d8dbce;border-radius:50%;background:transparent;color:#52594a;display:grid;place-items:center;font-size:17px;line-height:1;transition:background .2s,color .2s,border-color .2s}.theme-toggle:hover{background:#e9ecdf;border-color:#aeb997}.theme-toggle:focus-visible,.mobile-menu:focus-visible,.button:focus-visible{outline:2px solid #819846;outline-offset:3px}
html[data-theme="dark"]{color-scheme:dark;--ink:#e9ece2;--muted:#a6ab9e;--paper:#11130f;--white:#191c17;--line:#33372e;--green:#c8e46b}
html[data-theme="dark"] body{background:#11130f;color:#e9ece2}
html[data-theme="dark"] .topbar{background:rgba(17,19,15,.95);border-color:#30342b}
html[data-theme="dark"] .brand-mark i{background:#e9ece2}
html[data-theme="dark"] .top-nav a,html[data-theme="dark"] .progress-button,html[data-theme="dark"] .text-button{color:#c5c9bd}
html[data-theme="dark"] .theme-toggle{border-color:#444a3d;background:#20241d;color:#d8e8ad}
html[data-theme="dark"] .theme-toggle:hover{background:#2b3024}
html[data-theme="dark"] .button-primary,html[data-theme="dark"] .select-path{background:#c8e46b;color:#171a13}
html[data-theme="dark"] .button-primary span{color:#253018}
html[data-theme="dark"] .button-quiet{color:#d0d5c8}
html[data-theme="dark"] .hero h1 .serif-word,html[data-theme="dark"] .section-heading h2 .serif-word,html[data-theme="dark"] .studio-topline h2 .serif-word,html[data-theme="dark"] .practice-header h2 .serif-word,html[data-theme="dark"] .software-heading h2 .serif-word{color:#c8e46b}
html[data-theme="dark"] .path-section,html[data-theme="dark"] .practice-section{background:#181b16;border-color:#292d25}
html[data-theme="dark"] .studio-section,html[data-theme="dark"] .software-section{background:#11130f}
html[data-theme="dark"] .hero-art{background:#22271f}
html[data-theme="dark"] .art-note{background:#252a21;color:#afb5a7;box-shadow:0 7px 20px #0008}
html[data-theme="dark"] .art-note strong{color:#f0f2e9}
html[data-theme="dark"] .arrangement-window{box-shadow:0 19px 45px #0008}
html[data-theme="dark"] .art-label{color:#a5ab9b}
html[data-theme="dark"] .hero-stamp{background:#22291c;color:#c5df87;border-color:#70834b}
html[data-theme="dark"] .hero-bottom-line{border-color:#30342b;color:#8f9588}
html[data-theme="dark"] .segment{color:#a7ac9e}
html[data-theme="dark"] .segmented{background:#22261f}
html[data-theme="dark"] .segment.active{background:#34392d;color:#f0f2e9;box-shadow:none}
html[data-theme="dark"] .path-search{border-color:#4b5144}
html[data-theme="dark"] .path-search input{color:#eef0e8}
html[data-theme="dark"] .path-search input::placeholder{color:#858b7d}
html[data-theme="dark"] .daw-card,html[data-theme="dark"] .practice-card{background:#1b1e18;border-color:#34382f}
html[data-theme="dark"] .daw-card:hover{border-color:#596346;box-shadow:0 12px 26px #0003}
html[data-theme="dark"] .daw-name,html[data-theme="dark"] .practice-card h3,html[data-theme="dark"] .lesson-title,html[data-theme="dark"] .software-table td:first-child{color:#edf0e6}
html[data-theme="dark"] .daw-note,html[data-theme="dark"] .practice-card>p,html[data-theme="dark"] .lesson-summary,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .practice-header>p,html[data-theme="dark"] .software-heading>p{color:#a5aa9c}
html[data-theme="dark"] .daw-meta{border-color:#30342b;color:#9ba191}
html[data-theme="dark"] .daw-actions{color:#c1c7b7}
html[data-theme="dark"] .official-link{color:#bbc1b1}
html[data-theme="dark"] .free-note{background:#252b1e}
html[data-theme="dark"] .free-note strong{color:#e8ebdf}
html[data-theme="dark"] .free-note span:not(.free-note-icon){color:#b3baa6}
html[data-theme="dark"] .studio-sidebar{border-color:#33372e}
html[data-theme="dark"] .current-path{background:#191c17;border-color:#353a30;color:#aeb4a5}
html[data-theme="dark"] .current-path.active,html[data-theme="dark"] .skill-filter.active{background:#292f21;border-color:#697b48;color:#f0f2e9}
html[data-theme="dark"] .skill-filter{color:#a2a899}
html[data-theme="dark"] .lesson-row{background:#151812;border-color:#30342b;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme="dark"] .lesson-row:hover,html[data-theme="dark"] .lesson-row:focus-visible{background:#252c1e;border-color:#596b3d;box-shadow:inset 3px 0 #92ad57}
html[data-theme="dark"] .lesson-row:focus-visible{outline:2px solid #92ad57;outline-offset:2px}
html[data-theme="dark"] .lesson-toolbar{border-color:#33372e}
html[data-theme="dark"] .sort-control select{color:#d9ddd1}
html[data-theme="dark"] .sort-control select,html[data-theme="dark"] .sort-control select option{background:#171a15}
html[data-theme="dark"] .bar-sequence div,html[data-theme="dark"] .export-illustration{background:#252a21}
html[data-theme="dark"] .bar-sequence span,html[data-theme="dark"] .practice-instruction,html[data-theme="dark"] .check-button{color:#aeb4a4}
html[data-theme="dark"] .tempo-display strong{color:#eff1e9}
html[data-theme="dark"] .software-table th,html[data-theme="dark"] .software-table td{border-color:#30342b}
html[data-theme="dark"] .software-table td{color:#b0b6a8}
html[data-theme="dark"] .license-chip{background:#2a3022;color:#c2d78d}
html[data-theme="dark"] .license-chip.paid{background:#35271f;color:#e7aa89}
html[data-theme="dark"] .sources-note{color:#9fa597}
html[data-theme="dark"] .end-cta{background:#252c1d}
html[data-theme="dark"] .lesson-dialog{background:#171a15;color:#e9ece2}
html[data-theme="dark"] .dialog-head{background:#22271d;border-color:#363b30}
html[data-theme="dark"] .dialog-content p,html[data-theme="dark"] .dialog-content li{color:#b8bdae}
html[data-theme="dark"] .exercise-box{background:#252c1d}
html[data-theme="dark"] .complete-lesson.complete{background:#2b3420;color:#d7e9ad}
html[data-theme="dark"] .mobile-menu{color:#e9ece2}
@media(max-width:640px){html[data-theme="dark"] .top-nav{background:#11130f;border-color:#30342b}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
.explore-section{background:#f7f7f2;border-bottom:1px solid #e2e4dc}.explore-heading{align-items:flex-end}.explore-heading h2{line-height:1.08}.explore-heading>p{max-width:365px}.explore-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 16px}.discipline-filters{display:flex;gap:5px;flex-wrap:wrap}.discipline-filter{border:1px solid transparent;background:transparent;color:#74796e;padding:8px 10px;font-size:9px}.discipline-filter:hover{color:#252820}.discipline-filter.active{background:#e6eadb;border-color:#d9dfcc;color:#424b32;font-weight:700}.discipline-search{display:flex;align-items:center;gap:8px;width:190px;border-bottom:1px solid #c9ccc2;padding:4px 0;color:#798144;flex:0 0 auto}.discipline-search>span{font-size:18px}.discipline-search input{width:100%;border:0;outline:0;background:transparent;color:#20231e;font-size:10px}.discipline-search input::placeholder{color:#92968b}.discipline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.discipline-card{min-height:151px;padding:12px 13px 11px;background:#fff;border:1px solid #e0e2da;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,background .16s}.discipline-card:hover{transform:translateY(-2px);border-color:#bfc8ac}.discipline-card.chosen{background:#f1f4e8;border-color:#aebb88}.discipline-card-top{display:flex;align-items:center;justify-content:space-between}.discipline-group{font:7px var(--mono);letter-spacing:.65px;text-transform:uppercase;color:#8a8f82}.discipline-check{font-size:15px;color:#829842}.discipline-card h3{font:700 13px var(--head);letter-spacing:-.25px;margin:10px 0 5px;color:#262921}.discipline-card p{font-size:9px;line-height:1.5;color:#83877d;margin:0 0 10px}.topic-add{align-self:flex-start;margin-top:auto;padding:6px 8px;border:1px solid #e0e2d8;background:transparent;color:#73796d;font-size:8px;font-weight:600}.topic-add:hover{border-color:#9eae7b;color:#536c2e}.topic-add.added{background:#e4ead5;border-color:#cbd7b2;color:#526b2d}.focus-path{margin-top:18px;padding:14px 15px;background:#e9ece2;border:1px solid #e0e3d7}.focus-path-heading,.focus-path-heading>div,.focus-path-bottom{display:flex;align-items:center;justify-content:space-between}.focus-path-heading>div{justify-content:flex-start;gap:9px;font:8px var(--mono);letter-spacing:.8px;color:#73796a}.focus-path-heading .eyebrow-line{width:16px}.focus-count{padding:4px 6px;background:#dce2cf;color:#6d813d;font-size:7px}.focus-path-heading>.text-button{font-size:9px;color:#788d48}.focus-items{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.focus-item{display:flex;align-items:center;gap:8px;min-width:max-content;padding:7px 7px 7px 9px;background:#f8f9f4;border:1px solid #dfe2d7}.focus-order{font:8px var(--mono);color:#88965d}.focus-item strong{font-size:9px;font-weight:600;color:#3a3e33}.focus-item-actions{display:flex;gap:1px;margin-left:5px}.focus-shift,.focus-remove{width:22px;height:22px;border:0;background:transparent;color:#707761;font-size:13px}.focus-shift:hover:not(:disabled),.focus-remove:hover{background:#e6eadc;color:#4e672c}.focus-shift:disabled{opacity:.35;cursor:default}.focus-empty{font-size:9px;color:#858b7d}.focus-path-bottom{border-top:1px solid #d9ddcf;padding-top:11px;gap:15px}.focus-path-bottom>span{font-size:9px;line-height:1.5;color:#7b8173}.focus-path-bottom .button{padding:9px 12px;font-size:8px;white-space:nowrap}
html[data-theme="dark"] .explore-section{background:#11130f;border-color:#30342b}
html[data-theme="dark"] .discipline-filter{color:#a2a899}
html[data-theme="dark"] .discipline-filter:hover{color:#eef0e8}
html[data-theme="dark"] .discipline-filter.active{background:#292f21;border-color:#414b33;color:#e7ecd9}
html[data-theme="dark"] .discipline-search{border-color:#4b5144}
html[data-theme="dark"] .discipline-search input{color:#eef0e8}
html[data-theme="dark"] .discipline-search input::placeholder{color:#858b7d}
html[data-theme="dark"] .discipline-card{background:#1b1e18;border-color:#34382f}
html[data-theme="dark"] .discipline-card.chosen{background:#252b1e;border-color:#697b48}
html[data-theme="dark"] .discipline-card h3{color:#edf0e6}
html[data-theme="dark"] .discipline-card p{color:#a5aa9c}
html[data-theme="dark"] .topic-add{border-color:#41463b;color:#bbc1b2}
html[data-theme="dark"] .topic-add.added{background:#303a22;border-color:#5b6d3c;color:#d8e8ad}
html[data-theme="dark"] .focus-path{background:#1b1f17;border-color:#33382b}
html[data-theme="dark"] .focus-path-heading>div{color:#b3b9a7}
html[data-theme="dark"] .focus-count{background:#303824;color:#c1d690}
html[data-theme="dark"] .focus-item{background:#252a21;border-color:#3a4033}
html[data-theme="dark"] .focus-item strong{color:#e6e9df}
html[data-theme="dark"] .focus-shift,html[data-theme="dark"] .focus-remove{color:#bbc2af}
html[data-theme="dark"] .focus-shift:hover:not(:disabled),html[data-theme="dark"] .focus-remove:hover{background:#343d27;color:#e5f0ce}
html[data-theme="dark"] .focus-empty,html[data-theme="dark"] .focus-path-bottom>span{color:#a7ad9c}
html[data-theme="dark"] .focus-path-bottom{border-color:#353a2d}
@media(max-width:900px){.discipline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.explore-heading{display:block}.explore-controls{align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}.discipline-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.discipline-filter{white-space:nowrap}.discipline-search{width:100%}.discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.discipline-card{min-height:164px;padding:10px}.discipline-card h3{font-size:12px}.discipline-card p{font-size:8px}.focus-path{padding:12px 10px}.focus-path-bottom{align-items:flex-start;flex-direction:column;gap:10px}.focus-path-bottom .button{align-self:flex-end}.focus-path-heading>div{gap:6px;font-size:7px}.focus-path-heading>.text-button{font-size:8px}}
.lesson-video{margin:18px 0 24px;padding:12px;background:#f0f2e9;border:1px solid #e0e4d5}
.lesson-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
.lesson-video-heading h3{margin:4px 0!important;font-size:12px!important}
.lesson-video-heading p{margin:0;font-size:9px!important;color:#7a8072!important}
.lesson-video-heading>a{font-size:9px;color:#718a3b;white-space:nowrap;text-decoration:underline}
.video-eyebrow{font:8px var(--mono);letter-spacing:.8px;color:#748744}
.watch-youtube-button{min-height:54px;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:12px;background:#526b3d;color:#fff;font-size:12px;font-weight:750;letter-spacing:.1px;transition:background .18s,transform .18s}
.watch-youtube-button:hover{background:#415631;transform:translateY(-1px)}
.youtube-play-mark{font-size:14px}
.youtube-open-mark{margin-left:auto;font-size:16px}
.studio-note{margin:20px 0;padding:12px 14px;background:#e6eadb;border-left:2px solid #8ea64d}
.studio-note strong{font:8px var(--mono);letter-spacing:.6px;color:#657c34}
.studio-note p{margin:5px 0 0}
html[data-theme="dark"] .lesson-video{background:#20251b;border-color:#373d2e}
html[data-theme="dark"] .lesson-video-heading p{color:#a8af9b!important}
html[data-theme="dark"] .lesson-video-heading>a{color:#c0d78c}
html[data-theme="dark"] .video-eyebrow{color:#b4c785}
html[data-theme="dark"] .studio-note{background:#252c1d;border-color:#839b49}
html[data-theme="dark"] .studio-note strong{color:#c3d997}
@media(max-width:480px){.lesson-video{padding:8px}.lesson-video-heading{align-items:flex-start;flex-direction:column;gap:7px}.studio-note{padding:10px}}
.discipline-lesson-count{margin:-3px 0 8px;color:#65734c;font:7px var(--mono);letter-spacing:.5px}
html[data-theme="dark"] .discipline-lesson-count{color:#bdca9f}