:root{--blue:#064caa;--navy:#092e79;--sky:#1dbaff;--pink:#ff3882;--orange:#ff8223;--gold:#ffcc26;--green:#1bae69;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#14346c;background:#fffdf7;font-family:Nunito,'Trebuchet MS',sans-serif}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:600}p{line-height:1.7}header{z-index:9;position:relative;background:#fffdf4;border-bottom:5px solid #fff;box-shadow:0 7px 22px #0356a718}.nav-inner{max-width:1180px;margin:auto;min-height:104px;padding:13px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;flex-shrink:0}.ribbon{display:inline-flex;align-items:center;gap:10px;padding:10px 19px 12px;background:#fff8df;border:3px solid white;outline:2px solid #e7c98e;border-radius:55% 55% 38% 38% / 29% 29% 36% 36%;box-shadow:0 5px 0 #c5a16660;color:#092e79;font:600 31px/1 Fredoka,'Trebuchet MS',sans-serif;transform:rotate(-1.5deg);white-space:nowrap}.tulip{height:33px;width:27px;flex-shrink:0}.ribbon .tulip:last-child{transform:scaleX(-1)}nav{display:flex;align-items:center;gap:25px;font-size:15px;font-weight:900}nav a{text-decoration:none;white-space:nowrap}nav a:hover{color:#ec2775}nav .covers-link{background:#ffe048;color:#092e79;border-radius:25px;padding:11px 20px;border:2px solid #f6c326;box-shadow:0 4px 0 #d5a71f}nav .covers-link:hover{background:#ffcf24;color:#092e79}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#08a3ff 0%,#57d2ff 70%,#c9f5ff 100%);border-bottom:9px solid #fff}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,#ffffff55 0 9%,transparent 10%),radial-gradient(circle at 57% 13%,#ffffff80 0 4%,transparent 4.5%);opacity:.6}.hero-inner{max-width:1210px;min-height:650px;margin:auto;padding:42px 32px 74px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:18px;position:relative;z-index:1}.hero-copy{z-index:3}.cloud-label{display:inline-block;background:white;padding:11px 22px;border-radius:45px;font-size:14px;font-weight:900;color:#1258a2;letter-spacing:.05em;box-shadow:0 6px 0 #bee6ff}.series-logo{display:block;width:min(100%,620px);margin:18px 0 16px;filter:drop-shadow(0 8px 0 #2c90d820)}.hero-tagline{font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:600;font-size:clamp(21px,2.3vw,29px);color:#fff;text-shadow:0 3px 0 #1064a5;margin-bottom:15px}.hero-sub{font-size:21px;font-weight:900;max-width:470px;color:#083f87;line-height:1.5;background:#ffffffd4;border-radius:24px;padding:16px 22px;border:3px solid #fff}.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.picture-circle{width:95%;height:94%;position:relative;overflow:hidden;border:13px solid white;box-shadow:0 12px 0 #026bbd52,0 26px 40px #074c9a35;border-radius:50% 44% 48% 42% / 45% 48% 45% 50%;transform:rotate(3deg)}.picture-circle img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.06) rotate(-3deg)}.petal{position:absolute;font-size:42px;color:#ffdd24;text-shadow:0 3px white}.petal.one{left:-1%;top:12%}.petal.two{right:2%;bottom:7%;color:#f7237c}.white-wave{position:absolute;bottom:-2px;height:55px;background:var(--white);width:100%;clip-path:polygon(0 55%,9% 33%,19% 55%,31% 27%,41% 52%,54% 24%,67% 55%,81% 29%,92% 55%,100% 34%,100% 100%,0 100%)}.container{max-width:1140px;margin:auto;padding:0 28px}.story-section{padding:100px 0}.story-grid{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:75px}.story-visual{position:relative}.story-visual img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover;border:11px solid #fff;border-radius:36px;box-shadow:0 15px 0 #ffc629,0 25px 45px #113e8428;transform:rotate(-3deg)}.story-visual .sticker{position:absolute;right:-20px;top:-15px;transform:rotate(9deg);padding:13px 17px;background:#ff3c86;border:4px solid white;border-radius:24px;color:white;font-family:Fredoka,sans-serif;font-size:18px;box-shadow:0 7px 15px #21366c33}.kicker{display:inline-block;font-weight:900;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#e62375;margin-bottom:14px}.section-title{font-size:clamp(36px,4.5vw,57px);line-height:1.09;color:#103e9d;letter-spacing:-1px;margin-bottom:24px}.story-content p{font-size:18px;color:#365277;max-width:635px;margin-bottom:15px}.story-content strong{color:#113b8d}.steps-section{background:#fff0b8;border-top:8px solid #ffd74c;border-bottom:8px solid #ffd74c;padding:84px 0 94px}.section-top{text-align:center;max-width:750px;margin:0 auto 42px}.section-top p{font-size:18px;color:#3a5273}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;text-align:center;background:#fff;padding:27px 19px 29px;border:4px solid #fff;border-radius:32px;box-shadow:0 10px 0 #e9c562,0 18px 23px #73581313}.step:nth-child(1){border-top:9px solid #f9377b}.step:nth-child(2){border-top:9px solid #13b9f5}.step:nth-child(3){border-top:9px solid #ff8b25}.step:nth-child(4){border-top:9px solid #20b573}.step-icon{display:grid;place-items:center;margin:0 auto 15px;width:95px;height:95px;border-radius:50%;background:#e6f5ff;font-size:53px}.step:nth-child(1) .step-icon{background:#ffe4ed}.step:nth-child(3) .step-icon{background:#fff0cb}.step:nth-child(4) .step-icon{background:#defbe8}.step-count{position:absolute;left:13px;top:12px;display:grid;place-items:center;background:#083e9c;color:white;border-radius:50%;width:28px;height:28px;font:700 17px Fredoka,sans-serif}.step h3{font-size:24px;color:#143c9a;margin-bottom:8px}.step p{font-size:15.5px;color:#465c7a}.covers-note{padding:86px 0;text-align:center;background:#fffdf7}.covers-note .section-title{margin-bottom:14px}.covers-note p{max-width:650px;margin:0 auto 25px;font-size:18px;color:#415c80}.gallery-cta{display:inline-block;background:#ffce26;color:#08377b;text-decoration:none;border:4px solid white;border-radius:50px;padding:14px 29px;font:600 22px Fredoka,sans-serif;box-shadow:0 7px 0 #e0ae24}.gallery-cta:hover{background:#ffde59}.closing{background:linear-gradient(180deg,#dcf7ff,#82dcff);text-align:center;padding:77px 0 84px;border-top:8px solid white}.closing h2{max-width:740px;margin:0 auto 18px}.closing p{max-width:700px;margin:auto;font-size:18px;color:#183f75}.closing .ribbon{margin-top:27px;font-size:26px}.closing .tulip{width:23px;height:30px}footer{text-align:center;padding:23px;background:#103b91;color:white;font-size:14px;font-weight:800}@media(max-width:950px){.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:61px}.story-grid{gap:35px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.nav-inner{flex-direction:column;padding:18px 15px;gap:19px}nav{gap:15px;justify-content:center;flex-wrap:wrap;font-size:13px}.ribbon{font-size:25px}.hero-inner{display:flex;flex-direction:column;min-height:0;padding:40px 18px 80px;gap:20px;text-align:center}.series-logo{width:min(100%,520px);margin:14px auto 12px}.hero-tagline{font-size:23px}.hero-sub{margin:auto;font-size:18px}.hero-art{height:370px;width:100%;max-width:450px}.container{padding:0 22px}.story-section{padding:64px 0}.story-grid{display:flex;flex-direction:column;gap:60px}.story-visual{max-width:420px;width:90%}.story-visual img{max-height:365px;aspect-ratio:1.2}.story-visual .sticker{font-size:14px}.story-content p{font-size:16.5px}.steps-section{padding:65px 0}.steps{grid-template-columns:1fr;max-width:470px;margin:auto}.section-title{font-size:38px}.covers-note{padding:67px 0}.closing{padding:70px 0}}
/* Joomla 6.1 responsive refinements */
html,body{overflow-x:clip}.hero-copy,.hero-art,.story-grid>*{min-width:0}
.series-logo{height:auto;max-width:100%;object-fit:contain}
.annie-content{max-width:1140px;margin:65px auto;padding:0 25px;min-height:42vh}
.annie-content h1,.annie-content h2{color:#103e9d}.annie-content img{max-width:100%;height:auto}
.cover-gallery{padding:55px 0 100px;background:#fffdf7}.cover-gallery h1{text-align:center;font-size:clamp(40px,6vw,65px);color:#123e98}
.continent h2{font-size:clamp(30px,4vw,44px);color:#143c91;margin:48px 0 24px}
.cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.cover-grid img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 9px 25px #133d7830}
.cover-intro{text-align:center;font-size:18px;color:#435c84;margin-top:10px}
a:focus-visible{outline:3px solid #e92875;outline-offset:5px}
@media(max-width:950px){.hero-inner{grid-template-columns:1fr 1fr;gap:8px}.series-logo{max-width:100%}.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:690px){.hero-inner{display:flex;flex-direction:column;gap:25px;padding:30px 15px 75px}.hero-art{height:330px}.series-logo{max-width:100%;width:min(100%,520px)}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cover-gallery{padding-top:35px}.cover-intro{font-size:16px}.nav-inner{min-height:0}nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.story-visual .sticker{right:-4px}}
@media(max-width:380px){.ribbon{font-size:21px;padding:8px 12px;gap:5px}.ribbon .tulip{width:20px;height:26px}.cloud-label{font-size:11px;padding:10px 13px}.hero-sub{font-size:16px}.hero-art{height:285px}.cover-grid{gap:10px}.section-title{font-size:33px}}

/* Series branding: responsive live text, not a cropped book-cover image */
.hero{isolation:isolate}.hero-inner{z-index:2}.hero-copy{position:relative;z-index:3}
.series-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:19px 0 15px;font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:700;letter-spacing:-.038em;line-height:1.15;filter:drop-shadow(0 5px 0 #0876be33)}
.series-heading>span{display:block;white-space:nowrap;background:#fff;border-radius:44px;padding:2px 15px 7px;box-shadow:0 4px 0 #ffffff75}
.series-heading .first-line{font-size:clamp(44px,5.15vw,76px);margin-left:9%}
.series-heading .second-line{font-size:clamp(29px,3.22vw,49px);margin-top:-2px}
.series-heading .r{color:#f71519}.series-heading .sky{color:#08a9f6}.series-heading .orange{color:#ff7d00}.series-heading .gold{color:#ffb500}.series-heading .deep{color:#053f9b}.series-heading .coral{color:#f51f16}.series-heading .green{color:#269b32}.series-heading .blue{color:#063dfb}.series-heading .purple{color:#7906df}
.cover-sun{position:absolute;width:128px;height:auto;right:max(16px,calc((100vw - 1210px)/2 + 25px));top:20px;z-index:3;pointer-events:none}
@media(max-width:950px){.series-heading .first-line{font-size:clamp(35px,5.3vw,53px)}.series-heading .second-line{font-size:clamp(24px,3.5vw,37px)}.cover-sun{width:88px;top:16px;right:12px}}
@media(max-width:690px){.series-heading{align-items:center}.series-heading .first-line{margin-left:0;font-size:clamp(40px,10vw,61px)}.series-heading .second-line{font-size:clamp(23px,6vw,39px)}.cover-sun{width:72px;right:6px;top:7px}.cloud-label{margin-top:55px}}
@media(max-width:380px){.series-heading .first-line{font-size:clamp(35px,9vw,42px)}.series-heading .second-line{font-size:clamp(21px,5.9vw,26px)}.series-heading>span{padding:3px 9px 6px}.cover-sun{width:63px}}

/* World series hero: imagery is original homepage artwork, not a book cover. */
.hero-world{padding:0!important;min-height:0!important;background:#049cf0!important;position:relative;overflow:hidden}
.hero-world::before,.hero-world::after{display:none!important}
.world-banner{display:block;width:100%;line-height:0}
.world-banner img{display:block;width:100%;height:auto;max-height:830px;object-fit:cover}
.mobile-sun,.world-mobile-scene{display:none}
.hero-a11y{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .hero-world{background:linear-gradient(#049cf0,#58cfff)!important}
 .world-banner{padding-top:20px}
 .world-banner img{width:100%;max-height:none;height:auto;display:block}
 .mobile-sun{display:block;position:absolute;top:14px;right:3%;width:19%;max-width:85px;z-index:2}
 .world-mobile-scene{display:block;padding:0 16px 30px;max-width:520px;margin:auto}
 .world-mobile-scene img{display:block;width:100%;max-height:365px;object-fit:cover;object-position:50% 44%;border:7px solid #fff;border-radius:25px;box-shadow:0 8px 0 #ffce26}
}

/* Version 1.3: preserve the same approved panorama at all viewport widths. */
.hero.hero-world{padding:0!important;margin:0;min-height:0!important;line-height:0;overflow:visible;background:#079ff0!important;}
.hero-world .world-hero-original{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center top;}
.hero-world .hero-a11y{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:700px){.hero.hero-world{padding:0!important;}.hero-world .world-hero-original{width:100%;max-width:100%;height:auto!important;object-fit:contain!important;}}

/* v1.4: preserve the desktop illustration and switch to the portrait composition on phones. */
.world-hero-picture{display:block;width:100%;line-height:0}
.world-hero-picture img{display:block;width:100%;height:auto}
@media(max-width:700px){.hero-world .world-hero-picture{width:100%;display:block}.hero-world .world-hero-picture img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}.story-visual img{object-position:center center}}

/* Version 1.6 — approved desktop/mobile mockup, no cover imagery on home */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.approved-hero{width:100%;background:#069bfa;line-height:0;overflow:hidden}
.approved-hero picture,.approved-hero img{display:block;width:100%}
.approved-hero img{height:auto;object-fit:contain}
.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding-top:25px;padding-bottom:25px;max-width:1320px}
.feature{border-radius:28px;padding:19px 14px;display:flex;align-items:center;gap:12px;min-height:125px}
.feature.pink{background:#ffeaf0}.feature.blue{background:#e0f5ff}.feature.yellow{background:#fff6d3}.feature.mint{background:#e6fae8}
.feature-icon{font-size:36px;flex:none}.feature h2{font-size:24px;color:#083a91;margin-bottom:5px}.feature p{font-size:14px;line-height:1.4;color:#314565}
.story-section{padding:35px 0 58px;background:#f5fcff}
.approved-story{max-width:1320px;display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}
.story-content h3{font-size:25px;color:#0e3992;margin:10px 0}.story-content p{margin-bottom:13px;font-size:17px;line-height:1.55}
.rainbow-head{font-family:Fredoka,sans-serif;font-size:clamp(38px,4.5vw,67px);line-height:1.08;color:#0b3d9c;margin-bottom:16px}
.rainbow-head span{background:linear-gradient(90deg,#ff2853,#fd791b,#f6b400,#22ab57,#008bea,#7224d8);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-story-art img{display:block;width:100%;height:auto;border-radius:16px}
.gallery-cta{background:#ff3882;color:white;border:0;font-size:19px;padding:12px 22px;box-shadow:0 5px 0 #d4215f;display:inline-block;margin-top:11px}
@media(max-width:920px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-story{gap:20px}}
@media(max-width:700px){.approved-hero img{width:100%;height:auto}.feature-strip{grid-template-columns:1fr;gap:10px;padding:15px 16px}.feature{min-height:80px;padding:12px 16px;border-radius:22px}.feature-icon{font-size:31px}.feature h2{font-size:22px}.feature p{font-size:14px}.approved-story{display:flex;flex-direction:column;gap:15px}.story-section{padding:33px 0}.story-content{width:100%;text-align:center}.story-content p{font-size:16px}.rainbow-head{font-size:40px}.approved-story-art{width:100%}.approved-story-art img{width:100%;height:auto}.steps-section{padding:45px 0}.step{padding:18px}.closing{padding:44px 0}}