@import url('./nauka/roll-19.css');
/* Quiet movement, clear navigation, generous space. */
.welcome-header>.site-width{gap:20px;flex-wrap:wrap;min-height:100px}.welcome-header nav{gap:24px;font-size:13px;flex:1;justify-content:flex-end}.welcome-header .primary{font-size:12px;padding:12px 16px;white-space:nowrap}.site-search-toggle{width:42px;height:42px;flex:0 0 42px;padding:9px;display:grid;place-items:center;border:1px solid #d9d8d1;border-radius:50%;background:white;color:#222}.site-search-toggle svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}.site-search-toggle:hover{background:#efeee9}.welcome-header nav a{white-space:nowrap}.public-directory>a{isolation:isolate}.editorial-directory .public-directory>a,.editorial-directory .public-directory>a:first-child{padding:32px 28px;min-width:0;background:transparent;overflow:hidden}.editorial-directory .public-directory>a:hover{background:transparent}.public-directory>a:before{content:'';position:absolute;inset:10px 9px;z-index:-1;background:#eae8df;border-radius:2px;opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s}.public-directory>a:hover:before,.public-directory>a:focus-visible:before{opacity:1;transform:scale(1)}.public-directory>a b{transition:transform .2s}.public-directory>a:hover b{transform:translate(6px,-3px)}.public-directory a:hover h2{text-decoration:none}
.sound-discovery{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;padding-top:25px;padding-bottom:90px}.discovery-copy>p:not(.welcome-kicker){font-size:16px;color:#666;max-width:400px}.discovery-facts{list-style:none;margin:28px 0;padding:0;line-height:2.4;font-size:14px}.discovery-facts span{font-size:11px;letter-spacing:1px;color:#888;margin-right:20px}.path-discovery{padding-bottom:90px;border-top:1px solid #dedcd4;padding-top:60px}.path-discovery h2{font-size:38px}.path-choices{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.path-choices button{background:white;border:1px solid #bdbbb2;color:#333;border-radius:100px;font-size:14px;padding:12px 21px}.path-choices button[aria-pressed=true]{background:#222;color:#fff;border-color:#222}.discovery-result{background:#f3f2ed;padding:30px;display:flex;gap:35px;justify-content:space-between;align-items:center;min-height:150px}.discovery-result h3{font-size:22px;margin:0 0 8px}.discovery-result p{font-size:14px;color:#666;max-width:600px;margin:0}.discovery-result a{white-space:nowrap;font-size:13px}
.music-demo{background:#101216;color:#eee;border:1px solid #34353a;border-radius:7px;min-width:0;padding:20px 20px 12px;box-shadow:0 18px 45px #00000017}.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.demo-topline>span{font-size:10px;letter-spacing:1.2px;color:#bdb9b2}.demo-view-switch{display:flex;padding:3px;background:#25272d;border-radius:30px}.demo-view-switch button{font-size:11px;padding:5px 12px;border:0;border-radius:20px;background:none;color:#bbb}.demo-view-switch button[aria-pressed=true]{background:#efe2d0;color:#222}.music-demo .piano-roll{min-width:0!important;height:260px;border-radius:4px 4px 0 0}.music-demo .falling-note{font-family:var(--display);font-size:10px}.music-demo .mini-keys{display:flex;position:relative;height:94px;margin-top:0;background:#111;border-top:8px solid #1c1d22}.mini-keys button{touch-action:manipulation;font-size:11px;padding:0 0 10px}.mini-white{flex:1;min-width:0;display:flex;align-items:end;justify-content:center;background:linear-gradient(90deg,#dddfe4,#fff 16%,#fff 75%,#d5d6dc);color:#666;border:0;border-right:1px solid #a0a1aa;border-bottom:6px solid #bec0c9;border-radius:0 0 3px 3px}.mini-black{position:absolute;z-index:2;top:0;height:62%;border:0;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#17181c,#474850 35%,#18191e);border-bottom:5px solid #08090c;box-shadow:2px 4px 3px #0006}.mini-white.played{background:linear-gradient(#ffdec5,#eaa77a)}.mini-black.played{background:#c48d6a}.mini-white.expected{box-shadow:inset 0 -4px #c68e66}.mini-white.mistake,.mini-black.mistake{background:#d38c87}.music-demo .preview-score{background:#f6f4ee;border-radius:4px;height:260px;margin:0}.music-demo .demo-status{font-size:12px;color:#cbc7c1;min-height:42px;line-height:1.6;margin:16px 0 10px}.music-demo .demo-status.is-error{color:#f3b1a9}.demo-bottomline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#aaa}.demo-bottomline button{background:transparent;border:0;color:#ddd;font-size:11px;padding:5px 0}.demo-progress{height:2px;background:#3a3b40;margin:12px 0 0}.demo-progress span{display:block;height:100%;background:#e3b790;transition:width .25s}.demo-audio{color:#bfbab2;display:flex;gap:6px;align-items:center;font-size:10px}.demo-audio input{accent-color:#d0a17a}.lesson-gallery .lesson-screen-dark{grid-template-columns:1.4fr 1fr;background:#17191c}.lesson-screen-dark .music-demo{box-shadow:none}.lesson-screen-dark h2{color:white}
.stay-tuned{padding:40px 0;background:white}.stay-card{position:relative;overflow:hidden;border-radius:8px;background:#161718;color:#f7f5ef;padding:50px 55px;isolation:isolate}.stay-card>div{position:relative;z-index:2;max-width:620px}.stay-card .welcome-kicker{color:#b7ad9e;font-size:10px}.stay-card h2{font:400 clamp(29px,3vw,43px)/1.15 Georgia,serif;letter-spacing:-1px}.stay-card p:not(.welcome-kicker){color:#c4c2bc;font-size:14px;max-width:420px;margin:18px 0 23px}.stay-staff{position:absolute;right:-15px;top:5px;width:41%;height:100%;color:#bfae94;opacity:.7;z-index:0}.stay-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#161718 0,#161718 35%,transparent 80%);z-index:1;pointer-events:none}.stay-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.light-button{display:inline-flex;background:#e9dcc9;color:#24221f;padding:12px 18px;border-radius:2px;text-decoration:none;font-size:12px;font-weight:600}.light-button:hover{background:#fff0d9}.newsletter-info{background:none;border:0;border-bottom:1px solid #716d65;color:#d2c8b9;font-size:11px;padding:10px 0}.stay-card .newsletter-status{font-size:12px!important;padding-left:13px;border-left:1px solid #9e917b;margin-bottom:0!important}
.resource-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center;padding-top:70px;padding-bottom:90px}.public-info-page .resource-hero h1,.public-info-page .team-intro h1{font-size:clamp(40px,5vw,70px);line-height:1.12;letter-spacing:-2.7px}.lead{font-size:17px;max-width:430px;color:#666;margin:28px 0}.resource-meta{font-size:11px;color:#777;margin-top:18px}.ebook-cover{display:flex;flex-direction:column;color:#20201f;text-decoration:none;position:relative;background:#ece8dc;aspect-ratio:3/4;padding:30px 30px 25px;border:1px solid #d2cbbb;border-left:7px solid #d1c8b7;max-width:370px;transform:rotate(3deg);box-shadow:12px 23px 45px #0002;transition:transform .3s}.ebook-cover:hover{transform:rotate(0deg)}.ebook-cover>span{font-size:8px;letter-spacing:1.3px}.ebook-cover>strong{font:400 clamp(38px,4.2vw,60px)/.98 Georgia,serif;letter-spacing:-2px;margin-top:36px}.ebook-cover>em{font-style:normal;font-size:12px;line-height:1.7;margin:18px 0 25px}.cover-keys{display:flex;height:95px;border-top:5px solid #222;position:relative;margin-top:auto}.cover-keys i{flex:1;background:#fff;border:1px solid #777;position:relative}.cover-keys i:not(:nth-child(3)):not(:nth-child(7)):after{content:'';position:absolute;left:75%;width:50%;height:62%;background:#222;z-index:2}.ebook-cover small{font-size:8px;letter-spacing:1px;margin-top:20px}.resource-inside{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:85px}.resource-topics article{border-top:1px solid #ccc;padding:23px 0}.resource-topics article>span{font-size:10px;letter-spacing:1px;color:#777}.resource-topics h3{font-size:22px;margin:12px 0}.resource-topics p{font-size:14px;color:#666;margin:0}.resource-strip{background:#eeede7;padding:50px 0}.resource-strip>.site-width{display:flex;justify-content:space-between;gap:25px;align-items:center}.resource-strip p{font:400 25px/1.5 Georgia,serif;margin:0}.resource-strip a{font-size:12px}
.team-intro{padding-top:70px;padding-bottom:55px}.team-lead{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px;max-width:920px}.team-lead p{font-size:16px;color:#666;margin:0}.team-list{padding-bottom:70px}.team-list article{display:flex;gap:40px;align-items:center;border-top:1px solid #d3d0c7;padding:34px 0}.person-initials{width:100px;height:110px;background:#eeeae0;color:#6b6559;display:grid;place-items:center;font:400 33px Georgia,serif}.team-list article:nth-child(2) .person-initials{background:#27282b;color:#e4dac7}.team-list article span{font-size:9px;color:#777;letter-spacing:1.5px}.team-list article h2{font-size:31px;margin-top:9px}.team-list article b{margin-left:auto;font:400 23px Georgia,serif;color:#b1ac9f}.team-note{padding-bottom:80px}.team-note h2{font-size:38px;margin-bottom:30px}
.site-search-dialog{padding:0;max-width:720px;width:calc(100% - 32px);max-height:85vh;border-radius:5px;background:#f9f8f3;border:1px solid #ccc;color:#222}.site-search-dialog::backdrop{background:#111a;backdrop-filter:blur(4px)}.search-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 0}.search-heading h2{font-size:24px;margin:0}.search-heading button{border:0;background:none;font-size:26px;padding:5px 9px}.search-field{display:block;margin:20px 28px 10px}.search-field span{display:block;font-size:12px;margin-bottom:9px}.search-field input{width:100%;padding:14px 16px;background:white;border:1px solid #a7a399;font-size:16px;min-height:48px}.search-count{font-size:11px;color:#777;margin:12px 28px}.search-results{padding:0 28px 25px;overflow:auto;max-height:53vh;list-style:none;margin:0}.search-results li{border-top:1px solid #d8d5cc}.search-results a{display:block;color:#222;padding:16px 0;text-decoration:none}.search-results a:hover strong{text-decoration:underline}.search-results span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777;display:block}.search-results strong{font-size:16px;font-weight:500;display:block;margin:5px 0}.search-results small{font-size:12px;color:#666;display:block}.search-empty{font-size:14px;padding:20px 0}
.reveal-ready{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal-ready.in-view{opacity:1;transform:none}
@media(max-width:1150px){.welcome-header nav{gap:16px;font-size:12px}.welcome-header>.site-width{gap:13px}.public-home-link{width:100%;margin-bottom:-10px}.sound-discovery{gap:35px}.resource-hero{gap:6%}.welcome-header nav{margin-left:0;justify-content:flex-start}}
@media(max-width:800px){.welcome-header>.site-width{padding-top:18px;padding-bottom:15px;gap:15px;min-height:0}.welcome-header .public-home-link{width:auto;margin:0 auto 0 0}.welcome-header nav{width:100%;flex:0 0 100%;order:4;justify-content:flex-start;flex-wrap:wrap;gap:0 20px;border:0;border-top:1px solid #ddd;font-size:12px;padding-top:8px;margin:0!important}.welcome-header nav a{padding:6px 0}.welcome-header-home>.site-width>.site-search-toggle{margin-left:auto}.welcome-header .primary{margin:0}.site-search-toggle{width:37px;height:37px;flex-basis:37px}.sound-discovery{grid-template-columns:1fr;padding-bottom:50px;gap:30px}.discovery-copy>p:not(.welcome-kicker){max-width:600px}.discovery-facts{display:none}.path-discovery{padding-top:40px;padding-bottom:50px}.path-discovery h2{font-size:30px}.discovery-result{display:block;padding:23px}.discovery-result a{display:inline-block;margin-top:20px}.path-choices{gap:8px}.path-choices button{font-size:12px;padding:10px 15px}.music-demo{padding:15px 12px 12px}.music-demo .piano-roll,.music-demo .preview-score{height:250px}.lesson-gallery .lesson-screen-dark{grid-template-columns:1fr}.stay-tuned{padding:25px 0}.stay-card{padding:32px 25px}.stay-card p:not(.welcome-kicker){max-width:330px;font-size:13px}.stay-staff{width:65%;right:-90px;opacity:.28}.stay-card:after{background:linear-gradient(90deg,#161718 0,#161718b0 55%,transparent)}.stay-actions{gap:12px}.stay-actions a{font-size:11px}.resource-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:60px;gap:45px}.public-info-page .resource-hero h1,.public-info-page .team-intro h1{font-size:43px;letter-spacing:-1.5px}.ebook-cover{max-width:300px;width:85%;justify-self:center;padding:25px}.ebook-cover>strong{font-size:47px}.resource-inside{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.resource-strip>.site-width{display:block}.resource-strip p{font-size:23px;margin-bottom:23px}.team-intro{padding-top:40px;padding-bottom:35px}.team-lead{grid-template-columns:1fr;gap:18px;margin-top:25px}.team-lead p{font-size:15px}.team-list{padding-bottom:40px}.team-list article{gap:20px;padding:25px 0}.person-initials{width:66px;height:78px;flex-shrink:0;font-size:24px}.team-list article h2{font-size:24px}.team-list article span{font-size:8px}.team-list article b{font-size:16px}.team-note h2{font-size:30px}.team-note{padding-bottom:50px}.editorial-directory .public-directory>a,.editorial-directory .public-directory>a:first-child{padding:26px 15px}.public-directory>a:before{inset:8px 0}.demo-topline{gap:7px}.demo-view-switch button{padding:5px 9px}.demo-topline>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.public-directory>a:before,.public-directory>a b,.ebook-cover,.demo-progress span{transition:none}.ebook-cover{transform:none}}

.ebook-cover.ebook-cover-photo{padding:0;border:0;border-left:4px solid #333;aspect-ratio:595.28/841.89}.ebook-cover-photo img{display:block;width:100%;height:auto}
.stay-staff{object-fit:contain;object-position:center;right:8px;width:42%;height:100%}@media(max-width:800px){.stay-staff{right:-35px;width:70%;opacity:.24}}