@font-face{font-family:Fredoka;src:url(/assets/fonts/Fredoka.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--ink:#202020;--yellow:#ffd63d;--sky:#31c5eb;--paper:#fff3cb;--red:#c82032;--white:#fff;--line:2px solid var(--ink);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Poppins,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button,summary,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:5px;box-shadow:0 0 0 3px #fff}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-weight:600;line-height:1.04}h1{font-size:clamp(50px,5.5vw,82px)}h2{font-size:clamp(36px,4.1vw,58px)}h3{font-size:28px}p{font-size:16px;line-height:1.8}svg{display:block}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}.section-pad{padding:100px 0}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:600;line-height:1.6;display:block}.button{background:var(--red);color:#fff;border:var(--line);min-height:56px;box-shadow:4px 4px 0 var(--ink);border-radius:13px;justify-content:center;align-items:center;gap:18px;padding:15px 24px;font-size:14px;font-weight:600;line-height:1.5;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.button svg,.text-link svg,.back-link svg{flex-shrink:0;width:22px;height:22px}.button.secondary{color:var(--ink);background:#fff}.button.small{gap:12px;min-height:45px;padding:10px 17px;font-size:12px}.text-link{text-underline-offset:6px;background:0 0;border:0;align-items:center;gap:12px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:100;background:#fff;padding:12px;position:fixed;top:10px;left:10px}.site-header{z-index:20;position:absolute;top:20px;left:0;right:0}.nav-shell{border:var(--line);background:#fffdf0;border-radius:24px;align-items:center;gap:35px;width:min(1320px,100% - 48px);min-height:90px;margin:auto;padding:8px 24px;display:flex;box-shadow:0 4px #2020200b}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand img{border-radius:50%;width:70px;height:70px}.brand span{letter-spacing:-.02em;font:600 18px/1.1 Fredoka}.nav-shell nav{gap:26px;margin-inline:auto;display:flex}.nav-shell nav a{white-space:nowrap;padding:10px 0;font-size:13px;font-weight:600}.nav-shell nav a:hover{box-shadow:0 3px 0 var(--red)}.menu-toggle{background:0 0;border:0;padding:10px;display:none}.menu-toggle svg{width:25px;height:25px}.hero{background:var(--yellow);isolation:isolate;padding-top:155px;position:relative;overflow:hidden}.hero-inner{z-index:2;grid-template-columns:45% 55%;min-height:580px;display:grid;position:relative}.hero-copy{z-index:3;padding-top:38px;position:relative}.label-sticker{background:var(--paper);border:1.5px solid var(--ink);margin-bottom:28px;padding:6px 11px;display:inline-block;transform:rotate(-2deg)}.hero h1{max-width:590px;position:relative}.heading-spark{width:42px;position:absolute;top:7px;right:4%;transform:rotate(-12deg)}.hero-copy>p{max-width:400px;margin:23px 0 28px;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.little-note{align-items:center;gap:12px;width:220px;margin-top:31px;font:500 20px/1.15 Fredoka;display:flex;transform:rotate(-5deg)}.drawn-star{font-size:38px}.sun-rays{z-index:-1;background:repeating-conic-gradient(from 5deg at 75% 55%,#0000 0deg 16deg,#fff9d72b 16deg 32deg);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.cloud{opacity:.8;background:#fff9df;border:2px solid #202020;border-radius:60px;width:120px;height:35px;display:block;position:absolute}.cloud:before{content:"";background:inherit;border-radius:50%;width:55px;height:45px;position:absolute;top:-23px;left:30px}.cloud-one{top:250px;right:-20px;transform:rotate(7deg)}.cloud-two{top:155px;left:49%;transform:scale(.55)}.character-zone{min-width:0;min-height:580px;position:relative;outline-offset:-4px!important}.stage-aura{background:#fff3cb80;border:1px solid #fff8;border-radius:50%;width:470px;height:470px;position:absolute;top:0;left:50%;transform:translate(-50%)}.stage-aura:after{content:"";opacity:.3;border:2px dashed #c29c22;border-radius:50%;position:absolute;inset:20px}.main-character{aspect-ratio:1239/1269;z-index:3;transform-origin:50% 85%;width:75%;transition:opacity .18s,transform .35s;position:absolute;top:0;left:12.5%}.main-character>img{object-fit:contain;filter:drop-shadow(0 14px #2020200d);width:100%;height:100%}#eyes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.main-character.switching{opacity:0;transform:translateY(10px)scale(.96)}.side-character{object-fit:contain;z-index:1;filter:saturate(.85);opacity:.85;width:28%;height:290px;transition:transform .4s;position:absolute;top:125px}.previous-character{left:-5%;transform:rotate(-9deg)}.next-character{right:-5%;transform:rotate(9deg)}.stage-paper{background:var(--paper);border:3px solid var(--ink);height:75px;box-shadow:0 9px 0 #e4c978,0 11px 0 var(--ink);z-index:2;border-radius:50% 50% 15% 15%;position:absolute;top:375px;left:1%;right:1%;transform:rotate(-3deg)}.stage-paper:after{content:"";background:#cfb46a;width:2px;height:64px;position:absolute;top:8px;left:50%}.stage-star{z-index:5;font-size:56px;position:absolute}.star-one{top:30px;right:5%;transform:rotate(14deg)}.character-caption{text-align:center;position:absolute;top:457px;left:0;right:0}.character-caption .eyebrow{margin-bottom:5px;font-size:9px}.character-caption h2{font-size:32px}.character-caption p{min-height:22px;margin-top:6px;font-size:12px}.carousel-controls{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:470px 15px auto}.circle-button{border:var(--line);width:48px;height:48px;box-shadow:2px 3px 0 var(--ink);pointer-events:auto;background:#fffdf0;border-radius:50%;place-items:center;transition:transform .15s;display:grid}.circle-button:hover{transform:translateY(-2px)}.circle-button svg{width:22px;height:22px}.circle-button:first-child svg{transform:rotate(180deg)}#character-counter{text-align:center;font-size:12px;font-weight:600;position:absolute;top:66px;left:0;right:0}#character-counter span{opacity:.6}.character-hint{display:none}.cityscape{opacity:.48;z-index:0;width:100%;height:130px;position:absolute;bottom:72px}.character-tabs{z-index:5;justify-content:center;gap:9px;padding:15px 0 24px;display:flex;position:relative}.character-tabs button{background:#fff5ce90;border:2px solid #0000;border-radius:13px;align-items:center;gap:9px;min-height:55px;padding:5px 15px;font-size:11px;font-weight:600;transition:transform .2s,background .2s;display:flex}.character-tabs button img{object-fit:contain;width:31px;height:40px}.character-tabs button[aria-pressed=true]{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;transform:translateY(-3px)}.character-tabs button:hover{background:#fff}.story-section{border-top:var(--line);background:#fff9e7;position:relative}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.book-scene{isolation:isolate;padding:15px 45px;position:relative}.story-cover{aspect-ratio:1;border:3px solid var(--ink);border-radius:4px;width:370px;position:relative;transform:rotate(-7deg);box-shadow:8px 10px #202020}.comic-burst{background:var(--yellow);clip-path:polygon(50% 0,58% 20%,80% 5%,80% 30%,100% 35%,84% 50%,100% 70%,78% 75%,83% 100%,58% 84%,44% 100%,38% 80%,12% 94%,18% 68%,0 55%,20% 40%,8% 15%,34% 23%);z-index:-1;opacity:.6;position:absolute;inset:-15px -20px}.paper-note{background:var(--sky);border:var(--line);box-shadow:3px 4px 0 var(--ink);padding:18px 22px;font:500 24px/1.1 Fredoka;position:absolute;bottom:15px;right:-8px;transform:rotate(8deg)}.scribble-arrow{width:90px;position:absolute;top:-10px;right:0;transform:rotate(50deg)}.story-copy .eyebrow{margin-bottom:18px}.story-copy h2{font-size:clamp(38px,3.7vw,54px)}.story-copy>p{max-width:480px;margin-top:24px}.underline-sketch{z-index:0;white-space:nowrap;position:relative}.underline-sketch:after{content:"";background:var(--yellow);z-index:-1;height:12px;position:absolute;bottom:0;left:0;right:0;transform:rotate(-1deg)}.three-steps{gap:25px;margin:27px 0 32px;font-size:14px;font-weight:600;display:flex}.three-steps span{align-items:center;gap:8px;display:flex}.three-steps b{border:1.5px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.books-section{background:var(--sky);border-block:var(--line);position:relative}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:48px;display:flex}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{max-width:270px;font-size:15px}.red-dot{color:var(--red)}.book-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.book-card{min-width:0}.cover-link{background:var(--paper);border:var(--line);box-shadow:4px 5px 0 var(--ink);border-radius:16px;padding:15px;transition:transform .2s;display:block}.cover-link:hover{transform:translateY(-6px)rotate(-1deg)}.cover-link img{aspect-ratio:1;object-fit:contain;border:1px solid #20202050;width:100%;box-shadow:2px 3px 4px #0002}.book-copy{flex-direction:column;padding:25px 2px 0;display:flex}.book-copy .eyebrow{letter-spacing:.08em;font-size:9px}.book-copy h3{min-height:58px;margin:10px 0 14px;font-size:27px}.book-copy p{min-height:112px;font-size:13px;line-height:1.7}.book-copy .text-link{gap:10px;margin-top:15px;font-size:12px}.book-copy .text-link svg{width:18px}.catalogue-note{text-align:center;margin-top:38px;font-size:11px}.colour-section{background:var(--paper);background-image:radial-gradient(#c9b77950 .8px,#0000 .8px);background-size:18px 18px}.colour-heading{text-align:center;margin-bottom:52px}.colour-heading .eyebrow{margin-bottom:16px}.colour-heading h2{font-size:64px}.colour-heading h2>span{color:var(--red)}.colour-heading p{margin-top:20px}.colour-workspace{grid-template-columns:1fr 270px;align-items:center;gap:45px;display:grid}.drawing-paper{border:2px solid var(--ink);background:#fff;border-radius:3px;padding:25px 25px 15px;position:relative;transform:rotate(-1.3deg);box-shadow:7px 9px #d6bc75}.paper-tape{z-index:1;background:#31c5ebc9;width:140px;height:32px;position:absolute;top:-17px;left:calc(50% - 70px);transform:rotate(3deg)}.drawing-paper svg{touch-action:manipulation;width:100%;height:auto}.paint-region{cursor:crosshair;transition:fill .18s}.paint-region:hover{stroke-width:6px}.paint-region:focus-visible{stroke:#c82032;stroke-width:7px;stroke-dasharray:10 5;outline:none}.activity-label{text-align:center;padding-top:8px;font-size:10px;display:block}.pencil-box h3{margin-bottom:15px;font-size:30px}.pencil-box p{font-size:13px}.colour-palette{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 15px;display:grid}.colour-swatch{border:2px solid var(--ink);background:#fff;border-radius:50%;width:56px;height:56px;padding:4px;transition:transform .18s,box-shadow .18s;position:relative}.colour-swatch span{background:var(--swatch);border:1px solid #20202033;border-radius:50%;width:100%;height:100%;display:block}.colour-swatch[aria-pressed=true]{box-shadow:3px 4px 0 var(--ink);transform:translateY(-4px)}.colour-swatch[aria-pressed=true]:after{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:10px;height:17px;position:absolute;top:14px;left:20px;transform:rotate(45deg)}#selected-colour{font-size:12px;font-weight:600}.colour-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.colour-actions .button{min-height:43px;box-shadow:2px 3px 0 var(--ink);padding:9px 15px;font-size:12px}.colour-actions .text-link{gap:7px;font-size:11px}.colour-actions svg{width:17px}.activity-help{max-width:210px;margin-top:24px;line-height:1.6;font-size:10px!important}.grown-ups{border-top:var(--line);background:#fffdf7}.grownup-grid{grid-template-columns:1fr 1fr;gap:95px;display:grid}.grownup-copy .eyebrow{margin-bottom:18px}.grownup-copy>p{max-width:380px;margin-top:23px}.grownup-copy>img{width:220px;margin:30px auto -50px}.faq-list{padding-top:30px}.faq-list details{border-bottom:2px solid var(--ink);padding:23px 0}.faq-list details:first-child{border-top:2px solid var(--ink)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.6;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:19px 25px 0 0;font-size:14px;line-height:1.9}.faq-list details p a{text-underline-offset:4px;text-decoration:underline}.closing{background:var(--yellow);border-top:var(--line);text-align:center;padding:75px 0 0;overflow:hidden}.closing h2{margin:18px 0 27px;font-size:60px}.closing-cast{justify-content:center;align-items:end;gap:15px;height:255px;margin:35px 0 15px;display:flex}.closing-cast img{object-fit:contain;object-position:bottom;width:17%;max-width:170px;height:220px}.closing-cast img:nth-child(3){width:23%;max-width:235px;height:255px}.closing-tagline{border-top:2px solid var(--ink);letter-spacing:.1em;padding:18px 0;font-size:14px;font-weight:600}.site-footer{border-top:var(--line);background:#fff9e7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:45px max(48px,50% - 620px) 20px;display:flex}.footer-brand{align-items:center;gap:18px;font:500 23px/1.2 Fredoka;display:flex}.footer-brand img{border-radius:50%;width:78px;height:78px}.footer-links{gap:27px;font-size:12px;font-weight:600;display:flex}.footer-bottom{border-top:1px solid #20202040;justify-content:space-between;gap:20px;width:100%;padding-top:20px;font-size:10px;line-height:1.7;display:flex}.footer-bottom a{text-underline-offset:4px;text-decoration:underline}.book-detail{padding-top:160px;padding-bottom:100px}.back-link{align-items:center;gap:10px;margin-bottom:45px;font-size:13px;display:inline-flex}.back-link svg{transform:rotate(180deg)}.detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.detail-cover{background:var(--yellow);border:var(--line);box-shadow:7px 8px 0 var(--ink);border-radius:18px;padding:25px;transform:rotate(-2deg)}.detail-cover img{border:1px solid var(--ink);aspect-ratio:1;object-fit:contain}.detail-copy h1{margin:19px 0 22px;font-size:56px}.detail-copy>p{font-size:17px}.format-label{border:1px solid var(--ink);border-radius:30px;margin-top:20px;padding:6px 12px;font-size:11px;display:inline-block}.retailer-note{border-left:4px solid var(--sky);background:#fff;margin:28px 0;padding:22px}.retailer-note h2{margin-bottom:10px;font-size:23px}.retailer-note p{font-size:12px}.detail-copy>.text-link{margin-top:20px;display:flex}.detail-bottom{background:var(--sky);border-block:var(--line);text-align:center;padding:70px 0}.detail-bottom h2{font-size:40px}.detail-bottom p{margin:20px 0 25px}.not-found{min-height:70vh;padding-top:210px;padding-bottom:100px}.not-found p{margin:25px 0}.intro{background:var(--yellow);z-index:100;text-align:center;pointer-events:none;place-content:center;transition:opacity .35s;display:grid;position:fixed;inset:0}.intro img{border-radius:50%;width:200px;margin:auto}.intro p{margin-top:20px;font-family:Fredoka;font-size:20px}.intro-line{background:#20202030;border-radius:3px;width:170px;height:4px;margin:20px auto;overflow:hidden}.intro-line:after{content:"";background:var(--ink);transform-origin:0;height:100%;animation:1.1s both intro-line;display:block}.intro.dismiss{opacity:0}@keyframes intro-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width>=1500px){.hero-inner,.character-zone{min-height:615px}.stage-paper{top:420px}.character-caption{top:495px}.carousel-controls{top:510px}.main-character{width:78%;left:11%}.side-character{top:160px}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.nav-shell{gap:20px;padding-inline:16px}.brand span{display:none}.nav-shell nav{gap:20px}.hero-inner{grid-template-columns:45% 55%;min-height:560px}.hero h1{font-size:60px}.hero-copy{padding-top:25px}.hero-copy>p{font-size:15px}.heading-spark{display:none}.hero-actions{gap:17px}.hero-actions .text-link{font-size:12px}.stage-aura{width:370px;height:370px}.main-character{width:88%;top:25px;left:6%}.side-character{height:220px;top:150px}.stage-paper{top:335px}.character-caption{top:430px}.carousel-controls{top:440px;left:0;right:0}.character-caption h2{font-size:28px}.character-caption p{font-size:11px}.character-zone{min-height:555px}.star-one{font-size:38px}.character-tabs button{padding:5px 10px;font-size:10px}.story-grid{gap:45px}.book-scene{padding:20px}.story-copy h2{font-size:42px}.book-grid{grid-template-columns:repeat(2,1fr);gap:48px 30px}.book-copy h3,.book-copy p{min-height:0}.book-copy h3{font-size:30px}.book-copy p{max-width:360px}.book-copy .text-link{font-size:14px}.colour-workspace{grid-template-columns:1fr 220px;gap:30px}.grownup-grid{gap:50px}.detail-grid{gap:45px}.detail-copy h1{font-size:45px}}@media (width<=760px){html{scroll-padding-top:95px}.wrap{width:calc(100% - 40px)}.section-pad{padding:65px 0}.site-header{top:12px}.nav-shell{border-radius:18px;gap:8px;width:calc(100% - 24px);min-height:68px;padding:5px 12px}.brand img{width:54px;height:54px}.brand span{font-size:14px;display:block}.nav-shell .nav-books{min-height:40px;box-shadow:2px 2px 0 var(--ink);gap:0;margin-left:auto;padding:8px;font-size:0}.nav-books:before{content:"Books";font-size:12px}.nav-books svg{width:16px;margin-left:6px}.menu-toggle{padding:8px;display:block}.nav-shell nav{border:var(--line);box-shadow:4px 4px 0 var(--ink);background:#fffdf0;border-radius:15px;padding:12px 20px;display:none;position:absolute;top:79px;left:12px;right:12px}.nav-shell nav.open{flex-direction:column;gap:2px;display:flex}.nav-shell nav a{padding:12px}.hero{padding-top:118px}.hero-inner{flex-direction:column;min-height:0;display:flex}.hero-copy{padding:0}.label-sticker{margin-bottom:20px;font-size:9px}.hero h1{max-width:600px;font-size:clamp(44px,10vw,65px)}.hero-copy>p{max-width:480px;margin:20px 0 23px;font-size:15px}.hero-actions{gap:20px}.hero-actions .button{gap:12px;min-height:50px;padding:12px 17px;font-size:12px}.hero-actions .text-link{gap:7px;font-size:11px}.hero-actions .text-link svg{width:18px}.little-note{display:none}.character-zone{width:min(480px,100%);min-height:515px;margin:28px auto 0}.stage-aura{width:320px;height:320px;top:10px}.main-character{width:77%;max-height:350px;top:0;left:11.5%}.side-character{width:27%;height:185px;top:125px}.previous-character{left:-3%}.next-character{right:-3%}.stage-paper{height:55px;top:300px;left:3%;right:3%}.character-caption{top:374px}.character-caption h2{font-size:29px}.character-caption p{font-size:11px}.carousel-controls{top:385px;left:0;right:0}.circle-button{width:42px;height:42px}#character-counter{top:65px}.star-one{top:20px;right:0}.star-two{top:55px;left:3%}.character-tabs{justify-content:space-between;gap:6px;padding:0 0 23px}.character-tabs button{flex-direction:column;gap:4px;width:20%;min-width:0;padding:6px 3px;font-size:8px;line-height:1.3}.character-tabs button img{width:30px;height:35px}.character-tabs button span{text-align:center;align-items:center;min-height:21px;display:flex}.cityscape{height:130px;bottom:90px}.cloud-one{top:550px}.cloud-two{top:420px;left:-20px}.story-grid{grid-template-columns:1fr;gap:55px}.book-scene{width:min(380px,90%);margin:auto;padding:20px 25px}.story-cover{width:100%}.paper-note{font-size:21px;bottom:8px;right:-12px}.story-copy h2{font-size:38px}.story-copy>p{font-size:15px}.story-copy .eyebrow{font-size:9px}.three-steps{gap:22px;margin:22px 0 28px}.story-copy .button{font-size:12px}.section-heading{margin-bottom:34px;display:block}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:13px}.section-heading>p br{display:none}.book-grid{gap:35px 20px}.cover-link{box-shadow:3px 4px 0 var(--ink);border-radius:12px;padding:9px}.book-copy{padding-top:20px}.book-copy h3{font-size:25px;line-height:1.08}.book-copy .eyebrow{font-size:8px}.book-copy p{font-size:12px}.book-copy .text-link{gap:6px;font-size:11px}.book-copy .text-link svg{width:16px}.catalogue-note{font-size:10px;line-height:1.7}.colour-heading{margin-bottom:38px}.colour-heading h2{font-size:50px}.colour-heading>p{font-size:14px}.colour-workspace{grid-template-columns:1fr;gap:37px}.drawing-paper{padding:18px 10px 10px;transform:rotate(-1deg);box-shadow:4px 6px #d6bc75}.activity-label{font-size:8px}.pencil-box{grid-template-columns:1fr 1fr;gap:10px 24px;display:grid}.pencil-box h3{margin-bottom:8px;font-size:25px}.pencil-box>div:first-child p{font-size:11px;line-height:1.8}.colour-palette{gap:9px;margin:0}.colour-swatch{width:43px;height:43px;padding:3px}.colour-swatch[aria-pressed=true]:after{width:8px;height:15px;top:9px;left:15px}.colour-actions{flex-wrap:wrap;grid-area:2/1;gap:12px;margin:0}.colour-actions .text-link{font-size:10px}#selected-colour{grid-area:2/2;font-size:10px}.activity-help{grid-column:1/-1;max-width:none;margin-top:7px}.grownup-grid{grid-template-columns:1fr;gap:35px}.grownup-copy{padding-right:75px;position:relative}.grownup-copy h2{font-size:39px}.grownup-copy>p{max-width:300px;font-size:14px}.grownup-copy>img{width:105px;margin:0;position:absolute;bottom:-20px;right:-9px}.faq-list{padding:0}.faq-list summary{font-size:13px}.faq-list details p{margin-right:0;font-size:13px}.closing{padding-top:55px}.closing h2{font-size:43px}.closing .eyebrow{font-size:9px}.closing .button{font-size:12px}.closing-cast{gap:6px;height:170px;margin:30px 0 15px}.closing-cast img{height:140px}.closing-cast img:nth-child(3){height:170px}.closing-tagline{letter-spacing:.04em;padding:15px 0;font-size:10px}.site-footer{gap:25px;padding:30px 20px 20px}.footer-brand{font-size:20px}.footer-brand img{width:62px;height:62px}.footer-links{flex-wrap:wrap;gap:20px;font-size:11px}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.book-detail{padding-top:120px;padding-bottom:55px}.back-link{margin-bottom:30px;font-size:12px}.detail-grid{grid-template-columns:1fr;gap:43px}.detail-cover{max-width:460px;margin:auto;padding:18px}.detail-copy h1{font-size:44px}.detail-copy>p{font-size:15px}.detail-bottom{padding:50px 0}.detail-bottom h2{font-size:34px}.detail-bottom p{font-size:14px}.detail-copy>.text-link{font-size:12px}.not-found{padding-top:150px}.not-found h1{font-size:45px}}@media (width<=420px){.book-grid{grid-template-columns:1fr;gap:38px}.book-card{grid-template-columns:43% 1fr;align-items:start;gap:18px;display:grid}.book-copy{padding-top:2px}.book-copy h3{margin:8px 0 10px;font-size:24px}.book-copy p{font-size:11px;line-height:1.7}.book-copy .text-link{gap:5px;margin-top:8px;font-size:10px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.main-character{top:10px}.character-zone{min-height:475px}.stage-paper{top:275px}.character-caption{top:344px}.carousel-controls{top:353px}.stage-aura{width:285px;height:285px}.side-character{height:165px;top:110px}.character-caption p{font-size:10px}.hero h1{font-size:49px}.brand span{font-size:12px}.nav-shell{gap:3px}.brand{gap:6px}.menu-toggle{padding:7px}.story-copy h2{font-size:35px}.underline-sketch{white-space:normal}.pencil-box{gap:12px}.colour-palette{gap:6px}.colour-swatch{width:40px;height:40px}.colour-swatch[aria-pressed=true]:after{top:8px;left:14px}}@media (width<=350px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero-actions .text-link{margin-top:0}.hero-actions{gap:12px}.main-character{width:83%;left:8.5%}.character-caption h2{font-size:26px}.character-tabs button{font-size:7px}.character-zone{min-height:465px}.stage-paper{top:260px}.stage-aura{width:250px;height:250px}.character-caption{top:330px}.carousel-controls{top:340px}.character-caption p{max-width:185px;margin:auto}.book-card{grid-template-columns:41% 1fr;gap:14px}.book-copy h3{font-size:22px}.colour-swatch{width:35px;height:35px}.colour-swatch[aria-pressed=true]:after{top:7px;left:12px}.pencil-box{gap:12px}.brand span{display:none}.nav-shell .nav-books{margin-left:auto}}.site-header{position:fixed}.character-caption{z-index:4}.character-caption p{background:#fff3cb;border-radius:12px;margin:6px auto 0;padding:2px 10px;display:table}.cityscape{opacity:.23}.carousel-controls{z-index:5}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.cover-link:hover,.button:hover{transform:none}.intro{display:none}}.hero{background:#c8effa url(/assets/city-crayon.webp) bottom/100% no-repeat}.sun-rays,.hero>.cloud,.cityscape{display:none}.hero-copy{padding:30px 24px 26px 0}.hero-copy:before{content:"";z-index:-1;background:linear-gradient(100deg,#fff9e8ed,#fff9e8b8 78%,#fff9e800);border-radius:40% 35% 45% 25%;position:absolute;inset:0 -10px 60px -32px}.character-zone{perspective:1000px}.stage-aura{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff6cf75;border-color:#fff9}.main-character{transform-style:preserve-3d;transition:none}.departing-character{pointer-events:none;z-index:2}.character-caption{background:#fff9e8eb;border:1.5px solid #20202040;border-radius:18px;padding:10px 5px;top:450px;left:80px;right:80px}.character-caption p{background:0 0;margin:5px auto 0;padding:0}.character-caption .eyebrow{display:none}.character-tabs{background:#fff9e8d9;border-radius:22px 22px 0 0;margin-top:25px;padding:12px 16px 18px}.character-tabs button{background:#fff9e8e8}.little-note{background:#fff9e8d9;border-radius:12px;padding:8px 12px}.closing{background:#c5e9c4}@media (width>=1500px){.character-caption{top:495px}.carousel-controls{top:510px}}@media (width<=1100px){.character-caption{top:425px;left:55px;right:55px}.carousel-controls{top:440px}}@media (width<=760px){.hero{background-color:#c8effa;background-size:100%}.hero-copy{padding:12px 0 22px}.hero-copy:before{background:#fff9e8df;border-radius:22px;inset:-5px -16px 0}.stage-aura{background:#fff6cf90}.character-caption{top:365px;left:53px;right:53px}.carousel-controls{top:385px}.character-tabs{width:calc(100% - 24px);margin-top:0;padding:10px 6px 18px}.closing{background:#c5e9c4}}@media (width<=420px){.character-caption{top:335px}.carousel-controls{top:353px}}@media (width<=350px){.character-caption{top:321px;left:47px;right:47px}.carousel-controls{top:340px}}@media (width>=1101px){.hero-inner,.character-zone{min-height:640px}.main-character{width:68%;left:16%}.stage-paper{top:410px}.character-caption{top:510px}.carousel-controls{top:530px}}.character-zone .orbit-character{transform-origin:50% 100%;will-change:transform;pointer-events:none;top:0;bottom:auto;transition:none!important}.character-eyes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.character-caption,.carousel-controls{z-index:150}.brand span{font-size:23px}.nav-shell{min-height:112px}.hero{padding-top:180px}.book-detail{padding-top:185px}@media (width>=1101px){.character-zone .orbit-character{width:63%;top:5px;left:18.5%}.stage-paper{top:405px}.character-caption{top:510px}}@media (width>=761px) and (width<=1100px){.brand span{font-size:18px;display:block}.brand img{width:80px;height:80px}.nav-shell{gap:14px;min-height:96px}.nav-shell nav{gap:13px}.nav-shell nav a{font-size:11px}.nav-books{display:none}.character-zone .orbit-character{width:72%;top:25px;left:14%}.stage-paper{top:335px}}@media (width<=760px){.brand img{width:72px;height:72px}.brand span{font-size:16px}.nav-shell{min-height:86px}.hero{padding-top:132px}.nav-shell nav{top:96px}.character-zone .orbit-character{width:72%;top:10px;left:14%}.stage-paper{top:295px}.book-detail{padding-top:140px}html{scroll-padding-top:115px}}@media (width<=420px){.brand img{width:66px;height:66px}.brand span{font-size:14px}.nav-shell{min-height:80px}.character-zone .orbit-character{width:75%;top:10px;left:12.5%}.stage-paper{top:275px}}@media (width<=350px){.brand span{font-size:12px;display:block}.brand img{width:58px;height:58px}.nav-shell .nav-books{display:none}.menu-toggle{margin-left:auto}.stage-paper{top:260px}}.opening-sketch{background:inherit;filter:grayscale()brightness(2)contrast(1.2);z-index:160;pointer-events:none;will-change:clip-path;position:absolute;inset:0}.opening-flyer{z-index:170;pointer-events:none;will-change:transform;filter:drop-shadow(0 10px 8px #20202020);width:clamp(240px,31vw,440px);height:auto;position:absolute;top:36%;left:0}.opening-skip{z-index:200;background:#fff9e8;border:2px solid #202020;border-radius:30px;padding:10px 18px;font-size:12px;position:fixed;bottom:25px;right:30px;box-shadow:2px 3px #202020}.hero-copy,.character-zone,.character-tabs{transition:opacity .38s}.opening-painting .hero-copy,.opening-painting .character-zone,.opening-painting .character-tabs{opacity:0;pointer-events:none}.replay-opening{font-size:12px;font-weight:600}@media (width<=760px){.opening-flyer{width:290px;top:40%}.opening-skip{bottom:18px;right:18px}}@media (prefers-reduced-motion:reduce){.opening-sketch,.opening-flyer,.opening-skip{display:none}.opening-painting .hero-copy,.opening-painting .character-zone,.opening-painting .character-tabs{opacity:1;pointer-events:auto}.replay-opening{display:none}}.inside-section{border-bottom:2px solid var(--ink);background:#fffdf3}.inside-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.inside-copy h2{margin:18px 0 24px}.inside-copy>p{max-width:430px}.inside-source{margin-top:18px;font-size:12px}.inside-thumbnails{gap:14px;margin:26px 0;display:flex}.inside-thumbnails button{background:var(--paper);border:2px solid #0000;border-radius:10px;width:110px;padding:7px;transition:transform .15s}.inside-thumbnails button[aria-pressed=true]{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translateY(-3px)}.inside-thumbnails img{aspect-ratio:1;width:100%}.inside-thumbnails span{margin-top:6px;font-size:9px;line-height:1.5;display:block}.inside-preview{border:2px solid var(--ink);background:#fff;border-radius:4px;padding:15px 18px 12px;position:relative;transform:rotate(1deg);box-shadow:7px 8px #dccd98}.inside-enlarge{cursor:zoom-in;background:#fff;border:0;width:100%;padding:0;display:block}.inside-enlarge img{width:100%;height:auto}.inside-controls{justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.inside-controls .circle-button{width:40px;height:40px;box-shadow:2px 2px 0 var(--ink)}.inside-controls p{text-align:center;font-size:11px}.inside-hint{text-align:center;margin-top:8px;font-size:10px}.inside-dialog{border:2px solid var(--ink);background:#fff9e8;border-radius:12px;max-width:min(900px,96vw);max-height:94vh;padding:16px}.inside-dialog::backdrop{background:#202020bd}.inside-dialog>img{object-fit:contain;width:auto;max-height:76vh;margin:16px auto 0}.inside-close{min-height:40px;margin-left:auto;padding:8px 15px;font-size:12px;display:flex}@media (width<=760px){.inside-grid{grid-template-columns:1fr;gap:40px}.inside-copy h2{font-size:39px}.inside-copy>p{font-size:14px}.inside-thumbnails{gap:12px}.inside-thumbnails button{width:100px}.inside-preview{padding:10px;box-shadow:4px 5px #dccd98}.inside-controls{padding:5px}.inside-dialog{padding:10px}}.social-icon{border:2px solid var(--ink);background:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:background .18s,transform .18s;display:grid}.social-icon svg{width:21px;height:21px}.social-icon:hover{background:var(--sky);transform:translateY(-2px)}.nav-shell{gap:23px}.nav-shell nav{gap:22px}.header-social{margin-left:0}.site-footer{background:var(--ink);color:var(--paper);border-top:3px solid var(--ink);padding-top:60px;display:block}.footer-main{grid-template-columns:1.35fr .65fr .7fr 1fr;gap:45px;padding-bottom:48px;display:grid}.footer-brand{align-items:center;gap:16px;font-size:23px}.footer-brand img{flex-shrink:0;width:96px;height:96px}.footer-about>p{color:#eee5cd;max-width:280px;margin:20px 0 15px;font-size:12px;line-height:1.9}.footer-tagline{color:var(--yellow);font-family:Fredoka;font-size:19px}.footer-links,.footer-grownups{flex-direction:column;align-items:flex-start;gap:13px;font-size:12px;font-weight:400;display:flex}.footer-main h2{color:var(--yellow);letter-spacing:0;margin-bottom:9px;font-size:21px;line-height:1.3}.footer-links a,.footer-grownups a{text-underline-offset:5px;line-height:1.7}.footer-links a:hover,.footer-grownups a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-social>p{color:#eee5cd;margin:20px 0;font-size:12px;line-height:1.9}.instagram-link{align-items:center;gap:12px;line-height:1.4;display:flex}.instagram-link svg{flex-shrink:0;width:35px;height:35px}.instagram-link span{font-size:12px;font-weight:600}.instagram-link small{overflow-wrap:anywhere;margin-top:6px;font-size:10px;font-weight:400;display:block}.instagram-link:hover{color:var(--yellow)}.footer-bottom{color:#eee5cd;border-color:#fff3cb40;padding-top:22px;font-size:10px}.footer-links .replay-opening{color:var(--paper);text-align:left;padding:0;font-size:12px;font-weight:400}.site-footer :focus-visible{outline-color:var(--yellow);box-shadow:none}@media (width<=1100px){.nav-shell,.nav-shell nav{gap:14px}.footer-main{grid-template-columns:1.2fr 1fr;gap:40px}.footer-brand{font-size:24px}.footer-about>p{max-width:300px}}@media (width<=760px){.nav-shell{gap:5px}.header-social{width:38px;height:38px;margin-left:auto}.header-social svg{width:20px;height:20px}.nav-shell .nav-books{margin-left:2px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:32px}.footer-about,.footer-social{grid-column:1/-1}.footer-brand img{width:85px;height:85px}.footer-brand{font-size:24px}.footer-about>p{max-width:320px;font-size:13px}.footer-main h2{font-size:22px}.footer-links,.footer-grownups{gap:13px;font-size:13px}.footer-social>p{margin:12px 0 18px}.footer-social .instagram-link{width:fit-content}.footer-bottom{gap:13px}.footer-tagline{font-size:20px}.site-footer{padding-top:40px}}@media (width<=350px){.header-social{margin-left:auto}.menu-toggle{margin-left:0}.nav-shell{gap:5px}.footer-main{gap:30px 15px}.footer-brand{font-size:21px}.footer-brand img{width:72px;height:72px}}.inside-grid>*{min-width:0}.inside-thumbnails button{flex:0 110px;min-width:0}@media (width<=760px){.inside-thumbnails button{flex:1 1 0;max-width:100px}.footer-about,.footer-social,.footer-main nav{min-width:0}}.paint-filters{pointer-events:none;position:absolute}.site-header{top:22px}.nav-shell{width:calc(100% - 52px);max-width:1500px;min-height:120px;box-shadow:none;isolation:isolate;background:0 0;border:0;gap:18px;padding:7px 25px;position:relative}.nav-shell:before{content:"";filter:url(#paper-edge);z-index:-1;background:#fffcef;border:3px solid #202020;border-radius:30px 24px 28px 23px;position:absolute;inset:0;box-shadow:0 3px #202020}.brand img{width:104px;height:104px}.brand span{letter-spacing:-.025em;font-size:29px;font-weight:650;line-height:1.02}.nav-shell nav{gap:30px;margin-left:auto;margin-right:0}.nav-shell nav a{font-family:Fredoka;font-size:19px;font-weight:600}.nav-books.button{min-height:67px;box-shadow:none;border:3px solid var(--ink);white-space:nowrap;background:#eb0029;border-radius:20px;padding:13px 23px;font-family:Fredoka;font-size:25px;transform:rotate(-2deg)}.nav-books svg{width:28px;height:28px}.header-social{border-width:1.5px;width:35px;height:35px}.hero{background-position:50% calc(100% + 105px);padding-top:200px;padding-bottom:155px}.hero-inner{grid-template-columns:48% 52%;width:calc(100% - 110px);max-width:1430px;min-height:565px}.hero-copy{z-index:145;padding:23px 0 0}.hero-copy:before{filter:url(#paper-edge);background:#fffdefed;border-radius:37% 30% 25% 8%;inset:-9px -18px 55px -32px}.hero h1{letter-spacing:-.035em;max-width:none;font-size:clamp(66px,6.1vw,94px);font-weight:700;line-height:.99}.hero-copy>p{max-width:590px;margin:25px 0 29px;font-family:Fredoka;font-size:29px;font-weight:450;line-height:1.3}.label-sticker{letter-spacing:.08em;white-space:nowrap;background:#fff9e6;margin-bottom:25px;padding:9px 15px;font-family:Fredoka;font-size:17px;font-weight:550;transform:rotate(-5deg)}.heading-spark{color:#eb0029;top:48px;right:5%}.hero-actions{flex-wrap:nowrap;gap:20px}.hero-actions>.button{border:3px solid var(--ink);min-height:77px;box-shadow:none;isolation:isolate;white-space:nowrap;background:#eb0029;border-radius:22px;gap:12px;padding:17px 22px;font-family:Fredoka;font-size:24px;line-height:1.05;position:relative}.hero-actions>.button svg{width:26px;height:26px}.hero-actions>.text-link{border:3px solid var(--ink);background:#fffcef;border-radius:20px;flex-shrink:0;gap:10px;min-height:77px;padding:12px 17px;font-family:Fredoka;font-size:23px;font-weight:500;line-height:1.1;transform:rotate(-2deg)}.hero-actions>.text-link svg{color:#e2a918;width:28px;height:28px}.hero-actions>.button:after,.nav-books:after{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #fff8;position:absolute;inset:4px}.nav-books{position:relative}.hero-actions>.button:hover,.nav-books.button:hover{box-shadow:none;background:#c82032}.little-note,.stage-aura,.stage-paper,.character-hint,.character-tabs{display:none}.character-zone{min-height:565px}.character-zone .orbit-character{width:66%;top:0;left:17%}.orbit-character>img{filter:drop-shadow(4px 0 #fff)drop-shadow(-4px 0 #fff)drop-shadow(0 4px #fff)drop-shadow(0 -4px #fff)}.character-caption{border:3px solid var(--ink);filter:url(#paper-edge);background:#fffcef;border-radius:25px;padding:10px 10px 12px;top:455px;left:85px;right:85px;transform:rotate(-1deg)}.character-caption h2{white-space:nowrap;margin:0 auto 9px;font-size:39px;font-weight:650;line-height:1.1;display:inline-block;position:relative}.character-caption h2:after{content:"";background:#ffd63d;height:6px;position:absolute;bottom:-4px;left:0;right:0;transform:rotate(-1deg)}.character-caption p{margin:0;font-family:Fredoka;font-size:19px;line-height:1.2}.carousel-controls{top:478px;left:9px;right:9px}.carousel-controls>.circle-button{border:3px solid var(--ink);background:#fffcef;width:67px;height:67px;box-shadow:0 0 0 6px #fff}.carousel-controls .circle-button svg{width:30px;height:30px}#character-counter{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.star-one{color:#ffd63d;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:58px;top:20px;right:1%}.star-two{font-size:38px;top:65px;left:3%}.books-section{z-index:2;background:#fffcef;border:0;border-radius:40px 32px 0 0;width:calc(100% - 64px);max-width:1500px;margin:-25px auto 0;padding:30px 0 65px;position:relative}.books-section>.wrap{width:calc(100% - 60px)}.books-section .section-heading{text-align:center;justify-content:center;margin-bottom:30px}.books-section .section-heading .eyebrow,.books-section .section-heading>p{display:none}.books-section h2{font-size:57px;font-weight:650}.books-section .cover-link{box-shadow:none;background:0 0;border:0;padding:0}.story-section{border-top:0}@media (width<=1350px) and (width>=1101px){.nav-shell{gap:13px;padding-inline:20px}.brand span{font-size:24px}.brand img{width:90px;height:90px}.nav-shell nav{gap:19px}.nav-shell nav a{font-size:16px}.nav-books.button{padding-inline:17px;font-size:22px}.hero-actions>.button{padding-inline:15px;font-size:20px}.hero-actions>.text-link{padding-inline:14px;font-size:20px}.hero-copy>p{font-size:26px}.character-caption h2{font-size:32px}.character-caption p{font-size:17px}.hero h1{font-size:clamp(66px,6vw,81px)}}@media (width>=1500px){.hero-inner,.character-zone{min-height:600px}.character-caption{top:490px}.carousel-controls{top:512px}}@media (width<=1100px) and (width>=761px){.site-header{top:16px}.nav-shell{gap:12px;min-height:96px;padding-inline:17px}.brand img{width:80px;height:80px}.brand span{font-size:21px}.nav-shell nav{gap:16px}.nav-shell nav a{font-size:15px}.nav-books.button{display:none}.hero{padding-top:160px;padding-bottom:115px}.hero-inner{grid-template-columns:49% 51%;width:calc(100% - 64px);min-height:530px}.hero h1{font-size:59px}.label-sticker{padding:8px;font-size:12px}.hero-copy>p{margin-top:23px;font-size:24px}.hero-actions{flex-wrap:wrap;gap:13px}.hero-actions>.button{min-height:59px;font-size:20px}.hero-actions>.text-link{min-height:58px;font-size:19px}.hero-actions>.text-link br{display:none}.character-zone{min-height:530px}.character-zone .orbit-character{width:77%;top:30px;left:11.5%}.character-caption{padding:12px 5px;top:390px;left:52px;right:52px}.character-caption h2{font-size:25px}.character-caption p{font-size:14px}.carousel-controls{top:405px;left:-3px;right:-3px}.carousel-controls>.circle-button{width:46px;height:46px;box-shadow:0 0 0 4px #fff}.books-section h2{font-size:44px}}@media (width<=760px){.site-header{top:12px}.nav-shell{gap:5px;width:calc(100% - 24px);min-height:82px;padding:5px 12px}.nav-shell:before{border-width:2px;border-radius:20px}.brand img{width:66px;height:66px}.brand span{font-size:15px}.header-social{width:36px;height:36px;margin-left:auto}.nav-shell nav{margin:0;top:95px}.nav-shell nav a{font-size:19px}.nav-books.button{display:none}.menu-toggle{margin-left:2px}.hero{background-position:bottom;padding-top:130px;padding-bottom:95px}.hero-inner{width:calc(100% - 40px);min-height:0;display:flex}.hero-copy{padding:13px 0 20px}.hero-copy:before{background:#fffdefed;border-radius:26px;inset:-5px -13px 0}.label-sticker{letter-spacing:.04em;margin-bottom:23px;padding:7px 9px;font-size:11px}.hero h1{font-size:clamp(43px,11.8vw,68px);line-height:1.02}.hero-copy>p{margin:22px 0 24px;font-size:23px;line-height:1.3}.hero-actions{flex-wrap:wrap;gap:15px}.hero-actions>.button{white-space:normal;gap:8px;min-height:59px;padding:13px 16px;font-size:20px}.hero-actions>.text-link{min-height:54px;padding:10px 14px;font-size:19px;transform:none}.hero-actions>.text-link br{display:none}.character-zone{min-height:480px;margin-top:28px}.character-zone .orbit-character{width:76%;top:0;left:12%}.character-caption{padding:10px 4px;top:350px;left:51px;right:51px}.character-caption h2{margin-bottom:8px;font-size:26px}.character-caption p{font-size:14px}.carousel-controls{top:365px;left:0;right:0}.carousel-controls>.circle-button{border-width:2px;width:40px;height:40px;box-shadow:0 0 0 4px #fff}.carousel-controls .circle-button svg{width:23px;height:23px}.star-one{font-size:40px;top:10px;right:0}.star-two{font-size:30px;top:40px;left:0}.books-section{border-radius:26px 26px 0 0;width:calc(100% - 24px);margin-top:-25px;padding:25px 0 45px}.books-section>.wrap{width:calc(100% - 32px)}.books-section h2{font-size:37px}.books-section .book-grid{gap:30px 18px}.books-section .section-heading{margin-bottom:27px}}@media (width<=420px){.hero h1{font-size:45px}.hero-copy>p{font-size:22px}.character-zone{min-height:425px}.character-caption{top:300px;left:50px;right:50px}.character-caption h2{font-size:24px}.character-caption p{font-size:12px}.carousel-controls{top:320px}.brand span{font-size:14px}.books-section h2{font-size:32px}}@media (width<=350px){.brand span{font-size:12px}.brand img{width:58px;height:58px}.nav-shell{min-height:76px}.hero h1{font-size:39px}.hero-copy>p{font-size:20px}.label-sticker{font-size:9px}.hero-actions>.button{font-size:18px}.hero-actions>.text-link{font-size:17px}.character-zone{min-height:390px}.character-caption{top:265px;left:46px;right:46px}.character-caption h2{font-size:20px}.character-caption p{font-size:11px}.carousel-controls{top:283px}.hero{padding-bottom:80px}}.character-caption{filter:none;isolation:isolate;background:0 0;border-color:#0000}.character-caption:before{content:"";z-index:-1;filter:url(#paper-edge);background:#fffcef;border:3px solid #202020;border-radius:25px;position:absolute;inset:-2px}.character-caption h2{white-space:normal}.character-caption h2:before{content:"★";color:#eb0029;-webkit-text-stroke:1px #202020;paint-order:stroke fill;margin-right:13px;font-size:.85em;display:inline-block;transform:rotate(-12deg)}.hero{padding-bottom:200px}.hero-actions>.button:after,.nav-books:after{filter:url(#paper-edge);opacity:.8;border-style:dashed}@media (width<=1100px) and (width>=761px){.hero{padding-bottom:135px}.character-caption h2:before{margin-right:5px}}@media (width<=760px){.hero{padding-bottom:95px}.character-caption h2:before{margin-right:5px;font-size:.7em}.character-caption h2{font-size:25px}}@media (width<=420px){.character-caption h2{font-size:22px}}@media (width<=350px){.hero{padding-bottom:80px}.character-caption h2{font-size:19px}}@media (width<=760px){.hero{background-image:url(/assets/city-crayon-mobile.webp)}.hero-copy:before,.nav-shell:before,.character-caption:before{filter:none}}.story-section{background:#edf9fc}.hero{background-image:url(/assets/city-crayon.webp),url(/assets/city-crayon.webp);background-position:bottom,0 0;background-repeat:no-repeat;background-size:100% calc(100% - 150px),125%}.hero-copy:before{opacity:1;filter:url(#paper-edge);background:#fffdef;border-radius:35% 30% 25% 8%}.hero h1{color:#080808;text-shadow:none;-webkit-text-fill-color:currentColor;background:0 0}.hero h1>span{color:#eb0029}.nav-shell:before{background-color:#fffcef;background-image:url(/assets/crayon-grain.svg);background-size:180px 120px;box-shadow:0 2px #202020}.nav-books.button,.hero-actions>.button{outline-offset:1px;isolation:isolate;background-color:#eb0029;background-image:url(/assets/crayon-grain.svg);background-size:120px 85px;border:0;outline:2px solid #202020}.hero-actions>.button:after,.nav-books:after{border-radius:inherit;filter:url(#paper-edge);opacity:.7;border:3px solid #fffcef;inset:-3px}.star-one{color:#ffd63d;-webkit-text-stroke:2px #151515;filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff);font-size:66px;top:20px;left:10%;right:auto;transform:rotate(-13deg)}.star-two{color:#fffcef;-webkit-text-stroke:2px #151515;font-size:43px;top:108px;left:2%;right:auto}.character-zone:after{content:"★";z-index:5;color:#eb0029;-webkit-text-stroke:2px #151515;paint-order:stroke fill;filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff);pointer-events:none;font-size:34px;position:absolute;top:158px;left:10%;transform:rotate(12deg)}@media (width>=761px) and (width<=1100px){.hero{background-size:100% calc(100% - 125px),125%}.star-one{font-size:50px;top:0;left:8%}.star-two{font-size:34px;top:64px;left:0}.character-zone:after{font-size:27px;top:110px;left:7%}}@media (width<=760px){.hero{background-image:url(/assets/city-crayon-mobile.webp);background-position:bottom;background-size:100%}.hero-copy:before{filter:none;background:#fffdef}.star-one{font-size:43px;top:0;left:7%;right:auto}.star-two{font-size:29px;top:48px;left:0}.character-zone:after{font-size:25px;top:87px;left:7%}}.nav-shell:before{box-shadow:none;filter:none;background-color:#fffcef;border:0;border-radius:0;inset:-4px;-webkit-mask:url(/assets/crayon-header-mask.svg) 50%/100% 100% no-repeat;mask:url(/assets/crayon-header-mask.svg) 50%/100% 100% no-repeat}.nav-books.button,.hero-actions>.button{box-shadow:none;isolation:isolate;background:0 0;border:0;outline:none;position:relative}.nav-books.button:before,.hero-actions>.button:before{content:"";z-index:-1;pointer-events:none;background:#eb0029 url(/assets/crayon-grain.svg) 50%/180px 90px;border:0;transition:background-color .18s;position:absolute;inset:-6px;-webkit-mask:url(/assets/crayon-button-mask.svg) 50%/100% 100% no-repeat;mask:url(/assets/crayon-button-mask.svg) 50%/100% 100% no-repeat}.nav-books:after,.hero-actions>.button:after{display:none}.nav-books.button:hover,.hero-actions>.button:hover{box-shadow:none;background:0 0}.nav-books.button:hover:before,.hero-actions>.button:hover:before{background-color:#c82032}.nav-books.button:focus-visible,.hero-actions>.button:focus-visible{outline-offset:5px;outline:3px solid #202020}@media (width<=760px){.nav-shell:before{-webkit-mask-image:url(/assets/crayon-button-mask.svg);mask-image:url(/assets/crayon-button-mask.svg)}}.site-header{transition:top .2s}.nav-shell,.brand img,.brand span,.nav-books.button{transition:min-height .2s,width .2s,height .2s,font-size .2s,padding .2s}.nav-shell:before{transition:opacity .2s}.site-header.is-scrolled{top:8px}.is-scrolled .nav-shell{min-height:64px;padding-block:5px}.is-scrolled .nav-shell:before{opacity:.76}.is-scrolled .brand img{width:54px;height:54px}.is-scrolled .brand span{font-size:20px}.is-scrolled .nav-shell nav a{font-size:16px}.is-scrolled .nav-books.button{min-height:43px;padding:8px 18px;font-size:19px}.is-scrolled .nav-books svg{width:23px;height:23px}.is-scrolled .nav-shell:focus-within:before{opacity:.95}@media (width<=760px){.is-scrolled .nav-shell{min-height:56px;padding-block:4px}.is-scrolled .brand img{width:46px;height:46px}.is-scrolled .brand span{font-size:13px}.is-scrolled .nav-shell nav{top:64px}.is-scrolled .nav-shell nav a{font-size:19px}}@media (width<=350px){.is-scrolled .brand span{font-size:12px}}@media (prefers-reduced-motion:reduce){.site-header,.nav-shell,.brand img,.brand span,.nav-books.button,.nav-shell:before{transition:none}}@media (width>=761px){.hero-copy{align-self:start;padding-bottom:15px}.hero-copy:before{border-bottom-right-radius:55px;border-bottom-left-radius:32px;bottom:0}}.character-zone{container-type:inline-size}.character-caption{top:calc(67.5981cqw - 10px)}.carousel-controls{top:calc(67.5981cqw + 13px)}.character-caption p{margin:0 auto}@media (width<=1100px) and (width>=761px){.character-caption{top:calc(20px + 78.8644cqw)}.carousel-controls{top:calc(35px + 78.8644cqw)}}@media (width<=760px){.character-caption{top:calc(min(77.8402cqw,350px) - 10px)}.carousel-controls{top:calc(min(77.8402cqw,350px) + 5px)}}#character-link{display:block}#character-link:hover h2{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.character-card{background:var(--sky)}.character-card img{aspect-ratio:auto;border:0;width:auto;max-height:480px;margin:auto}.detail-copy>.book-line,.info-card .book-line{font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-size:27px;font-weight:500;line-height:1.3}.moments{gap:14px;margin:0;padding:0;list-style:none;display:grid}.moments li+li{border-top:1px dashed #20202066;padding-top:14px}.retailer-note .moments p{font-size:14px;line-height:1.6}.moments .text-link{gap:8px;padding:4px 0;font-size:12px}.moments .text-link svg{width:16px}.detail-bottom p a{text-underline-offset:4px;text-decoration:underline}.cast-row{flex-wrap:wrap;justify-content:center;gap:18px;margin:30px auto 0;padding:0;list-style:none;display:flex}.cast-row li{width:150px}.cast-row a{border:var(--line);height:100%;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s;display:flex}.cast-row a:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.cast-row img{width:auto;height:110px}.page-intro{text-align:center;padding-bottom:45px}.page-intro h1{margin:16px 0 18px}.page-intro p{max-width:560px;margin:auto;font-size:17px}.page-section{padding-bottom:70px}.info-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.info-card{border:var(--line);box-shadow:5px 6px 0 var(--ink);background:#fff;border-radius:18px;padding:30px}.info-card h2{margin-bottom:14px;font-size:28px}.info-card p{font-size:15px}.info-card p+p{margin-top:12px}.info-card a:not(.text-link){text-underline-offset:4px;text-decoration:underline}.reading-order,.plain-list{margin:0 0 12px;padding-left:22px;font-size:15px;line-height:1.9}.coming-panel{border:var(--line);max-width:760px;box-shadow:6px 7px 0 var(--ink);background:#fff;border-radius:22px;align-items:center;gap:40px;margin:0 auto;padding:30px 40px;display:flex}.coming-panel img{flex-shrink:0;width:170px}.coming-panel h3{margin-bottom:10px}.watch-note{text-align:center;margin-top:24px;font-size:12px}.episode-grid,.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.episode,.episode-frame{aspect-ratio:16/9;border:var(--line);background:var(--sky);border-radius:18px;width:100%;display:block}.episode{box-shadow:4px 4px 0 var(--ink);padding:12px;font-weight:600;position:relative}.episode img{width:auto;height:75%;margin:auto}.episode .play{background:var(--red);color:#fff;border:var(--line);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet-grid a{gap:10px;font-weight:600;display:grid}.sheet-grid img{border:var(--line);background:#fff;border-radius:12px}@media (width<=760px){.info-grid{grid-template-columns:1fr;gap:20px}.info-card{padding:22px}.info-card h2{font-size:24px}.detail-copy>.book-line,.info-card .book-line{font-size:21px}.page-intro{padding-bottom:30px}.page-intro p{font-size:15px}.coming-panel{text-align:center;flex-direction:column;gap:18px;padding:24px}.coming-panel img{width:130px}.cast-row{gap:10px}.cast-row li{width:calc(50% - 5px)}.cast-row img{height:90px}.character-card img{max-height:340px}}.opening-pending .hero-copy,.opening-pending .character-zone,.opening-pending .character-tabs{opacity:0;pointer-events:none;transition:none}.opening-pending .hero:after{content:"";background:inherit;filter:grayscale()brightness(2)contrast(1.2);z-index:160;pointer-events:none;position:absolute;inset:0}@media (width>=1101px){.book-grid{grid-template-columns:repeat(3,1fr);gap:46px 40px}}.sheet-grid img{width:100%;height:auto}.sheet-grid span{font-size:15px;line-height:1.35}.sheet-grid small{margin-top:4px;font-size:12px;font-weight:400;display:block}.sheet-grid a:hover img{box-shadow:4px 4px 0 var(--ink)}.sheet-notes{margin-top:60px}@media (width<=760px){.sheet-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.sheet-grid span{font-size:13px}.sheet-grid small{font-size:11px}.sheet-notes{margin-top:40px}}