*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#073f40;color:#fff9dc;font-family:'Trebuchet MS',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #f94987;outline-offset:7px}[hidden]{display:none!important}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:24px}.logo{font-weight:1000;font-size:1.3rem;letter-spacing:-.06em;white-space:nowrap}.logo span{color:#ffd849}nav{display:flex;gap:32px;font-weight:bold;font-size:.95rem}nav a:hover{color:#ffda43}.nav-cta{font-size:.875rem;border:1px solid #9ebcb3;border-radius:30px;padding:12px 19px}.hero{max-width:1440px;margin:auto;padding:35px 5% 85px;display:grid;grid-template-columns:.83fr 1.17fr;gap:45px;align-items:center}.eyebrow{font-weight:800;letter-spacing:.14em;font-size:.75rem;line-height:1.6}.hero h1{margin:0;width:285px;max-width:75%;height:155px}.hero h1 img{width:100%;height:100%;object-fit:contain}h2{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:1000;font-size:clamp(2.6rem,4.8vw,4.8rem);line-height:1.03;letter-spacing:-.065em;margin:15px 0 24px}h2 span{color:#ffdc45}h2 em{font-style:normal;color:#ff7545}.intro{font-size:1.15rem;line-height:1.6}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;background:#ffd744;color:#163528;padding:17px 25px;border-radius:100px;font-weight:900;box-shadow:0 5px 0 #bc891a;transition:transform .2s}.button:hover{transform:translateY(-3px)}.pending{font-size:.95rem}.text-link{font-size:.9rem;font-weight:800;text-decoration:underline;text-underline-offset:6px}.byline{font-size:.8rem;color:#b9d6ce;margin-top:24px;line-height:1.6}.hero-art{position:relative;padding-top:30px}.book{margin:0;transform:rotate(3deg);border-radius:6px;box-shadow:0 35px 60px #002123aa,5px 7px 0 #ede5ce,9px 11px 0 #aac0a7;transition:transform .4s}.book:hover{transform:rotate(0deg) translateY(-5px)}.book img{display:block;width:100%;height:auto;border-radius:6px}.round-note{position:absolute;z-index:1;right:-15px;top:-37px;display:grid;align-content:center;text-align:center;width:118px;height:118px;border-radius:50%;color:#153b36;background:#ffd744;transform:rotate(12deg);font-size:.9rem;line-height:1.5;box-shadow:0 6px 0 #002d2e}.handwritten{text-align:center;color:#bde8d6;margin:35px 0 0;font-size:1rem;transform:rotate(-3deg)}.ribbon{display:flex;justify-content:center;align-items:center;gap:42px;padding:23px 20px;background:#ffd744;color:#173e34;font-size:1.15rem;font-weight:900}.friends{background:#e5f8ee;color:#103e36;padding:75px 5% 80px}.section-heading{text-align:center;max-width:900px;margin:auto}.section-heading h2{font-size:clamp(2.5rem,4.5vw,4.2rem)}.section-heading h2 em{color:#db4022}.section-heading>p:last-child{line-height:1.8;font-size:1.05rem}.character-row{max-width:1140px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:end}.character{margin:0;min-width:0;border-radius:160px 160px 25px 25px;padding:15px 14px 22px;transition:transform .3s}.character:hover{transform:translateY(-12px) rotate(-2deg)}.character img{display:block;width:100%;height:290px;object-fit:contain}.character figcaption{text-align:center;font-size:1.25rem;font-weight:900;margin-top:12px}.blue{background:#9ce7f6}.red{background:#ffb095}.yellow{background:#ffe57c}.watch{padding:90px 7%;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:70px;max-width:1440px;margin:auto}.watch h2{font-size:clamp(2.5rem,4.5vw,4rem)}.watch p:not(.eyebrow){line-height:1.8;max-width:430px}.coming{font-size:.9rem;color:#c3ded3}.cinema{aspect-ratio:16/10;border:1px solid #6b9186;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at center,#247971,#082f34);display:flex;align-items:center;justify-content:center;position:relative}.cinema>img{width:64%;height:85%;object-fit:contain;align-self:flex-end}.cinema-label{position:absolute;bottom:18px;border-radius:30px;background:#073f40ed;padding:12px 18px;font-size:.8rem}.cinema video,.cinema iframe{width:100%;height:100%;border:0}.colour{background:#ffd745;color:#163d36;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:85px max(7%,calc((100vw - 1240px)/2));align-items:center}.colour h2{margin-bottom:0}.colour h2 em{color:#cc381a}.colour-copy{max-width:460px}.tag{font-size:.75rem;letter-spacing:.1em;border:1px solid #496539;padding:9px 13px;border-radius:50px;display:inline-block;font-weight:800}.colour h3{font-size:1.8rem;letter-spacing:-.04em;line-height:1.2}.colour p{line-height:1.8}.colour-signoff{font-weight:900}.closing{text-align:center;padding:75px 24px 85px}.closing h2{font-size:clamp(2.6rem,5vw,4.5rem)}footer{border-top:1px solid #668f80;max-width:1300px;margin:auto;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer small{font-size:.8rem;color:#bdd8ce}.skip{position:absolute;top:-100px;z-index:5;background:#fff;color:#000;padding:15px}.skip:focus{top:0}@media(max-width:900px){.nav-cta{display:none}.hero{gap:25px}.hero h1{height:125px}.hero h2{font-size:3.4rem}.round-note{width:95px;height:95px;right:-5px;font-size:.8rem}.ribbon{gap:22px;font-size:.95rem}.character img{height:230px}.watch{gap:35px}.colour{gap:30px}}@media(max-width:650px){header{padding:21px 6%}nav{gap:17px;font-size:.875rem}.logo{font-size:1.05rem}.hero{grid-template-columns:1fr;padding:15px 7% 50px;gap:32px}.hero-copy{text-align:center}.hero h1{margin:auto;width:245px;height:140px}.hero h2{font-size:3.6rem}.eyebrow{font-size:.7rem;letter-spacing:.09em}.hero .intro{font-size:1rem}.actions{justify-content:center}.hero-art{padding:20px 8px 0}.round-note{top:-20px;right:0}.ribbon{flex-wrap:wrap;gap:12px;font-size:.8rem}.ribbon span:last-child{display:none}.friends{padding:50px 6%}.section-heading h2{font-size:2.7rem}.section-heading>p:last-child{font-size:1rem}.character-row{gap:12px;margin-top:30px}.character{padding:10px 3px 18px;border-radius:80px 80px 15px 15px}.character img{height:135px}.character figcaption{font-size:.85rem;line-height:1.4;padding:0 3px}.watch{grid-template-columns:1fr;padding:50px 7%;gap:20px}.watch h2{font-size:2.9rem}.colour{grid-template-columns:1fr;padding:50px 7%;gap:35px}.colour h2{font-size:3.4rem}.closing{padding:55px 20px 60px}footer{flex-direction:column;gap:10px;text-align:center}footer p{margin:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media(prefers-reduced-motion:no-preference){.hero-art{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}}

.cinema{aspect-ratio:4/3;background:#032626}.cinema video{display:block;object-fit:contain}.plush{background:#111c42;color:#fff8e8;padding:80px 5%}.plush .section-heading h2 em{color:#ffd745}.plush .tag{margin-top:15px;border-color:#8091ad;color:#e5eafa}.plush-grid{max-width:1280px;margin:45px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.plush-card{margin:0}.plush-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:24px;display:block;background:#101830;transition:transform .25s}.plush-card:hover img{transform:translateY(-7px)}.plush-card figcaption{text-align:center;font-size:1.15rem;font-weight:800;margin-top:16px}.concept-note{text-align:center;font-size:.85rem;line-height:1.7;color:#c2c9dd;margin:30px auto 0;max-width:600px}@media(max-width:900px){.plush-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){nav{gap:13px;font-size:.8rem}.plush{padding:50px 6%}.plush-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.plush-card:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.plush .section-heading h2{font-size:2.7rem}.plush .tag{font-size:.65rem}header{gap:14px}}

/* Sunlit jungle ombre and tactile title */
body{background:radial-gradient(ellipse at 12% 5%,#e3f69b 0,transparent 28%),linear-gradient(140deg,#a3df77 0%,#67c979 35%,#30a66c 72%,#117953 100%);color:#103d2c}
header .logo span{color:#9b2613}header .nav-cta{border-color:#2b6847}nav a:hover{color:#97300e}
.hero{padding-top:18px}.hero h1{width:360px;max-width:100%;height:225px;margin:0;position:relative}.fluffy-title{padding:0;border:0;background:none;display:block;width:100%;height:100%;cursor:pointer;transform-origin:50% 70%;-webkit-tap-highlight-color:transparent}.fluffy-title img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 5px #354c2333)}.fluffy-title:focus-visible{outline:3px solid #9b2613;outline-offset:4px;border-radius:20px}.magic-hint{font-size:.875rem;margin:-8px 0 22px;color:#295333}.hero h2 span{color:#9e3212}.hero .byline{color:#28533c}.hero-art .handwritten{color:#174d36}.round-note{box-shadow:0 6px 0 #326e3a}.hero .book{box-shadow:0 30px 55px #114c3866,5px 7px 0 #fff3d2,9px 11px 0 #48723c}
.friends{background:radial-gradient(ellipse at 80% 15%,#f3ffd0,transparent 65%),linear-gradient(140deg,#dcf6ba,#a8e4ba)}
.watch{color:#103d2c}.watch h2 em{color:#8d2c15}.watch .coming{color:#1a4b36}.closing{background:linear-gradient(140deg,#d5f397,#79d391 65%,#4bb87c)}.closing h2 em{color:#963019}footer{color:#123f2c;border-color:#337c4e}footer p,footer small{color:#173f2d}footer .logo span{color:#702810}
@media(prefers-reduced-motion:no-preference){.fluffy-title.title-pop{animation:fluffy-pop 1.25s cubic-bezier(.22,.72,.3,1) both}.fluffy-title:not(.title-pop):hover{transform:scale(1.035);transition:transform .2s}@keyframes fluffy-pop{0%{transform:scale(.16);opacity:0}35%{transform:scale(1.13,.95);opacity:1}52%{transform:scale(.94,1.055)}68%{transform:scale(1.045,.98)}83%{transform:scale(.985,1.015)}100%{transform:scale(1);opacity:1}}}
@media(max-width:900px){.hero h1{height:200px}}@media(max-width:650px){.hero h1{width:320px;height:205px;margin:auto}.magic-hint{margin:0 0 20px;font-size:.875rem}.hero{padding-top:8px}}

.signup-nav{background:#ffd744;color:#163528!important;border-color:#b8931b!important;font-weight:900}.signup-prompt{margin-top:27px}.signup-prompt p{font-weight:700}.signup-inline{display:inline-block}.signup-green{background:#164f37;color:#fff9dc;box-shadow:0 5px 0 #0d3524}.plush-signup{text-align:center;max-width:600px;margin:30px auto 0}.plush-signup p{line-height:1.7;color:#e5eafa}.closing-signup{margin:40px auto 0;border-top:1px solid #5d9961;padding-top:25px;max-width:680px}.closing-signup>p:first-child{font-weight:800;font-size:1.15rem;line-height:1.6}.signup-note{font-size:.875rem;line-height:1.7;margin:23px 0 0;color:#214c33}.footer-signup{font-size:.875rem;font-weight:900;text-decoration:underline;text-underline-offset:5px}.signup-button{margin-bottom:5px}@media(max-width:650px){.actions{column-gap:20px;row-gap:24px}.signup-prompt .button,.colour-copy .signup-button{font-size:.95rem}.closing-signup{padding-top:20px}}

/* Juicy, sculptural fruit from the story */
.fruit-feast{display:block;max-width:100%;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 12px #23542430)}
.hero-fruit{position:relative;width:82%;margin:0 auto -24px;z-index:1;transform:rotate(-4deg)}
.hero-art .handwritten{margin-top:25px}
.colour-fruit{width:440px;margin:20px 0 -24px;transform:rotate(4deg);filter:drop-shadow(0 15px 12px #9b661d35)}
@media(max-width:650px){.hero-fruit{width:94%;margin:0 auto -20px}.colour-fruit{width:min(100%,360px);margin:15px auto -15px}.colour-title{text-align:center}}

/* A bigger, higher title with a ticklish fur shake. */
.fluff-filter{position:absolute;pointer-events:none;overflow:hidden}
.hero-copy{align-self:start;padding-top:18px;min-width:0}
.hero h1{width:460px;max-width:100%;height:auto;aspect-ratio:3/2;margin:-14px 0 -4px}
.magic-hint{margin:0 0 22px}
@media(prefers-reduced-motion:no-preference){
 .fluffy-title.title-shake{animation:fluffy-shake .95s ease-in-out both}
 .fluffy-title.title-shake img{filter:url(#fluff-ripple) drop-shadow(0 9px 5px #354c2333)}
 .fluffy-title:not(.title-pop):not(.title-shake):hover{transform:scale(1.035)}
 @keyframes fluffy-shake{
  0%,100%{transform:translateX(0) rotate(0) scale(1)}
  12%{transform:translateX(-4px) rotate(-2.4deg) scale(1.025,.975)}
  25%{transform:translateX(5px) rotate(2.8deg) scale(.985,1.03)}
  38%{transform:translateX(-5px) rotate(-2.8deg) scale(1.035,.98)}
  51%{transform:translateX(4px) rotate(2deg) scale(.99,1.025)}
  64%{transform:translateX(-3px) rotate(-1.5deg) scale(1.02,.99)}
  77%{transform:translateX(2px) rotate(1deg) scale(.995,1.015)}
  89%{transform:translateX(-1px) rotate(-.5deg) scale(1.005)}
 }
}
@media(max-width:650px){.hero-copy{padding-top:0}.hero h1{width:390px;margin:-8px auto -4px}.magic-hint{font-size:.875rem;line-height:1.6}}

/* Colour-matched ombre backgrounds across every chapter of the site. */
header,.hero{
 background:radial-gradient(circle at 12% 8%,#efffb9 0,transparent 31%),linear-gradient(140deg,#a3df77 0%,#67c979 38%,#30a66c 72%,#117953 100%);
}
header{max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
.hero{max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
.ribbon{background:radial-gradient(circle at 18% 20%,#fff6a8 0,transparent 28%),linear-gradient(110deg,#ffd93f 0%,#ffbe45 55%,#ff9e45 100%)}
.friends{background:radial-gradient(circle at 82% 10%,#fffbd0 0,transparent 34%),radial-gradient(circle at 12% 85%,#a9efdd 0,transparent 38%),linear-gradient(140deg,#e2fac6 0%,#b5ecc4 48%,#89d9bd 100%)}
.watch{
 max-width:none;
 margin:0;
 padding-left:max(7%,calc((100vw - 1238px)/2));
 padding-right:max(7%,calc((100vw - 1238px)/2));
 background:radial-gradient(circle at 88% 18%,#d9fbff 0,transparent 31%),radial-gradient(circle at 8% 88%,#a9dcff 0,transparent 36%),linear-gradient(140deg,#c8f4ff 0%,#8edbee 48%,#65bcd9 100%);
}
.colour{background:radial-gradient(circle at 16% 12%,#fffbd2 0,transparent 31%),radial-gradient(circle at 88% 84%,#ffac61 0,transparent 34%),linear-gradient(140deg,#fff39b 0%,#ffd95a 50%,#ffb34f 100%)}
.plush{background:radial-gradient(circle at 16% 8%,#3d5ca7 0,transparent 31%),radial-gradient(circle at 88% 84%,#542e86 0,transparent 34%),linear-gradient(145deg,#1b376d 0%,#172755 48%,#291846 100%)}
.closing{color:#4c221d;background:radial-gradient(circle at 15% 8%,#fff0b8 0,transparent 33%),radial-gradient(circle at 88% 88%,#ff8d85 0,transparent 36%),linear-gradient(140deg,#ffd5a4 0%,#ffad8b 52%,#ee7f80 100%)}
.closing .button{background:#fff0a2}.closing-signup{border-color:#b95f58}.signup-note{color:#542c25}
footer{max-width:none;margin:0;background:radial-gradient(circle at 82% 12%,#d9f7a3 0,transparent 31%),linear-gradient(140deg,#8ddd88 0%,#4fbd7a 58%,#258b65 100%);padding-left:max(4%,calc((100vw - 1248px)/2));padding-right:max(4%,calc((100vw - 1248px)/2))}

/* New family products: the first colouring book and future gummies. */
.feature-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center;padding:64px max(7%,calc((100vw - 1120px)/2));color:#163d36}
.feature-copy{max-width:560px}
.feature-copy .eyebrow{margin:0 0 16px}
.feature-copy .tag{margin-bottom:10px;background:#fff9dc99;backdrop-filter:blur(5px)}
.feature-copy h2{font-size:clamp(2.45rem,4vw,3.7rem);margin:14px 0 22px}
.feature-copy h2 em{color:#a6311b}
.feature-copy p{font-size:1.05rem;line-height:1.78;margin:0 0 17px}
.feature-signoff{font-weight:900}
.feature-media{margin:0;position:relative}
.feature-media img{display:block;width:100%;height:auto;border-radius:30px;box-shadow:0 30px 65px #21422535,0 5px 0 #ffffffb8}
.colouring-feature{background:radial-gradient(circle at 12% 10%,#fffbd2 0,transparent 30%),radial-gradient(circle at 88% 84%,#8bd18c 0,transparent 35%),linear-gradient(140deg,#fff0a0 0%,#dce98e 48%,#92cc83 100%)}
.colouring-cover{width:100%;max-width:300px;justify-self:center;transform:rotate(1.5deg)}
.colouring-cover img{border:8px solid #fff3c6;border-radius:22px;box-shadow:0 30px 65px #1c502d45,7px 9px 0 #2e6c39}
.gummies-feature{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);background:radial-gradient(circle at 12% 14%,#fff7d4 0,transparent 29%),radial-gradient(circle at 90% 84%,#ffa787 0,transparent 34%),linear-gradient(140deg,#fff4d8 0%,#ffd9ae 51%,#f4a98d 100%)}
.gummies-pack{width:100%;max-width:600px;justify-self:center}
.gummies-feature .tag{border-color:#9f3b26;color:#6c281a}
.gummies-pack img{border:8px solid #fff4d9;box-shadow:0 30px 65px #89392938,7px 9px 0 #a83e28}
.gummies-feature .signup-button{background:#b73322;color:#fff9e5;box-shadow:0 5px 0 #782218}
.feature-note{max-width:none;text-align:left;margin:5px 0 24px;color:#74392f;font-size:.8rem!important;line-height:1.6!important}

@media(max-width:900px){
 .feature-section,.gummies-feature{gap:32px;padding-top:54px;padding-bottom:54px}
 .gummies-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .feature-copy p{font-size:1rem}
 .colouring-cover{max-width:270px}
 .gummies-pack{max-width:440px}
}

@media(max-width:650px){
 .feature-section,.gummies-feature{grid-template-columns:1fr;padding:44px 7%;gap:28px}
 .feature-copy{text-align:left;max-width:none}
 .feature-copy h2{font-size:2.45rem}
 .feature-copy .tag{font-size:.66rem;line-height:1.5}
 .feature-copy .button{width:100%}
 .feature-media{width:100%;justify-self:center;transform:none}
 .colouring-feature .feature-media{order:-1;width:min(70%,270px);justify-self:center}
 .gummies-feature{padding-left:5%;padding-right:5%}
 .gummies-pack{width:100%;max-width:none}
 .gummies-pack img{width:108%;max-width:none;margin-left:-4%;border-width:6px;border-radius:22px}
}

/* The second storybook sits beside its first adventure. Show the front half of the cover wrap. */
.book-two{padding:76px 7%;background:radial-gradient(circle at 15% 12%,#d3f4ff 0,transparent 32%),radial-gradient(circle at 87% 90%,#9bccec 0,transparent 37%),linear-gradient(140deg,#bce9f8 0%,#79c7e5 55%,#4c9bcf 100%);color:#123e56}
.book-two-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,76px);align-items:center}
.book-two-copy{min-width:0;max-width:540px}
.book-two-copy .eyebrow{margin:0 0 15px;color:#205d78}
.book-two-copy h2{font-size:clamp(2.4rem,4vw,3.9rem);line-height:1.08;margin:12px 0 22px}
.book-two-copy h2 em{color:#9b321b}
.book-two-copy p:not(.eyebrow):not(.book-two-status){font-size:1.08rem;line-height:1.75;margin:0 0 20px}
.book-two-status{display:inline-block;margin:7px 0 0;padding:11px 17px;border:1px solid #377da3;border-radius:999px;background:#e9f9ff;color:#164c69;font-size:.875rem;line-height:1.4;font-weight:900}
.book-two-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}
.book-two-cover{position:relative;overflow:hidden;width:100%;aspect-ratio:1.34;margin:0;border:8px solid #e9f9ff;border-radius:24px;background:#126da7;box-shadow:0 28px 55px #0c52704a,7px 9px 0 #2a83a6}
.book-two-cover img{position:absolute;right:0;top:0;display:block;width:201.5%;height:100%;max-width:none;object-fit:fill}
.book-two-cover figcaption{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:900px){.book-two{padding:58px 7%}.book-two-inner{gap:30px}.book-two-copy h2{font-size:2.6rem}}
@media(max-width:650px){.book-two{padding:48px 7% 55px}.book-two-inner{grid-template-columns:1fr;gap:27px}.book-two-cover{order:-1;max-width:510px;justify-self:center;border-width:6px;border-radius:19px}.book-two-copy{max-width:none}.book-two-copy h2{font-size:2.55rem}.book-two-copy p:not(.eyebrow):not(.book-two-status){font-size:1rem}.book-two-actions{align-items:flex-start;flex-direction:column}.book-two .button{width:100%}}
@media(max-width:650px){header{flex-wrap:wrap;row-gap:15px}header nav{width:100%;justify-content:space-between;gap:8px}}

/* Shared Peru storybook shelf */
.book-catalog{padding:78px 7% 86px;background:radial-gradient(circle at 12% 5%,#fff2b3 0,transparent 34%),radial-gradient(circle at 91% 93%,#9bdef1 0,transparent 37%),linear-gradient(135deg,#f5f9dc 0%,#d8f3e7 52%,#a9d9f0 100%);color:#153e42}
.book-catalog-inner{max-width:1160px;margin:0 auto}
.book-catalog-heading{display:block;max-width:800px;margin:0 auto 38px;padding:0;text-align:center}
.book-catalog-heading .eyebrow{margin:0;color:#20667a}
.book-catalog-heading h2{font-size:clamp(2.65rem,5vw,4.3rem);margin:12px 0 17px}
.book-catalog-heading h2 em{color:#cf4b2e}
.book-catalog-heading>p:last-child{font-size:1.08rem;line-height:1.7;margin:0}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(20px,3.5vw,38px)}
.story-card{min-width:0;display:flex;flex-direction:column;padding:18px 18px 23px;border:2px solid #fff;background:#fffdf4e8;border-radius:29px;box-shadow:0 20px 42px #0d567326}
.story-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:2px 5px 15px;font-size:.76rem;font-weight:900;letter-spacing:.07em;color:#176071}
.story-available{padding:6px 10px;border-radius:20px;background:#dcf5cf;color:#225746;font-size:.68rem}
.story-cover{display:block;position:relative;width:100%;aspect-ratio:1.35;overflow:hidden;background:#5fb4d4;border-radius:18px;box-shadow:0 8px 18px #123f4a36;transition:transform .25s}
.story-cover:hover{transform:translateY(-3px)}
.story-cover:focus-visible{outline:3px solid #f94987;outline-offset:5px}
.story-cover img{display:block;width:100%;height:100%;object-fit:cover}
.story-cover-wrap img{position:absolute;right:0;top:0;width:201.5%;height:100%;max-width:none;object-fit:fill}
.story-card-content{display:flex;flex:1;flex-direction:column;padding:23px 8px 2px}
.story-card h3{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(1.65rem,2.3vw,2.15rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 13px;color:#153e42}
.story-card-content p{font-size:1rem;line-height:1.62;margin:0 0 24px;color:#35525a}
.story-card .button{align-self:flex-start;margin-top:auto;min-height:52px;text-align:center}
.next-adventure{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:30px;padding:23px 27px;border:1px solid #fff9;background:#ffffff8f;border-radius:20px}
.next-adventure .eyebrow{margin:0 0 6px;color:#176071}
.next-adventure p:last-child{margin:0;font-size:1rem;line-height:1.55}
.next-adventure .text-link{flex-shrink:0;color:#095f77}
@media(max-width:680px){
 .book-catalog{padding:52px 6% 62px}
 .book-catalog-heading{text-align:left;margin-bottom:27px}
 .book-catalog-heading h2{font-size:clamp(2.5rem,11vw,3.3rem)}
 .book-catalog-heading>p:last-child{font-size:1rem}
 .story-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;gap:22px}
 .story-card{padding:13px 13px 21px;border-radius:24px}
 .story-card-meta{font-size:.7rem;margin:3px 5px 12px}
 .story-cover{border-radius:15px}
 .story-card-content{padding:19px 5px 1px}
 .story-card h3{font-size:1.8rem}
 .story-card .button{width:100%}
 .next-adventure{display:block;padding:22px;margin-top:25px}
 .next-adventure .text-link{display:inline-block;margin-top:13px}
}

/* Zuzu’s jungle greeting; the poster remains if playback is unavailable or motion is reduced. */
.hero-cast{position:relative;width:100%;aspect-ratio:1.55;overflow:hidden;border:7px solid #d3f7df;border-radius:30px;background:#9ce4f5;box-shadow:0 28px 55px #00212377}
.hero-cast video,.hero-cast-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-cast-poster{z-index:0}.hero-cast video{z-index:1}
.hero-sound-button{position:absolute;z-index:4;left:15px;top:15px;min-height:44px;padding:10px 16px;border:1px solid #effff7;border-radius:100px;background:#073f40e8;color:#fff9dc;font:800 .9rem/1.2 'Trebuchet MS',Arial,sans-serif;cursor:pointer;box-shadow:0 3px 12px #073f4060}
.hero-sound-button:focus-visible{outline:3px solid #ffd744;outline-offset:4px}
.hero-video-signup{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:18px auto 0;color:#174d36;font-size:.9rem;line-height:1.35;font-weight:800;text-align:center}
.hero-video-signup-link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;background:#ffd744;color:#173e34;box-shadow:0 3px 0 #b8931b;white-space:nowrap;text-decoration:none}
.hero-video-signup-link:focus-visible{outline:3px solid #073f40;outline-offset:4px}
.hero-art .round-note{position:relative;z-index:5;display:flex;align-items:center;gap:.3em;top:auto;right:auto;width:max-content;height:auto;padding:11px 17px;margin:0 4px 12px auto;border-radius:999px;font-size:.82rem;line-height:1.2;white-space:nowrap;transform:rotate(3deg)}
@media(max-width:650px){.hero-cast{border-width:5px;border-radius:22px}.hero-sound-button{left:10px;top:10px;font-size:.8rem;padding:8px 12px}.hero-video-signup{margin-top:14px;gap:8px}.hero-video-signup span{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-cast:not(.user-playing) video{display:none}.hero-cast.user-playing video{display:block}}