@font-face{font-family:'Noto Music';src:url('assets/NotoMusic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f7f4eb;--ink:#233236;--muted:#566363;--rust:#a4422b;--peach:#edb49d;--rule:#d1d0c5;--white:#fffdf7;--green:#315b48;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{max-width:100%;display:block}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-name,.footer-brand{font-family:'DM Sans',sans-serif;font-weight:500}h1,h2{letter-spacing:-.045em}em{font-style:normal;color:var(--rust)}p{line-height:1.65}a:hover .activity-detail{text-decoration:underline;text-underline-offset:4px}.wrap{width:min(1232px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--rule);gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:11px;width:44px;height:44px}.brand-name{font-size:30px;letter-spacing:-1px;line-height:1}.brand-by{font-family:'DM Sans',sans-serif;font-size:10px;display:block;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.site-header nav>a{padding-block:12px}.site-header nav>a:hover{text-decoration:underline;text-underline-offset:5px}.site-header .nav-open{border-bottom:1px solid var(--ink);display:flex;gap:24px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6}.hero{padding-top:72px;display:grid;grid-template-columns:1.05fr 1fr;column-gap:68px}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}.little-line{width:24px;height:2px;background:var(--rust)}h1{font-size:clamp(64px,6.7vw,96px);line-height:1.02}.hero-intro{font-size:17px;max-width:380px;margin-top:28px;line-height:1.65;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:54px;padding:16px 23px;background:var(--rust);color:var(--white);font-size:14px;font-weight:500;border:1px solid var(--rust);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#86351f;transform:translateY(-2px)}.button>span{font-size:20px;line-height:1}.hero .button{margin-top:29px}.small-note{font-size:11px;color:var(--muted);margin-top:12px}.hero-example{padding-top:37px;position:relative}.example-overline{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.3px;font-size:9px;font-weight:500;margin-bottom:17px;color:var(--muted)}.sample{background:var(--white);padding:28px;border:1px solid #c5c8bf;box-shadow:7px 9px 0 #e7e5db;border-radius:3px;min-height:357px;transform:rotate(-1.4deg);position:relative}.sample:before{content:'';position:absolute;width:62px;height:19px;background:#d8c5a482;left:42%;top:-11px;transform:rotate(2deg)}.sample-top{display:flex;justify-content:space-between;font-size:10px}.sample-label{font-weight:600;color:var(--rust);text-transform:uppercase;letter-spacing:1.5px}.sample-count{color:var(--muted)}.sample-question{font-family:'DM Sans',sans-serif;font-size:24px;line-height:1.25;margin-top:26px;letter-spacing:-.6px;min-height:60px}.music-paper{width:100%;height:122px;margin:4px 0 18px;display:flex;align-items:center;justify-content:center}.music-paper svg{width:100%;max-width:400px;height:142px}.clef{font-family:'Noto Music',Georgia,serif;font-size:86px}.accidental{font-family:Georgia,serif;font-size:48px}.sample-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sample-answers button{min-height:45px;background:transparent;border:1px solid #bcc1b8;border-radius:3px;font-size:13px;transition:background .15s}.sample-answers button:hover{background:#efece2;border-color:var(--ink)}.sample-answers button.correct{background:var(--green);border-color:var(--green);color:#fff}.sample-answers button.incorrect{background:#fae8df;border-color:var(--rust)}.sample-answers button:disabled{cursor:default}.sample-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:13px}.sample-bottom p{font-size:11px;line-height:1.4;color:var(--muted)}.sample-bottom button{background:none;border:0;padding:8px 0;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.example-caption{font-family:'DM Sans',sans-serif;font-size:17px;margin-top:28px}.text-link{display:inline-flex;gap:19px;font-size:12px;color:var(--muted);margin-top:8px;border-bottom:1px solid var(--rule);padding-bottom:4px}.text-link:hover{color:var(--rust)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--rule);margin-top:70px;padding:20px 0 24px;font-size:11px;color:var(--muted)}.hero-foot>span{letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.hero-foot a{display:flex;gap:20px}.explore{margin-top:35px;background:#eeece2;padding:75px 0}.explore-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px}h2{font-size:clamp(36px,4vw,54px);line-height:1.12}.section-intro h2{margin-top:20px}.section-intro>p:not(.eyebrow){font-size:15px;max-width:305px;color:var(--muted);margin-top:22px}.audience-tabs{display:flex;margin-top:29px;gap:8px;flex-wrap:wrap}.audience-tabs button{padding:10px 16px;border:1px solid #c9ccc2;background:transparent;border-radius:2px;font-size:12px}.audience-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.audience-tabs button:hover{border-color:var(--ink)}.activity{display:grid;grid-template-columns:25px 1fr 18px;gap:14px;padding:25px 0;border-top:1px solid #c6c9bd}.activity-number{font-size:10px;color:var(--rust);padding-top:5px}.activity h3{font-size:23px;letter-spacing:-.6px}.activity p{font-size:13px;color:var(--muted);max-width:340px;margin-top:9px}.activity-detail{display:block;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:500;margin-top:14px}.activity>span:last-child{color:var(--muted);font-size:21px}.all-activities{border-top:1px solid #c6c9bd;display:flex;justify-content:space-between;font-size:12px;padding:22px 0 0}.all-activities:hover{color:var(--rust)}.look{padding-top:86px;padding-bottom:80px}.look-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.look-heading h2{margin-top:17px}.look-heading>p{font-size:13px;color:var(--muted)}.product-view{border:1px solid #b7beb7;border-radius:5px;overflow:hidden;background:#f9f5e8}.view-top{height:39px;background:#e7e8de;border-bottom:1px solid #c1c7bf;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#53615e}.window-dots{display:flex;gap:5px;min-width:57px}.window-dots i{width:6px;height:6px;background:#a6b0a7;border-radius:50%}.view-tag{font-size:8px;text-transform:uppercase;letter-spacing:1px}.screenshot-window{height:clamp(220px,40vw,488px);overflow:hidden}.screenshot-window img{width:100%;height:auto;max-width:none}.look-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:18px}.view-buttons{display:flex;gap:25px}.view-buttons button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:10px;color:var(--muted)}.view-buttons button span{font-size:12px;margin-left:7px}.view-buttons button[aria-pressed=true]{border-bottom-color:var(--rust);color:var(--rust)}.look-bottom>p{font-size:11px;color:var(--muted);text-align:right;max-width:360px}.teachers{background:var(--ink);color:var(--paper);padding:83px 0 88px}.teacher-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.teachers .eyebrow{color:var(--peach)}.teachers h2{font-size:clamp(44px,5vw,66px);line-height:1.07;margin-top:23px}.teachers em{color:var(--peach)}.teacher-note{font-size:15px;color:#bdc7c3;margin-top:24px}.teacher-copy{padding-top:10px}.teacher-lead{font-size:19px;line-height:1.6}.teacher-steps{margin:28px 0 29px}.teacher-steps>div{display:flex;gap:17px;border-top:1px solid #ffffff25;padding:18px 0}.teacher-steps>div>span{font-size:9px;color:var(--peach);padding-top:5px}.teacher-steps p{font-size:13px;color:#c1ceca}.teacher-steps strong{font-weight:500;color:var(--paper)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:#e6dec9}.teacher-fine{font-size:10px;margin-top:15px;color:#c1ceca}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px;padding-top:93px;padding-bottom:87px;border-bottom:1px solid var(--rule)}.story-label img{width:64px;height:64px;border-radius:14px;margin-bottom:22px}.story-label .eyebrow{color:var(--muted);font-size:9px;line-height:1.9}.story h2{font-size:41px;line-height:1.15}.story-copy>p{font-size:15px;color:var(--muted);margin-top:23px;max-width:470px}.story-copy>p+p{margin-top:15px}.byline{display:flex;flex-direction:column;margin-top:27px;gap:5px}.byline span:first-child{font-family:'DM Sans',sans-serif;font-size:19px}.byline span:last-child{font-size:10px;color:var(--muted)}.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px;padding-top:75px;padding-bottom:80px}.questions h2{font-size:36px;margin-top:18px}.faq-list details{border-top:1px solid var(--rule)}.faq-list details:last-child{border-bottom:1px solid var(--rule)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:13px;cursor:pointer;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:13px;color:var(--muted);margin:0 24px 20px 0;line-height:1.7}details>p a{text-decoration:underline;text-underline-offset:3px}.closing{border-top:1px solid var(--rule);padding-top:61px;padding-bottom:68px;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:50px;line-height:1.12;margin-top:17px}.closing .small-note{text-align:center}.footer{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;align-items:center;gap:23px;padding-top:31px;padding-bottom:26px}.footer-brand{font-size:27px;letter-spacing:-.8px}.footer p{font-size:11px;color:var(--muted);margin-top:8px}.footer p a{text-decoration:underline;text-underline-offset:3px}.footer nav{display:flex;gap:25px;font-size:11px}.footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.copyright{font-size:9px;color:var(--muted);grid-column:1/-1;margin-top:14px}
@media(min-width:1550px){.hero{padding-top:85px}.hero-example{padding-top:37px}.hero-foot{margin-top:80px}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.site-header nav{gap:22px;font-size:12px}.hero{column-gap:38px;padding-top:55px}h1{font-size:70px}.hero-example{padding-top:27px}.sample{padding:22px}.sample-question{font-size:23px}.explore-layout,.teacher-layout,.story,.questions{gap:55px}.sample-answers{gap:5px}.look-bottom>p{max-width:250px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:89px;gap:12px}.brand img{width:36px;height:36px;border-radius:9px}.brand{gap:9px}.brand-name{font-size:25px}.brand-by{font-size:8px;letter-spacing:.8px}.site-header nav>a:not(.nav-open){display:none}.site-header .nav-open{font-size:11px;gap:12px;padding-block:9px}.hero{padding-top:43px;grid-template-columns:1fr;gap:0}.hero-copy .eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(61px,11vw,83px);line-height:1.04}.hero-intro{font-size:16px;margin-top:23px;max-width:430px}.hero .button{margin-top:24px}.hero-example{margin-top:43px;padding:0 4px}.example-overline{font-size:8px;margin-bottom:16px}.sample{padding:24px 21px;min-height:350px;transform:rotate(-.8deg)}.sample-question{font-size:25px;min-height:58px;margin-top:24px}.music-paper{height:105px}.sample-answers button{font-size:13px}.sample-bottom p{font-size:11px}.example-caption{margin-top:24px;font-size:16px}.hero-foot{margin-top:35px;padding:19px 0;font-size:10px;gap:15px;align-items:center}.hero-foot>span{font-size:8px;letter-spacing:.8px}.hero-foot a{gap:8px}.explore{margin-top:20px;padding:48px 0 36px}.explore-layout,.teacher-layout,.story,.questions{grid-template-columns:1fr;gap:35px}h2{font-size:39px}.section-intro h2{margin-top:15px}.section-intro h2 br{display:none}.section-intro>p:not(.eyebrow){max-width:400px;margin-top:18px}.audience-tabs{margin-top:23px}.activity{padding:22px 0}.activity h3{font-size:24px}.activity p{font-size:13px;max-width:none}.look{padding-top:52px;padding-bottom:48px}.look-heading{display:block;margin-bottom:24px}.look-heading h2{font-size:36px}.look-heading>p{margin-top:15px}.look-heading>p br{display:none}.view-top{padding:0 10px;font-size:9px;height:32px}.view-tag{display:none}.screenshot-window{height:clamp(205px,53vw,340px)}.screenshot-window img{width:115%;transform:translateX(-6.5%)}.look-bottom{display:block;padding-top:8px}.view-buttons{gap:25px}.look-bottom>p{text-align:left;max-width:none;margin-top:10px;font-size:11px;min-height:36px}.teachers{padding:52px 0}.teachers h2{font-size:52px;line-height:1.05}.teacher-note{margin-top:22px;font-size:14px}.teacher-copy{padding-top:0}.teacher-lead{font-size:18px}.teacher-steps{margin-top:25px}.teacher-steps p{font-size:13px}.story{padding-top:54px;padding-bottom:51px;gap:30px}.story-label{display:flex;gap:17px;align-items:center}.story-label img{width:48px;height:48px;border-radius:11px;margin:0}.story-label .eyebrow{font-size:8px}.story h2{font-size:34px}.story h2 br{display:none}.story-copy>p{font-size:14px;margin-top:21px}.questions{padding-top:48px;padding-bottom:45px;gap:28px}.questions h2{font-size:34px}.questions .eyebrow{font-size:9px}summary{font-size:13px;padding:20px 0}.closing{padding-top:44px;padding-bottom:45px;display:block}.closing h2{font-size:43px;margin-top:18px}.closing>div:last-child{margin-top:28px}.closing .small-note{text-align:left}.footer{padding-top:28px;gap:23px;grid-template-columns:1fr}.footer nav{gap:25px}.copyright{margin-top:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Current owner direction: no Fraunces. DM Sans is used throughout the page;
   the final replacement heading family has not yet been recovered. */
.director-plans{padding-top:80px;padding-bottom:68px;border-bottom:1px solid var(--rule)}
.plans-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.plans-heading h2{margin-top:18px}.plans-heading>p{font-size:15px;color:var(--muted);max-width:450px}.plan-status{display:flex;align-items:center;gap:15px;margin-top:35px;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:12px;color:var(--muted)}.plan-status>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--rust);white-space:nowrap}.plans-list{display:grid;grid-template-columns:1fr 1fr;column-gap:72px}.plans-list article{display:grid;grid-template-columns:23px 1fr;gap:14px;padding:28px 0;border-bottom:1px solid var(--rule)}.plans-number{font-size:10px;color:var(--rust);padding-top:4px}.plans-list h3{font-size:21px;letter-spacing:-.5px;line-height:1.3}.plans-list p{font-size:13px;color:var(--muted);margin-top:12px}.plans-list .plans-detail{font-size:10px;font-weight:500;color:var(--ink)}.plans-list article:last-child{grid-column:1/-1;max-width:720px}.plans-foot{margin-top:25px;max-width:760px}.plans-foot>p{font-size:12px;color:var(--muted)}.plans-foot .text-link{margin-top:17px}.teacher-fine a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.director-plans{padding-top:49px;padding-bottom:45px}.plans-heading,.plans-list{grid-template-columns:1fr;gap:23px}.plans-heading h2{font-size:36px}.plans-heading>p{font-size:14px}.plan-status{align-items:flex-start;font-size:11px;gap:13px;margin-top:25px}.plans-list{gap:0}.plans-list article{padding:24px 0}.plans-list h3{font-size:21px}.plans-list article:last-child{grid-column:auto}.plans-foot>p{font-size:11px}}
