.piano-demo{--piano-ink: #f8f7fb;--piano-muted: #b7bed0;--piano-accent: #bba9ff;box-sizing:border-box;width:100%;padding:clamp(20px,3.4vw,48px);color:var(--piano-ink);background:#121a2c;font-family:inherit}.piano-demo *,.piano-demo *:before,.piano-demo *:after{box-sizing:border-box}.piano-demo button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.piano-demo button:focus-visible{outline:3px solid #bba9ff;outline-offset:5px}.piano-demo__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.piano-demo__caption{color:var(--piano-muted);font-size:14px}.piano-demo__modes{display:flex;padding:4px;background:#253047;border-radius:99px}.piano-demo__modes button{min-height:44px;padding:8px 24px;border:0;border-radius:99px;background:transparent;color:#cbd0dd;font-size:15px;line-height:1.4;white-space:nowrap}.piano-demo__modes button[aria-pressed=true]{background:#f5f3f9;color:#222a3d}.piano-demo__modes button:hover{color:#fff}.piano-demo__modes button[aria-pressed=true]:hover{color:#222a3d}.piano-demo__lesson{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);margin:36px 0 38px;align-items:center}.piano-demo__score{position:relative;display:flex;align-items:center;min-width:0;min-height:200px;background:#fbfaf6;padding:24px 20px 12px;border-radius:3px}.piano-demo__score-label{position:absolute;left:22px;top:17px;color:#686e7f;font-size:13px}.piano-demo__staff{display:block;width:100%;max-height:190px}.piano-demo__feedback{min-width:0}.piano-demo__sound-name{display:flex;align-items:baseline;gap:16px}.piano-demo__sound-name>span:first-child{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1;letter-spacing:-.045em}.piano-demo__sound-name>span:last-child{color:var(--piano-muted);font-size:16px}.piano-demo__status{margin:20px 0 6px;min-height:1.6em;color:var(--piano-ink);font-size:16px;line-height:1.7;text-wrap:pretty}.piano-demo__actions{display:flex;flex-wrap:wrap;gap:12px 24px}.piano-demo__listen,.piano-demo__next{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;background:none;border:0;color:var(--piano-accent);font-size:15px}.piano-demo__listen:hover,.piano-demo__next:hover{color:#fff}.piano-demo__listen:active,.piano-demo__next:active{transform:translateY(1px)}.piano-demo__keyboard{position:relative;isolation:isolate;width:100%;height:clamp(170px,20vw,260px);padding:0;touch-action:pan-y}.piano-demo__whites{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;gap:3px}.piano-demo__key{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;margin:0;padding:0 2px 18px;border:0;border-radius:0 0 5px 5px;user-select:none;-webkit-user-select:none;touch-action:none}.piano-demo__key--white{position:relative;height:100%;background:#fbfaf6;color:#343b4d}.piano-demo__key--white:hover{background:#e9e4fa}.piano-demo__key--white.is-pressed{background:#baa7f4;transform:translateY(3px)}.piano-demo__key--black{position:absolute;top:0;z-index:2;width:7.2%;height:61%;transform:translate(-50%);padding-bottom:14px;background:#242a38;color:#d1d1db;border:2px solid #121a2c;border-top:0;border-radius:0 0 4px 4px}.piano-demo__key--black:hover{background:#3d375a}.piano-demo__key--black.is-pressed{background:#715cba;transform:translate(-50%,2px)}.piano-demo__key--white:focus-visible{z-index:3;outline:3px solid #8b78eb;outline-offset:-5px}.piano-demo__key--black:focus-visible{outline:3px solid #cabbff;outline-offset:-4px}.piano-demo__note-name{display:flex;flex-direction:column;gap:2px;font-size:16px;line-height:1.2}.piano-demo__note-name>span{color:#6e7180;font-size:13px}.piano-demo__shortcut{margin-top:13px;color:#6e7180;font-size:13px}.piano-demo__key--black .piano-demo__shortcut{margin:0;color:#c7c9d4}.piano-demo__footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:20px;color:var(--piano-muted);font-size:13px;line-height:1.6}.piano-demo__mobile-hint{display:none}.piano-demo__error{margin:16px 0 0;color:#ffd5c6;font-size:14px;line-height:1.7}@media(max-width:600px){.piano-demo__toolbar{align-items:flex-start;gap:12px}.piano-demo__caption{padding-top:14px;font-size:13px;white-space:nowrap}.piano-demo__modes{padding:3px}.piano-demo__modes button{padding:7px 14px;font-size:14px}.piano-demo__lesson{grid-template-columns:1fr;gap:24px;margin:26px 0}.piano-demo__score{min-height:176px;padding:25px 20px 4px}.piano-demo__staff{height:150px}.piano-demo__feedback{display:grid;grid-template-columns:auto 1fr;column-gap:20px;row-gap:8px;align-items:center}.piano-demo__sound-name{gap:9px;grid-row:span 2}.piano-demo__sound-name>span:first-child{font-size:42px}.piano-demo__sound-name>span:last-child{font-size:13px}.piano-demo__status{margin:0;font-size:14px;line-height:1.6}.piano-demo__actions{gap:4px 16px}.piano-demo__listen,.piano-demo__next{font-size:13px}.piano-demo__keyboard{height:180px}.piano-demo__key{padding-bottom:15px}.piano-demo__key--black{padding-bottom:12px}.piano-demo__whites{gap:2px}.piano-demo__note-name{font-size:14px;gap:6px}.piano-demo__note-name>span{font-size:13px}.piano-demo__shortcut{display:none}.piano-demo__footnote{gap:12px;margin-top:16px;font-size:13px}.piano-demo__desktop-hint{display:none}.piano-demo__mobile-hint{display:inline}}@media(max-width:360px){.piano-demo{padding:18px 14px}.piano-demo__caption{display:none}.piano-demo__toolbar{justify-content:flex-end}.piano-demo__feedback{display:block}.piano-demo__sound-name{margin-bottom:12px}.piano-demo__lesson{gap:18px}.piano-demo__keyboard{height:164px}}@media(prefers-reduced-motion:reduce){.piano-demo *,.piano-demo *:before,.piano-demo *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@font-face{font-family:"Piano Serif";src:url(./noto-serif-sc-headings-CaP-xDlW.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}:root{--paper: #f7f7f2;--paper-deep: #eeeee8;--ink: #222727;--muted: #4d5550;--accent: #6554c0;--accent-hover: #5543ae;--night: #121a2c;--white: #fff;--rule: #d5d9d3;--display: "Piano Serif", "Songti SC", "STSong", serif;--body: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--margin: clamp(24px, 5.55vw, 100px);--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img,svg{display:block;max-width:100%}img{object-fit:cover;height:auto}button{border:0}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:500;text-wrap:balance}p{text-wrap:pretty}h1,h2{font-family:var(--display)}h2{font-size:clamp(36px,3.45vw,56px);line-height:1.5;letter-spacing:-.035em}::selection{background:#ded7ff;color:var(--night)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}svg{flex-shrink:0}.wrap{width:calc(100% - var(--margin) * 2);max-width:1440px;margin-inline:auto}.section-pad{padding-block:120px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:12px 28px;background:var(--accent);color:var(--white);border-radius:100px;font-size:16px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s var(--ease)}.button svg{width:22px;height:22px;transition:transform .2s}.button:hover{background:var(--accent-hover)}.button:hover svg{transform:translate(3px)}.button:active{transform:scale(.98)}.button--small{min-height:44px;padding:9px 20px;gap:18px;font-size:14px}.button--small svg{width:18px;height:18px}.button--light{background:var(--paper);color:var(--ink)}.button--light:hover{background:#fff}.text-link{display:inline-flex;align-items:center;gap:18px;background:none;padding:10px 0;min-height:44px;font-size:16px;font-weight:500;color:var(--accent)}.text-link svg{width:23px;height:23px;transition:transform .2s}.text-link:hover svg{transform:translate(4px)}.text-link--light{color:var(--white)}.text-link--light:hover{color:#ddd5ff}.skip-link{position:fixed;top:-80px;left:24px;z-index:100;background:#fff;padding:12px 24px}.skip-link:focus{top:8px}.site-header{height:88px;position:sticky;top:0;z-index:30;background:var(--paper)}.header-inner{width:calc(100% - var(--margin) * 2);max-width:1440px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.brand-mark{width:28px;height:28px;color:var(--accent)}.brand-black{fill:var(--paper)}.brand-name{font:500 37px/1 var(--display);letter-spacing:-2px}.brand-dot{color:var(--accent)}.brand-description{font-size:13px;margin:7px 0 0 7px;color:var(--muted)}.main-nav{display:flex;gap:32px;margin-left:auto;margin-right:40px;font-size:14px}.main-nav a{padding:10px 0;position:relative}.main-nav a:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;transform:scaleX(0);background:var(--accent);transform-origin:left;transition:transform .25s}.main-nav a:hover,.main-nav a.nav-active{color:var(--accent)}.main-nav a:hover:after,.main-nav a.nav-active:after{transform:scaleX(1)}.header-actions{display:flex;gap:16px;align-items:center}.menu-button{display:none;width:44px;height:44px;background:none;padding:10px}.menu-button span{display:block;width:24px;height:2px;background:var(--ink);transition:transform .2s;margin-block:6px}.hero{height:calc(100svh - 88px);min-height:620px;max-height:900px;position:relative;isolation:isolate;color:var(--white);background:#10211e;overflow:hidden}.hero-image,.hero-image img,.hero-scrim{position:absolute;inset:0;width:100%;height:100%}.hero-image{z-index:-3;overflow:hidden}.hero-image img{object-position:50% 55%;animation:hero-settle 1.8s var(--ease) both}.hero-scrim{z-index:-2;background:linear-gradient(90deg,rgba(4,17,15,.65) 0%,rgba(4,17,15,.26) 44%,transparent 78%)}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:34px}.hero h1{font-size:clamp(58px,6vw,96px);line-height:1.3;letter-spacing:-.05em;animation:hero-in 1s var(--ease) both;max-width:650px}.hero-content>p{font-size:18px;line-height:1.9;margin-top:30px;animation:hero-in 1s .12s var(--ease) both;max-width:500px;color:#f3f5f1}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px;animation:hero-in 1s .24s var(--ease) both}.hero-footer{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#e1e6e2}.hero-footer a{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.hero-footer svg{width:22px;height:30px}.hero-footer a:hover svg{transform:translateY(4px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:64px}.section-heading>p{max-width:455px;font-size:16px;line-height:1.9;margin-bottom:8px}.practice-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:stretch}.practice-visual{position:relative;min-height:550px;background:#e6e5dd;overflow:hidden}.practice-photo{position:absolute;inset:0;width:100%;height:100%;object-position:42% 50%;opacity:0;transform:scale(1.025);transition:opacity .5s,transform .8s var(--ease)}.practice-photo.is-active{opacity:1;transform:scale(1)}.practice-photo:nth-child(2){object-position:65% 50%}.practice-specimen{position:absolute;bottom:28px;left:28px;width:calc(100% - 56px);max-width:355px;background:#fafaf7;padding:20px 22px 12px;border-radius:3px;color:var(--ink)}.specimen-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.specimen-caption span:first-child{font-weight:600}.specimen-caption span:last-child{color:var(--muted);font-size:13px}.practice-specimen>svg{width:100%;height:auto;margin-top:6px}.specimen-bottom{font-size:13px;color:var(--muted);padding-top:0}.practice-list{display:flex;flex-direction:column;justify-content:center}.practice-tablist{border-top:1px solid var(--rule)}.practice-item{padding:18px 20px;position:relative;border-bottom:1px solid var(--rule)}.practice-item.is-active{background:var(--white)}.practice-item>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:5px 0;background:none;text-align:left;font-size:26px;font-weight:500;line-height:1.6}.practice-item.is-active>button{color:var(--accent)}.practice-toggle{position:relative;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--paper-deep);color:var(--ink)}.practice-item [role=tabpanel]>p{font-size:16px;line-height:1.9;padding-top:12px;color:var(--muted)}.mode-names{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;margin-bottom:4px}.mode-names span{font-size:13px;padding:4px 10px;background:var(--paper-deep);color:var(--muted);border-radius:3px}.practice-note{font-size:13px;color:var(--muted);margin-top:22px}.practice-note:before{content:"♪";font-family:Georgia,serif;font-size:20px;padding-right:10px;color:var(--accent)}.course-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center;padding-bottom:120px}.course-copy>p{margin-top:28px;color:var(--muted);line-height:1.95}.course-copy>.text-link{margin-top:22px}.course-detail{display:flex;flex-direction:column;gap:7px;margin-top:40px;max-width:280px;border-top:1px solid var(--rule);padding-top:18px}.course-detail strong{font-size:17px;font-weight:500}.course-detail span{font-size:13px;color:var(--muted)}.course-image img{width:100%;aspect-ratio:1.32;object-position:48% 50%}.course-image figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:13px;color:var(--muted)}.course-image figcaption span:last-child{white-space:nowrap}.experience-section{background:var(--night);color:var(--paper);padding-block:100px 70px}.section-heading--light{margin-bottom:58px}.section-heading--light p{color:#c3c8d2}.experience-footnote{margin-top:26px;font-size:13px;color:#adb5c4;text-align:center}.experience-section .piano-experience{background:transparent}.everyday-section{display:grid;grid-template-columns:1.12fr .88fr;gap:110px;align-items:start}.everyday-photo{padding-top:90px}.everyday-photo img{width:100%;aspect-ratio:.9;object-position:40% 50%}.everyday-copy>p{font-size:17px;line-height:1.95;margin-top:30px;color:var(--muted)}.device-note{margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.device-note>span{font-family:var(--body);font-size:20px;line-height:1.2}.device-note>span+span{border-left:1px solid var(--rule);padding-left:20px}.device-note>p{flex-basis:100%;font-size:13px;color:var(--muted);margin-top:0}.sheet-detail{width:100%;aspect-ratio:1.9;margin-top:44px;object-position:50% 45%}.questions-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-bottom:120px}.questions-heading>p{margin-top:24px;color:var(--muted);font-size:16px}.question-list{border-top:1px solid var(--rule)}.question-list details{border-bottom:1px solid var(--rule)}.question-list details[open]{background:var(--white)}.question-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:20px 22px;font-size:18px;font-weight:600;line-height:1.65}.question-list summary:hover{color:var(--accent)}.question-list summary:focus-visible{outline-offset:-4px}.question-list summary::-webkit-details-marker{display:none}.question-text{flex:1;min-width:0;text-wrap:balance}.question-toggle{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--paper-deep);color:var(--ink)}.practice-toggle:before,.practice-toggle:after,.question-toggle:before,.question-toggle:after{content:"";position:absolute;top:15px;left:9px;width:14px;height:1.5px;background:currentColor}.practice-toggle:after,.question-toggle:after{transform:rotate(90deg);transition:transform .2s}.practice-item.is-active .practice-toggle:after,.question-list details[open] .question-toggle:after{transform:rotate(0)}.practice-item.is-active .practice-toggle,.question-list details[open] .question-toggle{background:var(--accent);color:var(--white)}.question-list details[open] summary{color:var(--accent)}.question-list details>p{margin-top:0;color:var(--muted);font-size:16px;line-height:1.95;padding:0 78px 28px 22px}.closing-section{position:relative;isolation:isolate;height:570px;overflow:hidden;background:#111a1a;color:#fff}.closing-section>img,.closing-scrim{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.closing-section>img{object-position:50% 45%;transform:none}.closing-scrim{z-index:-1;background:linear-gradient(90deg,#0a1212d4,#0a12121a 80%)}.closing-content{height:100%;display:flex;align-items:center}.closing-content h2{font-size:clamp(40px,4.2vw,65px)}.closing-content p{margin-top:24px;color:#e1e5e0}.closing-content .button{margin-top:32px}.site-footer{background:#111b1c;color:#f0f2ec;padding:55px 0 24px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:60px}.brand--light .brand-mark,.brand--light .brand-dot{color:#b9adf3}.brand--light .brand-black{fill:#111b1c}.brand--light .brand-description{color:#b7c0b9}.footer-top>div>p{margin-top:18px;color:#b7c0b9;font-size:14px}.footer-top nav{display:flex;gap:36px;align-items:center;font-size:14px}.footer-top nav a,.footer-top nav button{padding:10px 0}.footer-top nav button,.footer-bottom button{background:none;font-size:inherit}.footer-top nav a:hover,.footer-top nav button:hover,.footer-bottom a:hover,.footer-bottom button:hover{color:#c8bef5}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:#b7c0b9;margin-top:38px;padding-top:18px;border-top:1px solid #344341}.footer-bottom button{margin-left:auto;padding:10px}.footer-bottom a{padding:10px 0}.site-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow-y:auto;border:0;padding:44px;background:var(--paper);color:var(--ink);border-radius:8px}.site-dialog::backdrop{background:#071014ad}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:14px;top:14px;padding:10px;background:none;border-radius:50%;width:44px;height:44px}.dialog-close:hover{background:var(--paper-deep)}.dialog-close svg{width:24px;height:24px}.dialog-brand{margin-bottom:32px}.dialog-brand .brand-description{display:none}.site-dialog h2{font-size:35px}.site-dialog>p{font-size:15px;color:var(--muted);margin-top:18px;line-height:1.8}.download-primary{margin-top:28px;width:100%;gap:18px;font-size:15px}.download-primary:disabled{background:var(--paper-deep);color:var(--muted);transform:none}.download-meta{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:14px;font-size:13px;color:var(--muted)}.ios-note{margin-top:24px;border-top:1px solid var(--rule);padding:20px 0 0;display:flex;justify-content:space-between;gap:16px;font-size:13px}.ios-note strong{font-weight:500}.ios-note span{color:var(--muted)}.site-dialog>p.download-note{font-size:13px;line-height:1.7;margin-top:22px}.credits-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}.credits-list li{display:flex;flex-direction:column;gap:2px}.credits-list a{font-size:15px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.credits-list span{font-size:13px;color:var(--muted)}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.will-reveal.is-visible{opacity:1;transform:none}.section-heading>[data-reveal]:nth-child(2){transition-delay:.08s}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-settle{0%{transform:scale(1.055)}to{transform:scale(1)}}@media(min-width:1800px){.hero-content,.hero-footer,.wrap,.header-inner{max-width:1540px}.hero h1{font-size:100px}.hero{max-height:1000px}}@media(max-width:1150px){.brand-description{display:none}.main-nav{gap:24px;margin-right:12px}.practice-layout{gap:48px;grid-template-columns:1.1fr .9fr}.practice-visual{min-height:520px}.course-section{gap:48px}.everyday-section{gap:70px}.questions-section{gap:60px}.section-heading>p{max-width:360px}.footer-top nav{gap:24px}}@media(max-width:900px){:root{--margin: 32px}.site-header{height:76px}.header-inner{gap:20px}.brand-name{font-size:33px}.main-nav{gap:18px;font-size:13px}.main-nav a:last-child{display:none}.header-actions .button{padding:9px 17px;gap:10px}.hero{height:720px;min-height:620px;max-height:calc(100svh - 76px)}.hero h1{font-size:66px}.hero-image img{object-position:60% 50%}.hero-scrim{background:linear-gradient(90deg,#04110fc2,#04110f38 78%)}.hero-content>p{font-size:16px}.section-pad{padding-block:85px}.section-heading{gap:30px;margin-bottom:42px}.section-heading h2{font-size:36px}.section-heading>p{max-width:300px;font-size:15px}.desktop-break{display:none}.practice-layout{gap:36px;grid-template-columns:1fr 1fr}.practice-visual{min-height:530px}.practice-specimen{left:18px;bottom:18px;width:calc(100% - 36px);padding:16px 14px 10px}.specimen-caption span:last-child{display:none}.practice-item>button{font-size:23px}.practice-item [role=tabpanel]>p{font-size:15px}.mode-names{gap:6px;margin-top:18px}.mode-names span{font-size:13px;padding:3px 8px}.practice-item{padding:14px 16px}.course-section{gap:36px;padding-bottom:85px;grid-template-columns:.9fr 1.1fr}.course-copy>p{font-size:15px}.course-copy>p br{display:none}.course-detail{margin-top:28px}.course-image img{aspect-ratio:.92}.course-image figcaption span:last-child{display:none}.experience-section{padding-block:80px 50px}.everyday-section{gap:50px}.everyday-photo{padding-top:65px}.everyday-photo img{aspect-ratio:.7}.everyday-copy>p{font-size:16px}.questions-section{grid-template-columns:.75fr 1.25fr;gap:50px;padding-bottom:85px}.question-list summary{font-size:16px}.question-list details>p{font-size:15px;padding-right:22px}.closing-section{height:500px}.footer-top nav{gap:16px;font-size:13px}}@media(max-width:650px){:root{--margin: 24px}html{scroll-padding-top:88px}.site-header{height:72px}.header-inner{gap:12px}.brand{gap:8px}.brand-name{font-size:32px}.brand-mark{width:25px;height:25px}.header-actions{gap:8px}.header-actions .button{font-size:13px;min-height:40px;padding:8px 15px}.header-actions .button svg{display:none}.menu-button{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:18px var(--margin) 24px;background:var(--paper);flex-direction:column;gap:4px;font-size:17px}.main-nav.is-open{display:flex}.main-nav a{padding:10px 0}.main-nav a:last-child{display:block}.main-nav a:after{display:none}.menu-button.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:calc(100svh - 72px);max-height:800px;min-height:590px}.hero-image img{object-position:62% 50%;animation-duration:1.4s}.hero-scrim{background:linear-gradient(180deg,#05121047,#0512102e 20%,#051210db)}.hero-content{justify-content:flex-end;padding-bottom:105px}.hero h1{font-size:clamp(45px,12vw,65px);line-height:1.34;letter-spacing:-.04em}.hero-content>p{font-size:14px;line-height:1.9;margin-top:23px}.hero-actions{gap:24px;margin-top:28px}.hero-actions .button{min-height:48px;font-size:14px;padding:12px 22px;gap:22px}.hero-actions .text-link{font-size:14px;gap:10px}.hero-actions .text-link svg{width:22px;height:22px}.hero-footer{bottom:20px;font-size:13px}.hero-footer svg{height:27px}.section-pad{padding-block:72px}h2{font-size:34px;line-height:1.5;letter-spacing:-.045em}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:clamp(29px,7.9vw,36px)}.section-heading>p{font-size:15px;margin-top:24px;max-width:none}.practice-layout{display:flex;flex-direction:column;gap:25px}.practice-visual{height:380px;min-height:0}.practice-photo{object-position:42% 48%}.practice-specimen{left:18px;bottom:18px;max-width:275px;width:calc(100% - 36px);padding:14px 16px 8px}.practice-specimen>svg{max-height:84px}.specimen-caption span:last-child{display:block;font-size:10px}.specimen-bottom{font-size:10px}.practice-list{display:block}.practice-item{padding:16px}.practice-item>button{font-size:23px;padding:4px 0}.practice-item [role=tabpanel]>p{font-size:15px;padding-top:11px}.mode-names{margin-block:15px 8px}.practice-note{margin-top:14px}.course-section{display:flex;flex-direction:column;gap:32px;padding-bottom:72px;align-items:stretch}.course-copy{position:relative}.course-copy>p{max-width:280px;margin-top:24px;font-size:15px}.course-copy>p br{display:none}.course-copy>.text-link{margin-top:15px;font-size:15px}.course-detail{margin-top:28px}.course-detail strong{font-size:16px}.course-image img{aspect-ratio:1.22}.course-image figcaption{font-size:13px;margin-top:12px}.experience-section{padding-block:66px 36px}.section-heading--light{margin-bottom:30px}.section-heading--light p{font-size:14px;margin-top:20px}.experience-footnote{font-size:13px;margin-top:22px;text-align:left;line-height:1.8}.everyday-section{display:flex;flex-direction:column-reverse;gap:32px;padding-block:72px}.everyday-copy>p{margin-top:23px;font-size:15px;line-height:1.9}.everyday-copy>p br:nth-of-type(2){display:none}.everyday-copy>p br:nth-of-type(3){display:none}.device-note{margin-top:24px}.device-note>span{font-size:20px}.device-note>p{font-size:13px}.sheet-detail{display:none}.everyday-photo{padding:0}.everyday-photo img{aspect-ratio:1.05;object-position:40% 50%}.questions-section{display:block;padding-bottom:72px}.questions-heading>p{margin-top:20px;font-size:15px}.questions-heading>p br{display:none}.question-list{margin-top:32px}.question-list summary{font-size:16px;min-height:76px;padding:18px 16px;gap:16px}.question-list details>p{font-size:14px;padding:0 16px 24px}.closing-section{height:490px}.closing-section>img{object-position:70% 50%}.closing-scrim{background:linear-gradient(90deg,#0a1212d9,#0a121266)}.closing-content h2{font-size:39px}.closing-content p{font-size:14px;margin-top:20px}.closing-content .button{font-size:14px;margin-top:28px}.site-footer{padding-top:38px}.footer-top{display:block}.footer-top>div>p{font-size:13px;margin-top:13px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:4px 24px;font-size:14px}.footer-top nav button{text-align:left}.footer-bottom{gap:8px 16px;flex-wrap:wrap;margin-top:30px;font-size:13px}.footer-bottom>span{flex-basis:100%}.footer-bottom button{margin:0;padding:8px 0}.footer-bottom a{margin-left:auto}.site-dialog{padding:35px 24px}.site-dialog h2{font-size:30px}.dialog-brand{margin-bottom:25px}.site-dialog>p{font-size:14px}.download-primary{font-size:14px;padding-inline:18px;gap:14px}.ios-note{flex-direction:column;gap:3px}.download-meta{font-size:13px}}@media(max-width:360px){:root{--margin: 18px}.header-actions{gap:3px}.header-actions .button{padding-inline:12px}.hero{min-height:570px}.hero h1{font-size:44px}.hero-actions{gap:20px}.hero-actions .text-link{gap:7px}.section-heading h2{font-size:28px}.practice-visual{height:350px}.brand-name{font-size:30px}.closing-content h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}.section-heading>p,.practice-item [role=tabpanel]>p,.course-copy>p,.everyday-copy>p,.questions-heading>p,.question-list details>p{font-size:16px}.mode-names{font-size:13px}.practice-specimen .specimen-caption span:last-child,.practice-specimen .specimen-bottom{font-size:12px}@media(max-width:650px){.hero-content>p{font-size:16px}.hero-actions .button{gap:18px}.section-heading>p,.practice-item [role=tabpanel]>p,.course-copy>p,.everyday-copy>p,.questions-heading>p,.question-list details>p{font-size:16px}.experience-section .piano-demo{padding:12px 0}.experience-section .piano-demo__caption{display:none}.experience-section .piano-demo__toolbar{justify-content:flex-end}.experience-footnote{font-size:13px}.closing-content p{font-size:16px}}@media(min-width:651px)and (max-width:900px){.practice-photo:first-child{object-position:18% 50%}.everyday-photo img{object-position:23% 50%}}@media(max-width:650px){.practice-photo:first-child{object-position:30% 50%}}