@theme { --color-primary:#31d190; --color-secondary:#f3d16c; --color-neutral:#142c25; --color-background:#fffdf6; --font-sans:"Open Sans",Arial,sans-serif; }

:root{--green:#31d190;--gold:#f3d16c;--ink:#142c25;--cream:#fffdf6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.8 'Open Sans',Arial,sans-serif}h1,h2,h3,nav,.button,.eyebrow{font-family:Montserrat,Arial,sans-serif}a{color:inherit}header{background:var(--green);padding:16px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px} .brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Montserrat;font-weight:800;line-height:1.2}.brand img{width:62px;height:62px;object-fit:contain}.brand small{display:block;font:10px Montserrat;letter-spacing:3px;margin-top:5px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.button{display:inline-flex;padding:13px 25px;background:var(--green);color:#102b22;font-size:13px;font-weight:800;text-decoration:none;border:1px solid transparent;align-items:center;justify-content:center;gap:24px}.button:hover{background:var(--gold)}.button.dark{background:var(--ink);color:white}.button.outline{background:transparent;border-color:#b8c9c1}.wrap{max-width:1160px;margin:auto;padding:0 30px}.hero{background:linear-gradient(115deg,#102b22,#174e3b 65%,#217655);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;min-height:610px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(40px,4.6vw,66px);line-height:1.08;letter-spacing:-2px;text-transform:uppercase;margin:24px 0}h1 span{color:var(--gold)}.hero p{max-width:480px;color:#e0ede6;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero .outline{color:white;border-color:#6c9984}.hero-note{font-size:11px!important;letter-spacing:1px}.book-stage{position:relative;text-align:center;padding:50px 0}.book-stage:before{content:'';position:absolute;background:var(--gold);width:390px;height:390px;border-radius:50%;top:80px;left:50%;transform:translateX(-50%)}.book-stage img{position:relative;width:285px;max-height:410px;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(15px 25px 15px #0005)}.caption{position:relative;background:white;color:var(--ink);padding:12px 20px;display:table;margin:22px auto 0;font:700 12px Montserrat}.strip{background:var(--gold)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px;font:700 12px Montserrat}.section{padding:85px 0}h2{font-size:clamp(28px,3vw,41px);line-height:1.2;letter-spacing:-1px;margin:17px 0 24px}h3{font-size:20px;line-height:1.3}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.intro p{max-width:430px;color:#57685f}.levels{background:var(--cream)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.level{padding:30px;border:1px solid #d8dfd8;background:white;position:relative}.number{font:800 49px Montserrat;color:#c4ead8}.level:nth-child(2) .number{color:#e4cf86}.level:nth-child(3) .number{color:#acc9bb}.level p{font-size:14px;color:#57685f}.text-link{font:700 12px Montserrat;text-underline-offset:6px}.teacher{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.portrait{background:#e5f8ee;padding:28px 30px 0;position:relative}.portrait img{display:block;width:100%;max-height:390px;object-fit:contain}.portrait-label{background:var(--gold);padding:12px 20px;font:700 13px Montserrat;position:absolute;bottom:20px;left:-15px}.teacher p{color:#57685f}.lessons{background:var(--ink);color:white}.lessons .intro p{color:#d2e4d9}.lesson-row{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;gap:24px;border-top:1px solid #416052;padding:26px 0}.lesson-row p{margin:0;color:#d2e4d9;font-size:14px}.lesson-row h3{margin:0}.lesson-row b{color:var(--gold);font:700 19px Montserrat}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid #dce4de;padding:20px 0}summary{cursor:pointer;font:700 15px/1.6 Montserrat}details p{font-size:14px;color:#57685f}.cta{background:var(--gold);padding:48px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;max-width:650px}footer{padding:35px 0;background:#f5f8f5;font-size:12px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.sample{font-size:11px;text-align:center;padding:9px;background:#fff7df;color:#514620}a:focus-visible,summary:focus-visible{outline:3px solid #b67b00;outline-offset:5px}@media(max-width:760px){header{padding:12px 20px}.brand{font-size:13px}.brand img{width:44px;height:44px}nav{gap:15px;font-size:11px}nav .button{display:none}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:38px}.hero h1{font-size:44px}.book-stage{padding:30px 0 40px}.book-stage:before{width:280px;height:280px;top:50px}.book-stage img{width:220px;max-height:310px}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:10px;gap:14px 24px}.section{padding:55px 0}.intro{display:block}.level-grid{grid-template-columns:1fr}.teacher,.faq{grid-template-columns:1fr;gap:35px}.lesson-row{grid-template-columns:40px 1fr}.lesson-row p{grid-column:2}.cta .wrap,.foot{align-items:start;flex-direction:column}.wrap{padding-left:24px;padding-right:24px}.portrait-label{left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav [aria-current=page]{color:#ffff00;text-decoration:none}.pagehero{background:var(--ink);color:white;padding:65px 0}.pagehero h1{font-size:clamp(38px,5vw,62px)}.pagehero p{max-width:690px;color:#dcece2}.breadcrumb{font-size:12px;color:#dcece2}.prose p{color:#57685f}.story-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.quote{font:700 25px/1.5 Montserrat;border-left:5px solid var(--green);padding-left:25px}.video-panel{background:var(--cream);padding:40px;border:1px solid #dfdfd3}.jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.jump-links a{background:var(--gold);color:var(--ink);text-decoration:none;padding:10px 18px;font:700 12px Montserrat}.course{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center;padding:45px 0;border-bottom:1px solid #dce4de}.course img{width:100%;max-height:270px;object-fit:contain;background:#f2f7f3}.course h3{font-size:26px}.course p{color:#57685f}.tag{font:700 11px Montserrat;letter-spacing:1.5px;color:#426d56}.group-heading{padding-top:35px}.course:target{outline:3px solid var(--gold);outline-offset:12px}.about-hero .teacher{gap:70px}.about-hero .portrait{max-width:420px}.about-hero p{color:#dcece2}.about-hero h1{font-size:clamp(38px,5vw,60px)}@media(max-width:760px){.story-grid,.course{grid-template-columns:1fr;gap:20px}.pagehero{padding:45px 0}.course{padding:35px 0}.course img{max-width:400px}.video-panel{padding:25px}header{flex-wrap:wrap;gap:15px}nav{width:100%;justify-content:space-between}.about-hero .teacher{gap:30px}}
.credit-footer{background:#31d190;color:#fff;text-align:center;padding:45px 20px;font-size:clamp(19px,3vw,36px);line-height:1.35;font-weight:400}.credit-footer a{color:#ffff00;text-decoration:none}.credit-footer a:hover{text-decoration:underline}.credit-footer a:focus-visible{outline-color:#142c25}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{background:#fff;border:1px solid #dce4de;display:flex;flex-direction:column}.card-copy{padding:26px;display:flex;flex-direction:column;flex:1}.card-copy h2{font-size:23px;letter-spacing:-.5px;line-height:1.35;margin:14px 0}.card-copy h2 a{text-decoration:none}.card-copy h2 a:hover{text-decoration:underline}.card-copy p{font-size:14px;color:#57685f;margin:0 0 22px}.card-copy .text-link{margin-top:auto}.meta{font:600 11px/1.8 Montserrat;color:#577262}.art{height:215px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;position:relative}.art.sounds{background:#dbf6e9}.sound-tile{font:700 54px Montserrat;background:white;color:#174e3b;width:70px;height:88px;display:grid;place-items:center;box-shadow:0 5px 0 #a9d8bf;transform:rotate(-7deg)}.sound-tile:nth-child(2){transform:rotate(5deg);background:var(--gold)}.sound-tile:nth-child(3){transform:rotate(-3deg)}.art.steps{background:#fff2c8;align-items:end;padding-bottom:38px;gap:5px}.step{width:48px;background:#23865e;color:white;display:flex;align-items:start;justify-content:center;padding-top:12px;font:700 14px Montserrat}.step:nth-child(2n){background:#1b5740}.art.talk{background:#e2eee8}.bubble{background:var(--green);padding:18px 22px;font:700 24px Montserrat;border-radius:20px 20px 3px 20px;transform:translateY(-20px)}.bubble:last-child{background:var(--gold);font-size:19px;transform:translate(-12px,25px);border-radius:20px 20px 20px 3px}.blog-note{background:var(--gold);padding:28px;margin-top:40px;font-size:14px}.article-hero{padding:55px 0;background:var(--ink);color:white}.article-hero h1{font-size:clamp(32px,4vw,53px);line-height:1.15;max-width:900px;text-transform:none;margin:22px 0;letter-spacing:-1.4px}.article-hero .deck{max-width:780px;color:#dcece2;font-size:18px}.article-hero .meta{color:var(--gold)}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:65px;align-items:start}.article-body h2{font-size:28px;margin:40px 0 18px;line-height:1.3}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{color:#41564b}.article-body a{color:#176645;text-underline-offset:4px}.article-body p{margin:0 0 20px}.article-body ul{padding-left:25px}.article-body li{margin-bottom:10px}.quick-answer{background:#e7f8ee;border-left:5px solid var(--green);padding:25px 28px;margin-bottom:40px}.quick-answer h2{font-size:16px!important;margin:0 0 12px!important}.quick-answer p{margin:0}.article-aside{position:sticky;top:25px;background:var(--cream);padding:25px;border:1px solid #e1e5da;font-size:13px}.article-aside h2{font-size:17px;margin:0 0 18px;letter-spacing:0}.article-aside ol{padding-left:18px}.article-aside li{margin-bottom:12px}.article-aside a{text-decoration:none}.article-aside a:hover{text-decoration:underline}.practice{background:#fff5d5;padding:24px;margin:25px 0;border-left:4px solid var(--gold)}.practice strong{font-family:Montserrat}.practice p{margin:10px 0 0}.table-scroll{overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #d7e2d9;padding:14px}th{background:#e7f8ee;font-family:Montserrat}td:first-child{font-weight:700;min-width:130px}.article-bottom{border-top:1px solid #dce4de;margin-top:35px;padding-top:25px;font-size:13px;color:#57685f}.related .blog-card .art{height:170px}nav{gap:24px}@media(max-width:960px){.blog-grid{grid-template-columns:1fr 1fr}.reading-layout{grid-template-columns:1fr;gap:30px}.article-aside{position:static;grid-row:1}.article-aside ol{display:flex;flex-wrap:wrap;gap:0 30px}.article-aside li{max-width:280px}.article-hero .deck{font-size:16px}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.article-body h2{font-size:24px}.article-hero{padding:35px 0}.quick-answer{padding:20px}.article-aside ol{display:block}.article-hero h1{letter-spacing:-.6px}.art{height:200px}nav{gap:18px}.blog-note{padding:22px}th,td{padding:10px}.sound-tile{font-size:48px}}

.skip-link{position:absolute;left:10px;top:-100px;z-index:9999;background:white;color:#142c25;padding:12px}.skip-link:focus{top:10px}.footer-links{font-size:13px;margin-top:20px}.credit-footer .footer-links a{color:white;text-decoration:underline}img{max-width:100%;height:auto}.article-body .practice strong{font-weight:700}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body table{margin-bottom:20px}

h1{font-weight:800;color:inherit}h2,h3{font-weight:700;color:inherit}p{padding-bottom:0}body{font-weight:400}.hero{color:#fff}.pagehero,.article-hero{color:#fff}