/* A music notebook: restrained sage, apricot and printed staff details. */
:root{--sage-wash:#e8eddf;--apricot-wash:#f5e6d5;--music-accent:#af7350}
.site-main{overflow:clip}.site-header{background:#fbf7eff5}.main-nav{gap:clamp(14px,1.6vw,27px)}.main-nav .nav-practice{color:#526e45;border-bottom:1px solid #789565}.mobile-nav .nav-practice{color:#526e45}
.page-hero{position:relative;overflow:hidden;background:#f5eee2}.page-hero:after{content:'♪';position:absolute;right:8%;bottom:12%;font:italic 230px/1 Georgia,serif;color:#7c946b18;transform:rotate(-12deg);pointer-events:none}.page-hero.dark{background:#e1e8d8;color:#253f35}.page-hero.dark .eyebrow,.page-hero.dark p{color:#53684b}.page-hero h1{max-width:1000px;position:relative;z-index:1}.page-hero>p{max-width:720px;position:relative;z-index:1}
.intro-layout{position:relative;background:#f9f5eb}.intro-layout:after{content:'';position:absolute;width:180px;height:36px;bottom:26px;right:8%;background:repeating-linear-gradient(to bottom,transparent 0 7px,#84967535 7px 8px);transform:rotate(-5deg);pointer-events:none}
.interactive-section{background:#e8eddf;border-top:1px solid #d3dcc8;border-bottom:1px solid #d3dcc8}.music-workbench{background:#fdfaf2;border:1px solid #cad5bc;border-radius:12px;padding:clamp(20px,3vw,42px);box-shadow:0 20px 42px -35px #3d553740}.score-area{color:#42603a}.audio-tools button{border-radius:6px}.piano-top .chapter-tag{color:#82613f}.white-key:active,.white-key.playing{background:#efc39e!important}
.portrait-section{background:#f9f4e9}.portrait-copy .experience{border-color:#bdd0ad}.method{background:#f5eee1}.method-step{position:relative;border-top-color:#c7d3b9}.method-step:nth-child(2){background:#e7eddf;padding-left:24px;padding-right:24px;border-radius:8px}.method-step:nth-child(3){background:#f5e3ce;padding-left:24px;padding-right:24px;border-radius:8px}.portal-preview{background:#e8ece2}.notebook{box-shadow:0 25px 55px -35px #253f3555;transform:rotate(1deg)}.closing{background:#dfe8d5;color:#253f35;position:relative;overflow:hidden}.closing:after{content:'♫';position:absolute;right:4%;top:22%;font:150px/1 Georgia,serif;color:#69875c17;pointer-events:none}.closing .eyebrow{color:#617253}.closing .btn{background:#253f35;color:#fffdf5}
.quote-panel{background:#e8eddc;position:relative;overflow:hidden;border-radius:6px}.quote-panel:after{content:'♩';position:absolute;right:20px;bottom:-15px;font:190px/1 Georgia,serif;color:#809a671c}.info-row{border-top-color:#c7d4bd}.info-row:nth-child(2){background:#eff2e7}.info-row:nth-child(3){background:#f4e7d5}.info-row{padding-left:22px;padding-right:22px;border-radius:5px}.faq details{border-color:#cad6bf;background:#fcfaf3;padding-left:24px;padding-right:24px;border-radius:7px;margin-bottom:10px}.faq details[open]{background:#eaf0e0}.faq summary{min-height:60px}.contact-layout{background:#fcf9f1}.contact-layout form{background:#edf1e5;padding:32px;border-radius:12px}.contact-layout input,.contact-layout textarea,.contact-layout select{background:#fffdf8;border-radius:4px}.legal{background:#fffdf7}.legal h2{border-top:1px solid #d9e0d0;padding-top:25px;color:#425c3d}
.musical-section{padding-top:80px;padding-bottom:80px;background:#faf6ed}.musical-heading{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:40px;margin-bottom:45px}.musical-heading>.eyebrow{margin-top:10px;color:#7a6a4f}.musical-heading h2{font-size:clamp(33px,3.8vw,57px);line-height:1.2}.musical-content{max-width:1250px;margin:auto}.musical-lead{font-size:clamp(16px,1.4vw,20px);line-height:1.85;max-width:760px;margin:0 0 35px;color:#4e6048}.sage-wash{background:#e8eddf}.apricot-wash{background:#f5e8d8}.music-values,.lesson-windows,.parent-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.music-values article,.parent-notes article{padding:28px 24px;background:#fdfaf3;border:1px solid #d9dfce;border-radius:7px}.music-values article:nth-child(2){background:#f4e6d4}.music-values article:nth-child(3){background:#e5ecdf}.music-values article>span,.parent-notes article>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8e694b}.music-values h3,.parent-notes h3,.lesson-windows h3{font-size:26px;line-height:1.3;margin:17px 0 14px}.music-values p,.parent-notes p,.lesson-windows p{font-size:14px;line-height:1.85;margin:0;color:#56634f}.lesson-windows article{padding:25px;background:#fdfaf1;border-radius:7px;border-bottom:3px solid #97b27b}.lesson-windows article:nth-child(2){border-bottom-color:#d0a47e}.lesson-windows article:nth-child(3){border-bottom-color:#93aba3}.window-note{font:55px/1 Georgia,serif;color:#63824d}.lesson-windows article:nth-child(2) .window-note{color:#b28057}.lesson-windows article:nth-child(3) .window-note{color:#698e80}
.listen-fragment{margin-top:40px;display:grid;grid-template-columns:1.3fr auto;gap:10px 45px;align-items:center;border:1px solid #d2dcc7;background:#fffdf6;padding:25px 35px;border-radius:9px}.listen-fragment .editorial-score{grid-row:1/3;width:100%;max-width:560px;height:auto;max-height:180px;color:#4e6f40}.listen-button{background:#253f35;color:#fffdf5;border:0;padding:12px 20px;font-size:12px;min-height:44px;border-radius:6px}.listen-button[aria-pressed=true]{background:#56774c}.listen-fragment>span{font-size:11px;color:#68735d}
.practice-invite{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#fffdf6;border:1px solid #cbd8bc;border-radius:12px;padding:40px;margin-top:45px}.practice-invite .eyebrow{font-size:10px;color:#8d6c4c;margin-bottom:18px}.practice-invite h3{font-size:clamp(28px,3vw,44px);line-height:1.2;margin:0 0 20px}.practice-invite p{font-size:14px;color:#5c6b53;max-width:430px;margin-bottom:24px;line-height:1.8}.practice-invite .btn{border-radius:6px;font-size:12px}.invite-score{padding:20px;background:#eef3e5;border-radius:8px}.invite-score svg{width:100%;height:auto;color:#577646}.invite-score p{font-size:11px;text-align:center;margin:5px auto 0;max-width:300px}.home-practice{background:#e8eddf;padding-top:0;padding-bottom:70px}.home-practice .practice-invite{margin-top:0}
.phrase-method{list-style:none;counter-reset:phrase;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0 0;padding:0}.phrase-method li{counter-increment:phrase;border-top:1px solid #c5bba6;padding-top:24px}.phrase-method li:before{content:'0' counter(phrase);font:italic 24px/1 var(--serif);color:#ae7b51;display:block;margin-bottom:20px}.phrase-method strong{display:block;font:24px/1.3 var(--serif);margin-bottom:15px}.phrase-method span{font-size:14px;line-height:1.85;color:#655f50}
.online-checklist{max-width:800px;display:grid;gap:12px}.online-checklist label{display:flex;gap:20px;align-items:center;background:#fffdf5;border:1px solid #cbd6bd;border-radius:7px;padding:22px;font-size:14px;line-height:1.7;cursor:pointer}.online-checklist input{width:22px;height:22px;accent-color:#63804f;flex-shrink:0}.online-checklist strong{display:block;font:22px/1.35 var(--serif);margin-bottom:7px}.small-note{font-size:11px;color:#647158;margin-top:18px}.contact-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:35px}.contact-prompts p{font:23px/1.45 var(--serif);border-top:1px solid #bdcbb0;padding-top:22px}.contact-prompts span{display:block;font:italic 22px/1 var(--serif);color:#a57e54;margin-bottom:20px}
.portal-practice{display:flex;align-items:center;gap:40px;justify-content:space-between;background:#e4ecd9;margin-top:50px;padding-top:35px;padding-bottom:35px}.portal-practice h3{font-size:30px;margin:10px 0}.portal-practice p{font-size:14px;max-width:560px;margin:0}.portal-practice .eyebrow{font-size:10px}.portal-practice .btn{white-space:nowrap}.footer-listen{display:flex;align-items:center;gap:25px;border-bottom:1px solid #536c452e;padding:0 0 24px;margin-bottom:35px;font-size:12px}.footer-listen button{border:1px solid #8b9c7a;background:#e8eedf;color:#304930;border-radius:30px;padding:10px 20px;min-height:44px;font-size:12px}.footer-listen small{font-size:10px;color:#72806a}.footer-listen button[aria-pressed=true]{background:#b7cba2}.preview-marker{position:static!important;font-size:10px;text-align:center;padding:8px;background:#e8edde;color:#617151;box-shadow:none!important}.site-footer{background:#f3f0e5}.portal-banner{background:#e4ebda}
@media(max-width:1200px){.main-nav{display:none}.menu-toggle{display:flex}.mobile-nav.open{display:flex;flex-direction:column;padding:20px var(--gutter);gap:10px;background:#fbf7ef}.mobile-nav a{padding:8px 0}.musical-heading{grid-template-columns:1fr;gap:8px}.musical-heading>.eyebrow{margin:0 0 12px}}
@media(max-width:760px){.page-hero:after{font-size:150px;right:2%;bottom:8%}.music-workbench{padding:18px 12px}.method-step:nth-child(2),.method-step:nth-child(3){padding-left:16px;padding-right:16px}.musical-section{padding-top:50px;padding-bottom:50px}.musical-heading{margin-bottom:28px}.music-values,.lesson-windows,.parent-notes,.phrase-method,.contact-prompts{grid-template-columns:1fr;gap:17px}.music-values article,.parent-notes article{padding:23px}.music-values h3,.parent-notes h3,.lesson-windows h3{font-size:25px}.listen-fragment{grid-template-columns:1fr;gap:10px;padding:20px}.listen-fragment .editorial-score{grid-row:auto;max-height:160px}.listen-fragment>span{text-align:center}.practice-invite{grid-template-columns:1fr;gap:25px;padding:24px;margin-top:30px}.practice-invite .invite-score{padding:10px}.practice-invite p{font-size:14px}.home-practice{padding-bottom:45px}.notebook{transform:none}.contact-layout form{padding:22px 18px}.contact-prompts p{font-size:22px;margin:0}.portal-practice{display:block}.portal-practice .btn{margin-top:24px}.footer-listen{flex-wrap:wrap;gap:12px}.footer-listen>span{flex-basis:100%}.footer-listen small{font-size:9px}.faq details{padding-left:16px;padding-right:16px}.page-hero.dark h1{font-size:clamp(35px,9vw,52px)}}