:root{--ink:#30224b;--purple:#482777;--orange:#ff9b45;--yellow:#ffcf4d;--blue:#0479a2;--paper:#fff;--soft:#f6f3fc;--line:#e3ddee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:1rem/1.65 'Trebuchet MS',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(2.5rem,4.2vw,4.3rem);margin-bottom:24px}h2{font-size:clamp(1.9rem,3vw,2.9rem);margin-bottom:20px}h3{font-size:1.25rem;letter-spacing:-.02em}h1 span{color:var(--purple)}p{margin-bottom:20px}.label{font-size:.875rem;letter-spacing:.1em;font-weight:800;color:var(--purple);margin-bottom:20px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.header{display:flex;align-items:center;justify-content:space-between;padding:6px 7%;gap:30px;border-bottom:1px solid var(--line);background:white}.logo{display:block;width:165px;flex-shrink:0}.logo img{display:block;width:100%;height:110px;object-fit:contain}nav{display:flex;gap:26px;align-items:center;font-weight:700;font-size:.95rem}nav a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--purple);color:white;border:2px solid var(--purple);padding:13px 24px;border-radius:12px;font-weight:800;line-height:1.4;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #30224b20}.button.small{padding:10px 17px;font-size:.9rem}.button.outline{background:transparent;color:var(--purple)}.buttons{display:flex;gap:14px;flex-wrap:wrap}.menu{border:2px solid var(--purple);background:white;color:var(--purple);border-radius:10px;padding:8px 15px;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:65px 7% 70px;align-items:center;background:#eafbfd}.hero-copy>p:not(.label){font-size:1.125rem;max-width:540px;color:#49405a}.hero-picture{position:relative;min-width:0;transform:rotate(2deg);margin-bottom:25px}.hero-picture>img{width:100%;height:auto;display:block;border:7px solid white;border-radius:30px;box-shadow:0 10px 0 #48277715}.picture-label{position:absolute;bottom:-23px;left:25px;padding:12px 22px;border-radius:12px;background:var(--yellow);font-weight:800;transform:rotate(-4deg);box-shadow:0 4px 0 #30224b20}.concept-strip{display:flex;justify-content:center;gap:5%;flex-wrap:wrap;background:var(--purple);color:white;font-size:.9rem;font-weight:800;letter-spacing:.09em;padding:23px 7%}.section{padding:75px 7%}.section-title{max-width:740px;margin-bottom:38px}.section-title>p:last-child{color:#5d536c;font-size:1.0625rem}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.book{border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.book-cover{padding:25px 22px;background:#eee5fc}.book-cover img{display:block;width:100%;height:auto;aspect-ratio:480/680;object-fit:contain;box-shadow:4px 6px 0 #30224b20;transition:transform .2s}.book-cover a:hover img{transform:rotate(-3deg)}.book.orange .book-cover{background:#ffe6d0}.book.blue .book-cover{background:#dcf3fc}.book.green .book-cover{background:#e8f3da}.book.pink .book-cover{background:#ffe4f0}.book-copy{padding:20px;flex:1;display:flex;flex-direction:column}.book-kicker{font-size:.8rem;color:#685979;font-weight:700;margin-bottom:8px}.book-copy h3{font-size:1.2rem;margin-bottom:12px}.book-copy p:not(.book-kicker){font-size:.95rem;color:#5d536c}.book-link{font-weight:800;font-size:.9rem;color:var(--purple);border-bottom:2px solid var(--orange);padding-bottom:3px;margin-top:auto;align-self:flex-start}.center{text-align:center;margin-top:38px}.play-section{background:var(--purple);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.play-section .label{color:var(--yellow)}.play-section h2 span{color:var(--yellow)}.play-section>div>p{max-width:520px}.weather-choice{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.weather{border:2px solid #ffffff70;border-radius:12px;padding:12px 24px;color:white;background:transparent;font-weight:800}.weather.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.example{background:white;color:var(--ink);padding:36px;border-radius:24px;box-shadow:8px 8px 0 #ffffff20;transform:rotate(-1deg)}.example-label{font-size:.875rem;font-weight:800;letter-spacing:.1em;color:var(--blue)}#weather-result{font-size:1.8rem;font-weight:800;line-height:1.35;min-height:2.7em}.example-note{font-size:1rem;margin:0;color:#685979}.pathways{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pathway{padding:40px;border-radius:25px;border:2px solid transparent;transition:transform .2s}.pathway:hover{transform:translateY(-4px);border-color:var(--purple)}.pathway p{max-width:430px}.yellow{background:#fff2be}.lavender{background:#efe6ff}.text-link{font-size:.95rem;color:var(--purple);font-weight:800;border-bottom:2px solid #ba9adc;padding-bottom:3px;display:inline-block}.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;background:#f8f7fb}.author-photo img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover;object-position:center 30%;border-radius:26px;box-shadow:-14px 14px 0 #ffcf4d}.author .lead{font-size:1.15rem;font-weight:700}.author p:not(.label){color:#5d536c}.updates{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eafbfd}.updates p:not(.label){max-width:500px}.updates h2{font-size:2.3rem}footer{padding:30px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;border-top:1px solid var(--line)}footer img{width:155px;height:110px;object-fit:contain}footer p{font-size:.875rem;color:#685979;margin-bottom:0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:.95rem;font-weight:bold}.copyright{font-size:.875rem;line-height:1.9}.page-intro{padding:65px 7%;border-bottom:1px solid var(--line)}.page-intro>p:not(.label){max-width:620px;font-size:1.125rem}.page-intro h1{max-width:800px}.coloring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.coloring-card{border:1px solid var(--line);border-radius:20px;overflow:hidden}.coloring-card>a{display:block;padding:25px;background:#f6f3fc}.coloring-card img{width:100%;height:auto;aspect-ratio:287/323;object-fit:contain;display:block;border:1px solid #e3ddee}.coloring-card>div{padding:22px}.code-along{background:#eafbfd;display:flex;justify-content:space-between;align-items:center;gap:35px}.code-along p{max-width:620px}.resource-banner{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:60px 7%;padding:35px;border:2px solid var(--purple);border-radius:22px}.resource-banner h2{font-size:1.8rem}.resource-banner p{margin-bottom:0}.classroom{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.classroom-note{background:#eafbfd;border-radius:24px;padding:35px}.classroom-note ul{margin:0;padding:0;list-style:none}.classroom-note li{padding:14px 0;border-bottom:1px solid #b9dce0}.classroom-note li:last-child{border:0}.classroom-note strong{display:block;font-size:1.15rem}.classroom-note span{color:#5d536c}.contact-note{font-size:.9rem;margin-top:15px;overflow-wrap:anywhere}.lesson-section{background:#f8f7fb}.grade-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.grade-filters[hidden]{display:none}.grade-filters button{border:2px solid #d3c6e8;background:white;color:var(--purple);font-weight:800;padding:10px 20px;border-radius:25px}.grade-filters button.active{background:var(--purple);color:white;border-color:var(--purple)}.lesson-count{font-size:.9rem;color:#685979}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson{background:white;border:1px solid var(--line);padding:25px;border-radius:18px}.lesson[hidden]{display:none}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.grade{font-size:.85rem;font-weight:bold;padding:4px 10px;background:#fff2be;border-radius:6px}.file-type{font-size:.85rem;font-weight:800;color:#685979}.lesson h3{margin-bottom:10px}.lesson p{font-size:.95rem;color:#685979}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.newsletter{padding:30px;background:#efe6ff;border-radius:20px;border:2px solid transparent}.newsletter:hover{border-color:var(--purple)}.newsletter h3{font-size:1.6rem}.sample-viewer{width:100%;height:750px;border:1px solid var(--line);border-radius:18px}.sample-pages{display:grid;grid-template-columns:1fr 1fr;gap:25px}.sample-pages img{width:100%;height:auto;box-shadow:0 2px 12px #30224b20}.sample-actions{margin-bottom:30px} @media(min-width:1600px){.section,.hero,.page-intro{padding-left:max(7%,calc((100vw - 1360px)/2));padding-right:max(7%,calc((100vw - 1360px)/2))}}@media(min-width:851px){.menu{display:none}}@media(max-width:1100px){nav{gap:18px;font-size:.9rem}.header{padding-left:5%;padding-right:5%}.book-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:35px}.hero h1{font-size:3.2rem}.coloring-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.header{flex-wrap:wrap;gap:10px;padding:5px 6%}.logo{width:145px}.logo img{height:90px}nav{width:100%;justify-content:center;flex-wrap:wrap;padding-bottom:16px;font-size:1rem}.js nav{display:none}.js nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 6% 60px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(2.4rem,6vw,3.3rem)}.hero-picture{max-width:600px;margin:0 auto;width:100%}.concept-strip{gap:16px 30px;font-size:.85rem}.section{padding:55px 6%}.play-section,.author,.classroom{grid-template-columns:1fr;gap:40px}.author-photo{max-width:430px}.pathways{gap:20px}.pathway{padding:28px}.pathway h2{font-size:2rem}.lesson-grid{grid-template-columns:repeat(2,1fr)}.updates,.code-along,.resource-banner{align-items:flex-start;flex-direction:column}.updates h2{font-size:2rem}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}.page-intro{padding:45px 6%}.example{padding:30px}}@media(max-width:550px){.book-grid,.coloring-grid,.pathways,.lesson-grid,.newsletter-grid,.sample-pages{grid-template-columns:1fr}.book{display:grid;grid-template-columns:40% 60%}.book-cover{padding:22px 15px;display:flex;align-items:center}.book-copy{padding:20px 18px}.hero-copy>p:not(.label){font-size:1rem}.buttons{gap:12px}.button{padding:12px 18px}.picture-label{font-size:.9rem;padding:9px 15px;left:18px}.concept-strip{justify-content:flex-start;gap:14px 25px}.section-title{margin-bottom:28px}.coloring-card>a{padding:25px 50px}.pathway h2{font-size:2.2rem}.resource-banner{margin:40px 6%;padding:28px}footer{grid-template-columns:1fr;gap:20px}.copyright{grid-column:auto}.sample-viewer{height:500px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.inquiry{border-top:1px solid var(--line)}.inquiry form{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:.95rem}.form-grid input,.form-grid textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #b9abc9;border-radius:10px;padding:12px;width:100%}.form-grid .wide{grid-column:1/-1}.checkbox{display:flex;align-items:flex-start;gap:10px;margin:24px 0;font-size:.95rem}.checkbox input{width:18px;height:18px;margin-top:5px}.form-note{font-size:.9rem;color:#685979;margin-top:15px}@media(max-width:550px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
