@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf')}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf');font-weight:700}@font-face{font-family:Tajawal;src:url('assets/Tajawal-ExtraBold.ttf');font-weight:900}@font-face{font-family:Nunito;src:url('assets/Nunito-Regular.ttf')}@font-face{font-family:Nunito;src:url('assets/Nunito-Bold.ttf');font-weight:700}@font-face{font-family:Nunito;src:url('assets/Nunito-Black.ttf');font-weight:900}
:root{--ink:#282828;--teal:#006e73;--turquoise:#16aaae;--yellow:#ffd044;--paper:#fff7d9;--font:Tajawal,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}html[lang=en]{--font:Nunito,Arial,sans-serif}body{margin:0;background:#fff;color:var(--ink);font:20px/1.6 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1312px;margin-inline:auto;padding-inline:56px}.header{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{flex:0 0 142px}.header nav{display:flex;gap:40px;font-weight:700;font-size:18px}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:6px}.language{border:0;background:none;padding:12px 0;font-size:17px;font-weight:700}.skip{position:absolute;inset-inline-start:20px;top:-80px;z-index:20;padding:10px 20px;background:#fff}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-top:18px;padding-bottom:70px}.hero-copy{padding-block:36px;max-width:560px}.location{font-size:19px;margin:0 0 22px;color:var(--teal);font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1.18;letter-spacing:0;margin-bottom:25px;color:var(--teal)}html[lang=en] h1{font-size:clamp(40px,4.4vw,60px);line-height:1.14;letter-spacing:-1.6px}.intro{font-size:21px;max-width:505px;line-height:1.8;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:57px;padding:13px 27px;border-radius:12px;font-weight:700;font-size:19px;border:0;transition:background .2s}.primary{background:var(--yellow);color:var(--ink)}.primary:hover{background:#f2bf20}.dark{background:var(--ink);color:#fff}.dark:hover{background:var(--teal)}.text-link{display:block;max-width:max-content;font-weight:700;margin-top:19px;text-decoration:underline;text-underline-offset:7px;font-size:17px}.hero-art{position:relative;max-width:490px;justify-self:center;width:100%;align-self:center}.hero-art>img{width:100%;max-height:570px;object-fit:contain}.cast-caption{display:flex;direction:ltr;justify-content:space-around;font-size:23px;font-weight:700;color:var(--teal);margin-top:-4px;padding-inline:70px}.level-section{background:var(--paper);padding-block:72px 66px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}h2{font-size:38px;line-height:1.3;font-weight:900;margin-bottom:22px}.section-intro h2{max-width:420px}.section-intro p{font-size:19px;max-width:500px}.level-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:32px}.level-choice{background:transparent;border:0;text-align:start;padding:10px 0;color:var(--ink)}.level-mark{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;width:max-content;min-width:110px;padding:8px 17px;background:var(--level);color:var(--level-ink);border-radius:14px;margin-bottom:23px;direction:ltr}.level-mark strong{font:900 33px Nunito,Arial,sans-serif}.dots{display:flex;flex-wrap:wrap;gap:4px;max-width:24px}.dots i{display:block;width:9px;height:9px;background:currentColor;border-radius:50%}.level-choice h3{font-size:23px;font-weight:900;margin-bottom:2px}.level-choice .ages{font-weight:700;font-size:18px;margin:3px 0 14px}.level-choice p{font-size:17px;line-height:1.65;margin-bottom:0}.level-choice:hover h3{text-decoration:underline;text-underline-offset:5px}.books-section{padding-top:85px;padding-bottom:93px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.collection-heading p{font-size:18px;margin-bottom:0}.all-books{background:none;border:0;font-weight:700;font-size:17px;padding:12px 0;text-decoration:underline;text-underline-offset:6px}.filter-status{font-size:16px;margin:22px 0 13px;color:var(--teal);min-height:26px}.book-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 48px}.book{min-width:0}.book-open{display:block;width:100%;padding:0;background:none;border:0;text-align:start;color:var(--ink)}.book-cover{padding:14px 19px 24px;background:#f8f8f6}.book-cover img{width:100%;aspect-ratio:210/297;object-fit:contain;box-shadow:5px 8px 14px #25221b16;transition:transform .2s}.book-open:hover img{transform:translateY(-5px)}.book h3{font-weight:900;font-size:24px;line-height:1.4;margin:20px 0 5px}.book-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:16px;margin:0}.meta-level{font-weight:700;color:var(--teal)}.sample-section{background:var(--yellow);padding-block:67px}.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.sample-visual{width:76%;max-width:330px;justify-self:center;transform:rotate(-4deg);box-shadow:9px 16px 22px #886c221c}.sample-visual img{width:100%}.sample-layout h2{font-size:44px}.sample-layout p{font-size:21px;line-height:1.8;max-width:470px}.sample-layout p.small,.small{font-size:15px;line-height:1.6;margin-top:17px}.about{padding-block:90px;display:grid;grid-template-columns:1fr 2fr;gap:85px}.about p{max-width:720px;font-size:19px}.about .about-lead{font-size:26px;line-height:1.8;font-weight:700}.availability{color:var(--teal);margin-top:27px}.footer{display:flex;align-items:center;gap:40px;padding-bottom:40px}.footer p{margin:0}.footer a{margin-inline-start:auto;font-size:17px}.footer img{width:115px}dialog{width:min(1140px,94vw);max-height:93vh;border:0;border-radius:16px;padding:24px 32px 32px;color:var(--ink);background:#fff;overflow:auto}dialog::backdrop{background:#112e32bd;backdrop-filter:blur(3px)}.dialog-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head p{margin:0;font-weight:700;color:var(--teal)}.close{border:0;background:#f2f2ef;border-radius:50%;font:30px Arial;width:46px;height:46px}.dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.reader{min-width:0}.reader img{max-height:64vh;width:100%;object-fit:contain;background:#fafafa}.reader-controls{display:flex;align-items:center;justify-content:center;gap:26px;direction:ltr;margin-top:20px}.reader-controls button{width:48px;height:44px;border:0;background:var(--paper);border-radius:9px;font-family:Arial}.reader-controls span{font:700 15px Nunito}.book-description h2{font-size:34px}.book-description p{font-size:18px}html[dir=rtl] .reader-controls{flex-direction:row-reverse}#dialog-age-note{font-size:15px}.hidden{display:none!important}
@media(max-width:950px){.wrap{padding-inline:32px}.header nav{gap:24px}.hero{gap:15px}h1{font-size:49px}.hero-copy .intro{font-size:19px}.hero-art>img{max-height:500px}.level-choices{gap:24px}.level-choice h3{font-size:21px}.book-shelf{gap:45px 28px}.book h3{font-size:21px}.sample-layout{gap:42px}.about{gap:40px}.dialog-body{gap:28px}}
@media(max-width:680px){body{font-size:18px}.wrap{padding-inline:22px}.header{min-height:105px;gap:18px;flex-wrap:wrap;padding-block:12px 18px}.brand{flex-basis:101px}.brand img{width:101px}.header nav{order:3;width:100%;justify-content:space-between;gap:15px;font-size:16px}.language{font-size:16px}.hero{grid-template-columns:1fr;gap:0;padding-top:12px;padding-bottom:47px}.hero-copy{padding-top:13px;padding-bottom:8px;max-width:none}.location{font-size:16px;margin-bottom:16px}h1,html[lang=en] h1{font-size:42px;line-height:1.2;letter-spacing:0}.intro{font-size:19px!important;line-height:1.75;max-width:none}.hero-art{max-width:355px;order:2;margin-top:13px}.hero-art>img{max-height:420px}.cast-caption{font-size:20px;padding-inline:63px}.button{font-size:18px;min-height:54px}.text-link{display:inline-block;margin-inline-start:15px;font-size:16px}.level-section{padding-block:46px}.section-intro{grid-template-columns:1fr;gap:2px}.section-intro h2{font-size:31px;margin-bottom:14px;max-width:none}.section-intro p{font-size:18px}.level-choices{grid-template-columns:1fr 1fr;gap:29px 24px;margin-top:17px}.level-mark{min-width:92px;min-height:59px;margin-bottom:14px}.level-choice h3{font-size:21px}.level-choice p{font-size:16px}.level-choice .ages{font-size:16px}.books-section{padding-block:50px 59px}.collection-heading{align-items:start}.collection-heading h2{font-size:33px}.collection-heading p{font-size:16px}.all-books{font-size:14px;min-width:92px}.book-shelf{grid-template-columns:1fr 1fr;gap:37px 18px}.book-cover{padding:9px 8px 14px}.book h3{font-size:20px;margin-top:14px}.book-meta{display:block;font-size:14px;line-height:1.7}.book-meta span{display:block}.sample-layout{grid-template-columns:1fr;gap:43px}.sample-section{padding-block:51px}.sample-visual{width:60%;max-width:230px}.sample-layout h2{font-size:34px}.sample-layout p{font-size:19px}.about{grid-template-columns:1fr;gap:0;padding-block:52px}.about h2{font-size:32px}.about .about-lead{font-size:23px}.about p{font-size:18px}.footer{gap:19px;padding-bottom:26px;flex-wrap:wrap}.footer img{width:94px}.footer p{font-size:16px}.footer a{font-size:15px}dialog{padding:18px;width:95vw;max-height:94vh}.dialog-body{grid-template-columns:1fr;gap:27px}.reader img{max-height:49vh}.dialog-head{margin-bottom:10px}.dialog-head p{font-size:15px}.reader-controls{margin-top:12px}.book-description h2{font-size:29px}.book-description p{font-size:17px}}
/* Composition recreated from assets/generated/website-target-v2.png. */
.header{min-height:118px}.hero{grid-template-areas:"copy art" "actions art";grid-template-rows:1fr auto;gap:0 55px;padding-top:14px;padding-bottom:48px;min-height:615px}.hero-copy{grid-area:copy;align-self:end;padding:0 0 14px}.hero-actions{grid-area:actions;align-self:start;padding-bottom:60px}.hero h1{color:var(--ink);font-size:clamp(52px,5.7vw,78px);line-height:1.18;margin-bottom:24px}.hero .intro{font-size:24px;line-height:1.6;margin-bottom:12px}.hero-art{grid-area:art;position:relative;width:100%;max-width:530px;height:555px;direction:ltr;align-self:center}.hero-art .hero-page{position:absolute;width:57%;height:auto;max-height:none;top:65px;right:0;transform:rotate(10deg);box-shadow:1px 3px 14px #25221b20;background:#fff}.hero-art .hero-cover{position:absolute;width:68%;height:auto;max-height:none;top:9px;left:4%;transform:rotate(-5deg);box-shadow:3px 10px 18px #25221b2b}.primary{background:var(--teal);color:#fff;border-radius:36px;padding-inline:38px;min-width:225px}.primary:hover{background:#00565a}.hero-actions .text-link{color:var(--teal);text-decoration:none;text-align:center;min-width:225px}.hero-actions .text-link:hover{text-decoration:underline}.level-section{background:var(--yellow);padding-block:45px 43px}.section-intro{gap:60px}.section-intro h2{font-size:34px}.section-intro p{font-size:18px;margin-bottom:5px}.level-choices{margin-top:15px;gap:42px}.level-mark{border-radius:50%;width:83px;min-width:83px;height:83px;gap:8px;padding:10px;margin-bottom:15px;box-shadow:none}.level-mark strong{font-size:43px}.level-choice:first-child .level-mark{background:#fff4c7}.level-choice h3{font-size:22px}.level-choice .ages{font-size:19px;margin-bottom:10px}.level-choice p{font-size:16px;line-height:1.6}.book-cover{padding:0;background:none}.book-cover img{box-shadow:2px 4px 13px #25221b1b}.book-shelf{gap:56px 46px}.book h3{margin-top:20px}.books-section{padding-top:65px}.sample-section{background:#fff3c4}.sample-layout h2{font-size:40px}.about .about-lead{font-weight:700}.footer{padding-top:15px}
@media(max-width:950px){.hero{gap:0 25px;min-height:510px}.hero h1{font-size:53px}.hero .intro{font-size:20px}.hero-art{height:450px}.hero-actions{padding-bottom:38px}.level-choices{gap:25px}.level-mark{width:74px;min-width:74px;height:74px}.level-mark strong{font-size:38px}}
@media(max-width:680px){.header{min-height:92px;padding-bottom:7px}.header nav{font-size:15px;padding-top:4px}.hero{grid-template-columns:1fr;grid-template-areas:"copy" "art" "actions";grid-template-rows:auto auto auto;gap:0;padding-top:26px;padding-bottom:30px;min-height:0}.hero-copy{padding:0;text-align:center}.hero h1,html[lang=en] .hero h1{font-size:43px;line-height:1.16;margin-bottom:16px;letter-spacing:0}.hero .intro{font-size:19px!important;line-height:1.6;margin-bottom:0}.hero-art{order:initial;height:405px;max-width:380px;margin-top:24px}.hero-art .hero-cover{left:7%;top:10px;width:66%}.hero-art .hero-page{right:3%;top:52px;width:56%}.hero-actions{padding-bottom:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.hero-actions .primary{width:100%;max-width:390px}.hero-actions .text-link{margin:12px 0 0;font-size:16px}.level-section{padding-block:31px 30px}.section-intro{display:block}.section-intro h2{font-size:29px;margin-bottom:10px}.section-intro p{font-size:16px}.level-choices{grid-template-columns:1fr 1fr;gap:24px;margin-top:19px}.level-mark{width:68px;min-width:68px;height:68px;margin-bottom:11px}.level-mark strong{font-size:34px}.level-choice h3{font-size:21px}.level-choice .ages{font-size:17px}.level-choice p{font-size:15px}.books-section{padding-top:40px}.book-shelf{gap:34px 18px}.book-cover{padding:0}.book h3{font-size:19px;margin-top:13px}.sample-layout h2{font-size:34px}.footer{padding-top:0}}
@media(max-width:380px){.hero h1,html[lang=en] .hero h1{font-size:38px}.hero-art{height:365px}.hero .intro{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.book-open:hover img{transform:none}}
