@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Baloo;src:url('/assets/fonts/baloo-bhaijaan-2-arabic-800-normal.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{--cream:#fff8ee;--brown:#6b4226;--blue:#4a9bc9;--deep-blue:#1d5b7e;--sky:#b8e2f5;--pink:#f7c2ce;--yellow:#ffe18a;--muted:#70513e;--line:#e0cbb1;--white:#ffffff;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--brown);font-family:Baloo,system-ui,sans-serif;font-size:18px;line-height:1.65}html[lang=en] [data-l=ar],html[lang=ar] [data-l=en]{display:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:800}h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-2px}h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1px}h3{font-size:26px}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0;line-height:1.35}p+p{margin-top:16px}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--deep-blue);outline-offset:5px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{padding:22px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.1;font-weight:800;font-size:22px;white-space:nowrap}.brand img{width:48px;height:48px;border-radius:50%;border:2px solid #bfe3f5}.brand small{display:block;font-size:16px;color:var(--deep-blue);margin-top:4px}.nav{margin-inline-start:auto;display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;font-size:16px;font-weight:700}.nav a:hover,.nav a[aria-current=page]{color:var(--deep-blue)}.lang-button{border:1px solid var(--line);border-radius:99px;padding:7px 14px;background:transparent;font-weight:700;min-width:64px}.menu-button{display:none;border:0;background:transparent;color:var(--brown);padding:8px}.skip-link{position:absolute;top:-100px;left:20px;background:var(--white);z-index:100;padding:12px}.skip-link:focus{top:10px}.eyebrow{color:var(--deep-blue);font-size:14px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:block;margin-bottom:20px}html[lang=ar] .eyebrow{letter-spacing:0;font-size:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:36px 32px}.hero-copy h1{max-width:610px}.accent{color:var(--deep-blue)}.hero-copy>p{margin-top:24px;color:var(--muted);max-width:470px;font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--deep-blue);color:#fff;border:2px solid var(--deep-blue);padding:13px 24px;border-radius:99px;text-decoration:none;font-weight:700;font-size:17px;line-height:1.4;transition:transform .2s,background .2s}.button:hover{background:#194d6b;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--brown);border-color:var(--line)}.button.secondary:hover{background:var(--white)}.micro{font-size:14px;color:var(--muted);margin-top:15px}.hero-art{position:relative;min-height:530px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:22px 0 10px;background:var(--sky);border-radius:48% 48% 30% 30%;z-index:-1}.hero-art img{height:510px;width:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 18px 12px #6b422613)}.letter-bubble{position:absolute;width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:var(--yellow);font-size:46px;box-shadow:0 5px 0 #6b42260a;transform:rotate(-10deg)}.letter-bubble.one{top:65px;inset-inline-start:0}.letter-bubble.two{top:200px;inset-inline-end:-8px;background:var(--pink);transform:rotate(12deg)}.letter-bubble.three{bottom:40px;inset-inline-start:10px;background:#d7ebc9;border:1px solid #bdd8ac;transform:rotate(8deg)}.hello-note{position:absolute;bottom:16px;inset-inline-end:10px;background:var(--white);border:1px solid var(--line);padding:10px 20px;border-radius:18px;transform:rotate(-5deg);font-weight:700}.stats{display:flex;justify-content:space-around;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.stats strong{font-size:27px;display:block;line-height:1.2}.stats>div>span{font-size:15px;color:var(--muted)}.section{padding-block:48px}.section-heading{max-width:680px;margin-bottom:36px}.section-heading p{margin-top:16px;color:var(--muted);font-size:19px}.center{text-align:center;margin-inline:auto}.workbook-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.spread{position:relative;background:var(--sky);border-radius:var(--radius);padding:42px 28px 30px;display:flex;gap:16px;align-items:center}.spread img{width:100%;border-radius:8px;box-shadow:0 12px 24px #6b422622}.spread>a:first-child{transform:rotate(-5deg)}.spread>a:last-child{transform:rotate(5deg);margin-top:34px}.spread a{flex:1;min-width:0;transition:transform .2s}.spread a:hover{transform:rotate(0) scale(1.04)}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--sky);color:var(--deep-blue);padding:5px 13px;font-size:14px;font-weight:700;border-radius:99px;margin-bottom:20px}.feature-copy p{margin-top:20px;color:var(--muted)}.check-list{list-style:none;padding:0;margin-block:22px}.check-list li{position:relative;padding-inline-start:28px;margin-block:8px}.check-list li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--deep-blue);font-weight:800}.text-link{font-weight:700;color:var(--deep-blue)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.step-number{width:50px;height:50px;border-radius:17px;background:var(--sky);display:grid;place-items:center;font-size:26px;font-weight:800;margin-bottom:28px}.step:nth-child(2) .step-number{background:var(--yellow)}.step:nth-child(3) .step-number{background:var(--pink)}.step p{color:var(--muted);margin-top:14px}.blue-section{background:var(--sky);border-radius:40px;margin-inline:20px}.sample-banner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:30px;border-radius:var(--radius);background:var(--yellow)}.sample-banner h2{font-size:38px}.sample-banner p{margin-top:12px}.future{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.future>span{border:1px solid var(--line);border-radius:99px;padding:10px 22px;background:var(--white)}.about-strip{display:grid;grid-template-columns:180px 1fr;gap:45px;align-items:center;max-width:900px;margin:auto}.about-strip img{max-height:230px;object-fit:contain}.about-strip p{margin-top:20px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-block:38px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:14px;color:var(--muted)}.page-heading{padding-block:38px 24px;max-width:760px}.page-heading p{margin-top:20px;color:var(--muted);font-size:20px}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:22px}.product-hero{padding-top:20px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.product-hero h1{font-size:clamp(38px,4.5vw,60px)}.product-facts{display:flex;gap:10px;flex-wrap:wrap;margin-block:20px}.product-facts span{padding:6px 12px;border:1px solid var(--line);border-radius:12px;font-size:15px}.availability{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--white);margin-top:26px}.availability strong{display:block;font-size:21px}.availability p{font-size:16px;color:var(--muted);margin-top:6px}.availability .button{margin-top:18px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.preview-button{padding:0;border:0;background:transparent;text-align:start;color:var(--brown)}.preview-button img{border-radius:12px;box-shadow:0 5px 18px #6b422612;border:1px solid var(--line);transition:transform .2s}.preview-button:hover img{transform:translateY(-5px)}.preview-button span{display:block;margin-top:12px;font-size:16px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.info-box{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--white)}.info-box h3{margin-bottom:20px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:21px;font-weight:700;cursor:pointer}.faq details p{padding-top:16px;color:var(--muted)}.prose{max-width:800px;padding-bottom:75px}.prose h2{font-size:30px;margin-block:32px 14px}.prose p{color:var(--muted)}.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sample-layout h1{font-size:clamp(40px,4.7vw,65px)}.sample-layout>div>p{margin-top:22px;color:var(--muted)}dialog{border:0;border-radius:20px;padding:14px;background:var(--cream);width:min(720px,calc(100% - 24px));max-height:95vh}dialog::backdrop{background:#2b1a13bb}dialog img{max-height:80vh;width:auto;margin:auto}dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;font-size:16px}dialog button{background:var(--white);border:1px solid var(--line);border-radius:99px;width:40px;height:40px;font-size:24px;color:var(--brown)}.notice{margin-top:20px;font-size:15px;color:var(--muted)}
@media(min-width:1400px){.hero{padding-block:40px 32px}}
@media(max-width:950px){.nav{gap:16px}.hero{gap:28px}.hero-art{min-height:450px}.hero-art img{height:430px}.workbook-feature,.product-hero{gap:30px}.gallery{gap:14px}.sample-banner{padding:28px}.brand{font-size:19px}.nav a{font-size:15px}}
@media(max-width:720px){body{font-size:17px}.container{width:calc(100% - 36px)}.site-header{padding-block:14px}.header-inner{gap:12px;flex-wrap:wrap}.brand{font-size:19px}.brand img{width:42px;height:42px}.brand small{font-size:14px}.lang-button{margin-inline-start:auto;padding:5px 11px;font-size:15px}.menu-button{display:block}.nav{display:none;order:4;flex-basis:100%;margin:0;padding-block:12px 4px;justify-content:space-between}.site-header[data-open] .nav{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:28px;text-align:center}.hero-copy h1{font-size:49px;letter-spacing:-1.5px}.hero-copy>p{font-size:18px;margin-inline:auto}.hero .actions{justify-content:center}.hero-art{min-height:370px;max-width:400px;width:100%;margin:auto}.hero-art img{height:365px}.hero-art:before{inset:15px 12px 0}.letter-bubble{width:58px;height:58px;font-size:36px}.letter-bubble.one{top:35px}.letter-bubble.two{top:145px;inset-inline-end:0}.hello-note{bottom:0;font-size:16px}.stats{padding-block:20px;gap:12px}.stats strong{font-size:24px}.stats>div>span{font-size:13px}.section{padding-block:36px}.workbook-feature,.product-hero,.sample-layout,.two-columns{grid-template-columns:1fr;gap:30px}.workbook-feature .spread{order:2}.steps{grid-template-columns:1fr;gap:14px}.step{padding:24px}.step-number{margin-bottom:18px}.blue-section{margin-inline:8px;border-radius:28px}.sample-banner{grid-template-columns:1fr;padding:24px}.sample-banner h2{font-size:32px}.sample-banner .button{justify-self:start}.about-strip{grid-template-columns:1fr;gap:18px;text-align:center}.about-strip img{height:180px;margin:auto}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-links{gap:18px}.page-heading{padding-top:28px}.page-heading h1{font-size:46px}.product-hero .spread{order:2}.gallery{grid-template-columns:1fr 1fr;gap:24px 16px}.product-facts{gap:8px}.sample-layout .spread{order:2}.eyebrow{font-size:12px}.actions .button{font-size:16px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:720px){.lang-button,.menu-button{min-height:44px}.menu-button{min-width:44px}.nav a,.footer-links a{min-height:44px;display:flex;align-items:center}dialog button{width:44px;height:44px}}
/* Baloo's tall Alif sits above its line-box center; align its visible glyph. */
.letter-bubble.one > span{transform:translateY(.25em)}

/* Adjacent sections share a gap, with room for each story to breathe. */
.container > .section + .section{padding-block-start:24px}
.footer-links .social-link{display:inline-flex;align-items:center;gap:8px}
.social-link img{width:20px;height:20px;flex-shrink:0}
/* Listen with Arnoob: approved combined letter lessons. */
.listen-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;align-items:center;padding-block:24px}
.listen-intro>*{min-width:0}
.listen-arnoob{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}
.page-heading .listen-notice{font-size:17px;background:var(--sky);border-radius:18px;padding:16px 20px;color:var(--deep-blue)}
.letter-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.letter-card{text-align:center;border:1px solid var(--line);border-radius:24px;background:var(--white);padding:20px 12px}
.letter-card:nth-child(3n+1){background:var(--sky)}.letter-card:nth-child(3n+2){background:var(--yellow)}.letter-card:nth-child(3n){background:var(--pink)}
.listen-glyph{display:block;font-size:72px;font-weight:800;line-height:1.6}
.letter-play{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:14px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--white);color:var(--deep-blue);font-size:16px}
.letter-play:disabled{cursor:default}
.letter-status{font-size:14px;color:var(--deep-blue);margin-top:8px;min-height:1.65em}
.letter-play:hover:not(:disabled){border-color:var(--deep-blue)}
.letter-play[aria-pressed=true]{background:var(--deep-blue);color:var(--white);border-color:var(--deep-blue)}
.letter-play[data-audio-state=error]+.letter-status{color:var(--brown)}
.listen-page .section-heading{max-width:850px}
@media(max-width:950px){.letter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listen-intro{grid-template-columns:minmax(0,1fr) 160px}.listen-arnoob{height:220px}}
@media(max-width:720px){.listen-intro{grid-template-columns:minmax(0,1fr);gap:0;padding-block:0}.listen-arnoob{height:160px;margin:auto}.letter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.letter-card{padding:16px 8px}.listen-glyph{font-size:60px}.letter-play{font-size:15px;padding:8px 10px}.listen-page .page-heading h1{font-size:40px}.listen-alphabet{padding-top:24px}}

/* Stronger brand colour throughout the site, keeping the reading surface cream. */
.site-header{background:#fff0cd;border-bottom:3px solid var(--yellow)}
.site-footer{background:var(--sky);border-top:4px solid var(--blue)}
.button.secondary{background:var(--yellow);border-color:var(--yellow)}
.button.secondary:hover{background:#ffd56d;border-color:#ffd56d}
.lang-button{background:var(--white);border-color:var(--brown)}
.info-box:first-child{background:var(--sky)}.info-box:last-child{background:var(--pink)}
.step{border-top:5px solid var(--blue)}.step:nth-child(2){border-top-color:#d99300}.step:nth-child(3){border-top-color:#d74d7e}
.future>span:nth-child(3n+1){background:var(--sky)}.future>span:nth-child(3n+2){background:var(--yellow)}.future>span:nth-child(3n){background:var(--pink)}
.letter-card{border:0;box-shadow:0 4px 0 #6b42261a}
.letter-forms{margin-top:14px;border-top:1px solid #6b422640;padding-top:10px}
.letter-forms summary{cursor:pointer;min-height:44px;font-size:16px;font-weight:700;display:list-item;list-style-position:inside}
.forms-grid{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.forms-grid li{background:var(--cream);border-radius:12px;padding:6px 4px;min-width:0}
.form-glyph{display:block;font-size:38px;line-height:1.7;font-weight:800}
.form-label{display:block;font-size:12px;line-height:1.45;overflow-wrap:normal}

/* Tactile play controls with a distinct state for the current lesson. */
.letter-card{position:relative;transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 4px 0 #6b422614,0 8px 24px #6b422608}
.listen-glyph{transition:transform .2s ease}
.letter-play{min-height:54px;gap:10px;padding:8px 14px;border:1px solid #1d5b7e24;font-weight:700;box-shadow:0 3px 0 #1d5b7e18,0 4px 12px #1d5b7e0a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.play-control-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#4a9bc91c;direction:ltr;transition:background .18s ease}
.play-control-icon:before{content:"";display:block;width:13px;height:14px;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}
.letter-play[aria-pressed=true]{box-shadow:0 3px 0 #123d55,0 6px 16px #1d5b7e24}
.letter-play[aria-pressed=true] .play-control-icon{background:#ffffff24}
.letter-play[aria-pressed=true] .play-control-icon:before{width:11px;height:11px;clip-path:none;border-radius:2px}
.letter-card[data-audio-state=playing],.letter-card[data-audio-state=loading]{box-shadow:0 0 0 2px var(--deep-blue),0 10px 28px #1d5b7e18}
.letter-card[data-audio-state=playing] .listen-glyph{transform:scale(1.04)}
.letter-play[data-audio-state=loading] .play-control-icon:before{width:16px;height:16px;background:transparent;border:2px solid #ffffff60;border-top-color:var(--white);border-radius:50%;animation:audio-spinner .9s linear infinite}
.audio-bars{display:none;align-items:center;justify-content:center;gap:3px;width:15px;height:18px;flex:0 0 15px;direction:ltr}
.audio-bars i{display:block;width:3px;height:14px;background:currentColor;border-radius:3px;transform:scaleY(.5);animation:audio-wave .75s ease-in-out infinite alternate}
.audio-bars i:nth-child(2){animation-delay:-.4s}.audio-bars i:nth-child(3){animation-delay:-.2s}
.letter-play[data-audio-state=playing] .audio-bars{display:inline-flex}
@keyframes audio-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes audio-spinner{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.letter-play:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 0 #1d5b7e18,0 10px 20px #1d5b7e18}.letter-play[aria-pressed=true]:hover{box-shadow:0 6px 0 #123d55,0 10px 24px #1d5b7e24}}
.letter-play:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 1px 0 #1d5b7e18}
@media(max-width:720px){.letter-play{min-height:50px;gap:7px;padding:8px}.play-control-icon{width:28px;height:28px;flex-basis:28px}.audio-bars{width:13px;flex-basis:13px;gap:2px}}
@media(prefers-reduced-motion:reduce){.letter-play,.letter-card,.listen-glyph,.letter-card[data-audio-state=playing] .listen-glyph{transform:none!important}.audio-bars i{transform:scaleY(.65)}}

/* Website artwork: lightweight exports of the owner's enhanced illustrations. */
:root{--card-shadow:0 8px 28px #6b42260b}
.section{padding-block:64px}
.hero{padding-block:48px}
.page-heading{padding-block:48px 28px}
.step,.info-box,.availability,.spread,.sample-banner{border-radius:var(--radius);box-shadow:var(--card-shadow)}
.two-columns{gap:32px}
.artwork-card{background:var(--white);padding:20px;border:1px solid #6b42261a;border-radius:36px;box-shadow:var(--card-shadow);overflow:hidden;min-width:0}
.artwork-card img{width:100%;height:auto;border-radius:22px}
.workbook-page .artwork-card{border:12px solid #d9edf7;padding:12px}
.sample-page .artwork-card,.illustrated-banner .artwork-card{border:12px solid #fff0c3;padding:12px}
.meet-page .artwork-card,.about-strip .artwork-card{border:12px solid #fbe2e9;padding:12px}
.illustrated-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:48px 24px}
.illustrated-heading .page-heading{padding:0}
.product-hero,.sample-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.product-hero{padding-bottom:24px}
.launch-price{margin-top:24px;font-weight:700;font-size:23px;color:var(--deep-blue)}
.availability{margin-top:16px}
.product-facts>span{background:var(--white)}
.product-facts>span>span{border:0;padding:0}
.gallery{gap:24px}
.preview-button{background:var(--white);border:1px solid #6b422620;border-radius:var(--radius);padding:14px;box-shadow:var(--card-shadow);transition:box-shadow .2s ease}
.preview-button img{box-shadow:none;border-radius:12px}
.preview-button>span{padding:4px 2px;font-weight:700}
.preview-button>span>span{display:inline;margin:0}
.spread{gap:20px;padding:28px}
.spread>a:first-child,.spread>a:last-child{transform:none;margin-top:0}
.spread a:hover{transform:translateY(-3px)}
.spread img{border-radius:10px;box-shadow:0 6px 20px #6b42261a}
.illustrated-banner{grid-template-columns:150px minmax(0,1fr) auto;gap:28px;padding:32px}
.illustrated-banner .artwork-card{border-width:6px;padding:4px;border-radius:24px;box-shadow:none}
.illustrated-banner .artwork-card img{border-radius:16px}
.about-strip{grid-template-columns:240px minmax(0,1fr);max-width:1000px}
.about-strip .artwork-card img{max-height:none}
.meet-story{align-items:start;gap:48px}
.meet-story .prose{padding-bottom:0}
.meet-story .prose h2:first-child{margin-top:0}
.button{min-height:48px;box-shadow:0 4px 12px #1d5b7e12}
.button:active{transform:translateY(1px)}
.preview-button:hover{box-shadow:0 10px 30px #6b422614}
@media(max-width:950px){.illustrated-heading{gap:32px}.illustrated-banner{grid-template-columns:130px minmax(0,1fr)}.illustrated-banner>.button{grid-column:2;justify-self:start}.gallery{gap:16px}.preview-button{padding:10px}}
@media(max-width:720px){
  .section{padding-block:44px}
  .container>.section+.section{padding-block-start:16px}
  .hero{padding-block:32px 44px}
  .illustrated-heading,.product-hero,.sample-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .illustrated-heading{padding-block:32px 20px}
  .page-heading{padding-block:32px 24px}
  .artwork-card{width:100%;max-width:420px;margin-inline:auto;border-radius:28px;padding:12px}
  .workbook-page .artwork-card,.sample-page .artwork-card,.meet-page .artwork-card{border-width:8px;padding:8px}
  .gallery{gap:20px 12px}
  .preview-button{padding:8px;border-radius:18px}
  .preview-button>span{font-size:15px;line-height:1.5;margin-top:10px}
  .illustrated-banner{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
  .illustrated-banner .artwork-card{width:150px;margin:0}
  .illustrated-banner>.button{grid-column:auto}
  .about-strip{grid-template-columns:minmax(0,1fr);gap:24px}
  .about-strip .artwork-card{max-width:240px}
  .about-strip .artwork-card img{height:auto}
  .meet-story{gap:32px}
  .spread{padding:20px;gap:14px}
}
@media(prefers-reduced-motion:reduce){.button:active,.spread a:hover,.preview-button:hover img{transform:none}}

/* Current product previews in the Workbooks collection. */
.flashcards-collection-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.flashcards-collection-preview img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 5px 18px #6b422612}

/* Featured workbook and flashcards bundle uses the collection's card layout. */
.bundle-feature{background:var(--sky);border:3px solid var(--deep-blue);margin-top:32px}
.bundle-feature .bundle-badge{background:var(--yellow);color:var(--deep-blue)}
.bundle-feature>*{min-width:0}
.bundle-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--white)}
.bundle-preview img{width:100%;height:auto}
.bundle-feature .bundle-price{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;color:var(--deep-blue)}
.bundle-price strong{font-size:30px;font-weight:800}
.bundle-price .micro{font-size:17px;color:var(--muted)}
@media(max-width:720px){.bundle-feature{margin-top:24px}.bundle-feature .bundle-preview{order:2}.bundle-feature .bundle-price strong{font-size:27px}}