@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=Kalam:wght@400;700&display=swap');
:root{--ink:#191919;--paper:#faf9f4;--yellow:#ffdc40;--pink:#f291b5;--blue:#287ac0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5.5%;border-bottom:1.5px solid var(--ink);gap:25px;background:var(--paper)}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:25px;line-height:.85;font-weight:900;letter-spacing:-1px;transform:rotate(-3deg);display:block}.brand>span{display:block}.dot{display:inline-block;color:#ee4d50;font-size:28px;margin-left:5px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-block;background:var(--ink);color:white;border:2px solid var(--ink);padding:13px 21px;font-size:14px;font-weight:700;box-shadow:3px 3px 0 transparent;transition:.2s}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pink)}.button.small{padding:10px 17px;font-size:13px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:65px 5.5% 56px;overflow:hidden;gap:25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;display:block;margin:0 0 20px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.98;font-size:clamp(65px,6.9vw,112px);letter-spacing:-2px;margin:0 0 28px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:'';position:absolute;inset:63% -8px 0;background:var(--yellow);z-index:-1;transform:rotate(-2deg);clip-path:polygon(1% 5%,100% 0,98% 90%,0 100%)}.intro{max-width:460px;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;background:none;border:0;padding:0;display:inline-block}.handnote{font-family:Kalam,'Comic Sans MS',cursive;font-size:20px}.hero .handnote{transform:rotate(-3deg);margin:23px 0 0 25px}.hero-art{position:relative;height:440px}.hero-art img{position:absolute;mix-blend-mode:multiply;object-fit:contain}.hero-art .paper{width:62%;height:310px;left:-1%;bottom:30px;transform:rotate(-8deg)}.hero-art .crayon{width:45%;height:360px;right:0;bottom:15px;transform:rotate(9deg)}.pink-splash{position:absolute;background:var(--pink);width:83%;height:65%;top:23%;left:10%;border-radius:48% 38% 50% 38%;transform:rotate(-15deg);opacity:.75}.star{position:absolute;right:2%;top:-30px;color:var(--blue);font-size:90px;line-height:1;transform:rotate(12deg)}.hello{position:absolute;left:4%;top:0;font-family:Kalam,cursive;transform:rotate(-7deg);font-size:24px}.art-caption{position:absolute;bottom:-15px;left:25%;font-size:11px;font-weight:700;letter-spacing:2px;transform:rotate(-4deg)}.blue-loop{position:absolute;left:-8%;bottom:35px;width:90px;height:40px;border:4px solid var(--blue);border-radius:50%;transform:rotate(-40deg)}.ticker{background:var(--yellow);display:flex;justify-content:space-evenly;align-items:center;gap:25px;padding:17px 20px;border-top:2px solid;border-bottom:2px solid;transform:rotate(-1deg);font-size:20px;font-weight:800;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}.section{padding:90px 7%;scroll-margin-top:10px}h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.03;font-size:clamp(42px,4.2vw,67px);letter-spacing:-.6px;margin:0 0 25px}h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.08;font-size:35px;margin:12px 0}p{margin:0 0 19px}.story{display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:46px;align-items:start}.story h2{font-size:45px}.lead{font-size:20px;font-weight:600}.story p:not(.eyebrow){font-size:14px}.mission{border:2px solid;padding:22px;transform:rotate(3deg);text-align:center;box-shadow:6px 6px 0 var(--yellow)}.mission strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;line-height:1.2}.mission span:not(.handnote){font-size:15px}.mission small{display:block;font-size:10px;margin-top:15px}.mission .handnote{font-size:17px}.characters{background:#eeeae1;border-top:1px solid;border-bottom:1px solid}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head>p{font-size:14px;max-width:330px}.character-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.character-art{height:395px;background:var(--paper);border:2px solid;border-radius:48% 46% 42% 45%;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg);position:relative}.character-art img{width:80%;height:90%;object-fit:contain;mix-blend-mode:multiply}.tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.tabs button,.filters button{border:1.5px solid var(--ink);background:transparent;font-size:13px;padding:8px 16px;border-radius:30px}.tabs button[aria-selected=true],.filters button.active{background:var(--ink);color:white}.character-info h3{font-size:48px}.character-info>p{max-width:460px;font-size:15px}.character-info .eyebrow{margin-bottom:5px}.book-line{border-top:1px solid #aaa;padding-top:22px;margin-top:25px}.book-line>span{font-size:10px;font-weight:700;letter-spacing:1px}h4{font-size:22px;line-height:1.2;margin:10px 0}.book-line p{font-size:13px;margin-bottom:12px}.coming{border-top:1px dashed #777;margin-top:50px;padding-top:20px;font-size:13px;margin-bottom:0}.pack{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.pack-art{min-height:440px;position:relative;display:flex;align-items:center}.mini-book{z-index:2;position:relative;background:#fff;width:53%;border:2px solid;box-shadow:7px 6px 0 #aaa;transform:rotate(-9deg);padding:20px 20px 12px;text-align:center;aspect-ratio:.8}.mini-book>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:.8;display:block}.mini-book b{color:#ef4744}.mini-book span small{font-size:18px}.mini-book img{width:70%;height:110px;object-fit:contain}.mini-book>small{display:block;font-size:8px;letter-spacing:1px}.blank-book{position:absolute;left:45%;top:12%;width:41%;height:64%;background:var(--yellow);border:2px solid;transform:rotate(12deg);padding:30px 22px;font-family:Kalam,cursive;font-weight:bold;font-size:28px;line-height:1.25}.blank-book span{font-size:80px}.crayon-sticks{display:flex;gap:9px;position:absolute;bottom:30px;right:10%;transform:rotate(18deg);z-index:3}.crayon-sticks i{width:18px;height:100px;background:#e94b48;border:2px solid;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)}.crayon-sticks i:nth-child(2){background:#3b8bc5}.crayon-sticks i:nth-child(3){background:#f0b525}.crayon-sticks i:nth-child(4){background:#64a880}.pack-sticker{position:absolute;background:var(--pink);border:2px solid;border-radius:50%;padding:20px;font-family:Kalam,cursive;line-height:1.2;right:-12px;top:0;transform:rotate(8deg);z-index:3}.illustration-note{position:absolute;bottom:0;font-size:10px;color:#666}.contents{list-style:none;padding:0;font-size:14px;line-height:2.1}.price{font-size:38px;font-weight:700;margin-bottom:15px}.price span{font-size:12px;font-weight:400}.shop-note{display:block;font-size:11px;color:#666;margin-top:15px;max-width:340px}.create{border-top:2px solid;background:#fff}.filters{display:flex;gap:7px;flex-wrap:wrap}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.resources article{border:1.5px solid;padding:27px 25px;box-shadow:4px 4px 0 #191919;display:flex;align-items:start;flex-direction:column}.resources article[hidden]{display:none}.resources .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:0}.resource-icon{font-size:55px;line-height:1.2;margin-bottom:20px;color:#e59c00}.resource-icon.blue{color:var(--blue)}.resource-icon.pink{color:#dc6c9d}.resources h3{font-size:30px}.resources p{font-size:13px;flex:1}.resources .text-link{margin-top:12px;font-size:12px;text-align:left}.draw-panel{margin-top:45px;background:var(--paper);padding:30px;display:grid;grid-template-columns:1fr 1.25fr;gap:35px;border:1px dashed #888}.draw-panel p{font-size:13px}.draw-panel small{display:block;font-size:10px;margin-top:15px}.draw-panel canvas{width:100%;height:280px;background:white;border:1.5px solid #222;touch-action:none;cursor:crosshair}.swatches{display:flex;gap:12px;margin:18px 0}.swatches button{background:var(--swatch);width:27px;height:27px;border:2px solid white;border-radius:50%;outline:1px solid #999}.swatches button[aria-pressed=true]{outline:3px solid #333}.watch{background:#eeeae1;border-block:1.5px solid}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.video{background:#faf9f4;aspect-ratio:.76;position:relative;border:2px solid;padding:22px;overflow:hidden;display:flex;flex-direction:column}.video.yellow{background:var(--yellow);transform:rotate(-2deg)}.video.blue-video{background:#ffdc40;transform:rotate(2deg)}.video-label{font-size:9px;letter-spacing:1.5px;font-weight:700;z-index:1}.video-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,4.6vw,73px);font-weight:900;line-height:.95;display:block;margin-top:28px;z-index:1}.video-title>span{font-family:Kalam,cursive;display:block;color:#e14c56;font-size:80px;margin-left:40%}.video-title i{font-family:Kalam,cursive;font-size:35px}.video img{position:absolute;height:45%;width:70%;object-fit:contain;bottom:70px;right:0;mix-blend-mode:multiply;transform:rotate(12deg)}.video>div{margin-top:auto;border-top:1px solid;padding-top:15px;font-size:12px;font-weight:600;z-index:1}.video small{display:block;font-size:10px;font-weight:400;margin-top:4px}.play{position:absolute;bottom:115px;left:22px;border:1.5px solid;background:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:22px;z-index:2}.short-guide{margin-top:35px;border-block:1px solid;padding:18px 0;font-size:13px}.short-guide summary{cursor:pointer;font-weight:600;list-style:none}.short-guide summary span{float:right}.short-guide p{padding-top:18px;max-width:850px;margin:0}.video-note{font-size:10px;color:#555;margin:15px 0 0}.follow{text-align:center;padding-block:90px 70px}.follow h2{font-size:85px}.follow h2>span{font-family:Kalam,cursive;font-size:75px;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:9px}.follow .actions{justify-content:center}.outline{background:transparent;color:var(--ink)}#share-status{font-size:12px;margin-top:20px}footer{border-top:1.5px solid;display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:30px;padding:35px 5.5%;align-items:center}footer p{font-size:12px;margin:0}footer>a:not(.brand){font-size:12px;font-weight:600}footer small{grid-column:1/-1;font-size:10px;color:#777}dialog{border:2px solid;padding:40px;width:min(700px,90vw);max-height:85vh;overflow:auto;background:var(--paper)}dialog::backdrop{background:#0009}.close{position:absolute;right:15px;top:6px;background:none;border:0;font-size:32px}.activity-box{border:1px solid;min-height:130px;margin:20px 0;padding:15px;font-size:13px}.activity-lines{line-height:3;border-bottom:1px solid #777;margin-bottom:30px}dialog h2{font-size:42px}dialog p{font-size:14px}dialog .button{margin-top:15px}@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero{min-height:730px}.hero-art{height:520px}.hero-art .paper{height:380px}.hero-art .crayon{height:430px}}@media(max-width:900px){nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr 1fr;min-height:570px}.hero h1{font-size:65px}.hero-art{height:340px}.hero-art .paper{height:230px}.hero-art .crayon{height:290px}.story{grid-template-columns:1fr 1fr;gap:30px}.mission{grid-column:1/-1;max-width:350px;justify-self:center}.section{padding:65px 6%}.pack{gap:35px}.pack-art{min-height:380px}.mini-book>span{font-size:29px}.blank-book{font-size:22px}.resources{gap:15px}.resources article{padding:20px 15px}.video-title{font-size:48px}.video-title i{font-size:25px}.video{padding:16px}.video>div{font-size:10px}}@media(max-width:650px){header{padding:20px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:23px}header .button{font-size:11px;padding:8px 11px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:42px;gap:30px}.hero h1{font-size:68px}.intro{font-size:15px}.eyebrow{font-size:9px}.hero-art{height:350px;margin:10px 5%}.hero-art .paper{height:260px}.hero-art .crayon{height:310px}.hello{font-size:20px}.hero .handnote{font-size:17px}.actions{gap:18px}.ticker{gap:16px;font-size:14px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.ticker span{flex-shrink:0}.story,.character-layout,.pack,.draw-panel{grid-template-columns:1fr}.story h2{font-size:43px}.section-head{display:block}.section-head>p{margin-top:20px}.character-art{height:300px;max-width:420px}.character-info{margin-top:25px}.character-info h3{font-size:42px}.coming{font-size:12px}.pack-art{order:2;max-width:380px;width:100%;justify-self:center;min-height:400px;margin-top:20px}.pack{gap:10px}.pack-sticker{right:0}.resources{grid-template-columns:1fr}.filters{margin:20px 0}.resources article{padding:25px}.resource-icon{font-size:40px;margin-bottom:12px}.draw-panel{padding:22px;gap:25px}.draw-panel canvas{height:230px}.videos{gap:25px;grid-template-columns:1fr}.video{aspect-ratio:1;max-width:350px;width:100%;justify-self:center;padding:25px}.video-title{font-size:65px}.video-title i{font-size:35px}.video>div{font-size:12px}.video.blue-video{aspect-ratio:1.15}.video-title>span{font-size:65px}.follow h2{font-size:65px}.follow h2>span{font-size:59px}.follow p{font-size:14px}.follow .eyebrow{font-size:9px}.follow .actions{flex-direction:column}.section{padding:55px 6%}footer{grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:10px}footer>a:not(.brand){grid-column:1/-1}dialog{padding:30px 20px}.hero .text-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body>*{display:none!important}body:has(dialog[open]) dialog{display:block!important;position:static;width:100%;max-height:none;border:0;background:white}dialog button{display:none!important}dialog .activity-box{height:220px}dialog::backdrop{display:none}}

body{overflow-x:clip}

.logo-brand{transform:none;line-height:0;flex-shrink:0}.logo-brand img{display:block;width:112px;height:auto}header{padding-top:14px;padding-bottom:14px}.hero .eyebrow{color:#b80d18}footer .logo-brand img{width:110px}@media(max-width:650px){.logo-brand img{width:90px}header{padding-top:12px;padding-bottom:15px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}}

.pack-art.pack-photo{min-height:0;height:auto;max-width:none;display:flex;align-items:center;background:none;transform:none}.pack-photo>img{display:block;width:100%;height:auto;border-radius:3px}@media(max-width:650px){.pack-art.pack-photo{max-width:none;margin-top:25px}}

.hero-art{height:510px}.hero-sketches{position:absolute;top:-24px;left:9%;width:200px;transform:rotate(-5deg);z-index:2}.hero-sketches>span:first-child{font-family:Kalam,cursive;font-size:19px;display:block;margin-bottom:5px}.sketch-pair{display:flex;gap:14px;align-items:center;height:115px}.sketch-pair svg{height:100%;width:auto;overflow:hidden}.sketch-arrow{position:absolute;right:-32px;bottom:-22px;font-family:Kalam,cursive;font-size:45px;transform:rotate(15deg)}@media(min-width:1500px){.hero-art{height:590px}}@media(max-width:900px){.hero-art{height:425px}.hero-sketches{width:170px;top:-20px}.sketch-pair{height:95px}.hero-sketches>span:first-child{font-size:17px}}@media(max-width:650px){.hero-art{height:445px;margin-top:25px}.hero-sketches{top:-15px;left:13%}.sketch-pair{height:100px}}

.character-art{overflow:hidden}.character-art img{mix-blend-mode:normal;max-width:100%;max-height:100%}

.monthly-draw{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;padding:35px;margin-top:32px;border:2px solid var(--ink);background:#ffdc40;scroll-margin-top:30px}.monthly-draw h3{font-size:43px;margin:0 0 18px}.monthly-draw p{font-size:15px}.entry-steps{margin:0 0 25px;padding-left:23px}.entry-steps li{padding-left:6px;margin-bottom:17px;font-size:15px}.entry-steps a{text-decoration:underline;text-underline-offset:3px}.monthly-draw .competition-note{font-size:11px;line-height:1.6;margin:18px 0 0}.blue-video:hover{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:650px){.monthly-draw{grid-template-columns:1fr;gap:20px;padding:25px 20px}.monthly-draw h3{font-size:37px}}

/* Paper-cut buttons, ink outlines and crayon marks. */
.button{--button-paper:var(--yellow);--button-shadow:var(--ink);position:relative;isolation:isolate;background:var(--button-paper);color:var(--ink);border:2px solid var(--ink);border-radius:4px 13px 5px 10px / 10px 4px 12px 5px;padding:13px 23px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;font-weight:800;letter-spacing:.35px;line-height:1.25;min-height:46px;box-shadow:4px 5px 0 var(--button-shadow);transform:rotate(-1deg);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;text-align:center;max-width:100%;white-space:normal}
.button::after{content:'';position:absolute;inset:3px 5px 4px 3px;border:1px solid currentColor;border-radius:8px 3px 9px 4px / 3px 8px 4px 9px;opacity:.35;pointer-events:none}
.button.outline{--button-paper:var(--paper);--button-shadow:#ef4744;background:var(--button-paper);color:var(--ink)}
.button.small{font-size:17px;padding:10px 18px;min-height:43px}
.pack .button{--button-paper:#ef4744;color:white}
.monthly-draw .button{--button-paper:var(--paper);--button-shadow:#ef4744}
.button:hover{transform:translate(-2px,-3px) rotate(1deg);box-shadow:6px 8px 0 var(--button-shadow);text-decoration:none}
.button:active{transform:translate(3px,4px) rotate(0);box-shadow:1px 1px 0 var(--button-shadow)}
.text-link{position:relative;text-decoration:none;padding:3px 1px 6px;transition:color .16s ease}
.text-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);border-radius:45% 12% 40% 20%;transform:rotate(-1deg);opacity:.8;pointer-events:none}
.text-link:hover{text-decoration:none;color:#b80d18}.text-link:hover::after{background:#ef4744;transform:rotate(1deg)}
.tabs button,.filters button{border:2px solid var(--ink);border-radius:5px 11px 4px 9px / 9px 4px 10px 5px;min-height:44px;padding:8px 17px;background:var(--paper);font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;font-weight:700;box-shadow:2px 3px 0 var(--ink);transform:rotate(-1deg);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.tabs button:nth-child(even),.filters button:nth-child(even){transform:rotate(1deg)}
.tabs button[aria-selected=true],.filters button.active{background:var(--yellow);color:var(--ink);box-shadow:3px 4px 0 var(--ink)}
.tabs button:hover,.filters button:hover{background:#ffe778;transform:translateY(-2px) rotate(0)}
.tabs button:active,.filters button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}
@media(max-width:650px){header .button{font-size:16px;padding:9px 13px}.button{font-size:18px;padding:12px 20px}.hero .actions{gap:22px}.filters,.tabs{gap:11px}}
@media(prefers-reduced-motion:reduce){.button,.tabs button,.filters button,.text-link{transition:none}.button:hover,.button:active,.tabs button:hover,.filters button:hover{transform:none}}

.button-arrow{font-family:Arial,sans-serif;display:inline-block;margin-left:3px}

/* Original ink doodles, independent of emoji fonts. */
.hero-sketches .sketch-arrow{position:absolute;width:76px;height:76px;right:-38px;bottom:-44px;color:var(--ink);transform:rotate(-8deg);overflow:visible;pointer-events:none}
.follow h2 .creation-burst{display:inline-block;width:.9em;height:.94em;margin-left:.12em;vertical-align:-.1em;transform:rotate(9deg);overflow:visible}
@media(max-width:650px){.hero-sketches .sketch-arrow{width:61px;height:61px;right:-22px;bottom:-38px;transform:rotate(-12deg)}.follow h2 .creation-burst{width:.7em;height:.75em;margin-left:.08em;vertical-align:-.06em}}

/* Let the three-line competition card fit its copy on narrow screens. */
@media(max-width:650px){
 .video.blue-video{aspect-ratio:auto;height:auto;min-height:385px;padding:25px 25px 42px}
 .video.blue-video .video-title{flex-shrink:0;margin-bottom:28px}
 .video.blue-video>div{flex-shrink:0;margin-top:auto}
}

.video-title .from-word{font:700 .32em/1.2 "Barlow Condensed",sans-serif;letter-spacing:.08em;margin:0 0 6px}

.worksheet-pages{margin-top:28px}.worksheet-pages figure{margin:0 0 28px}.worksheet-pages figcaption{font-weight:700;font-size:13px;margin-bottom:10px}.worksheet-pages img{display:block;width:100%;height:auto;background:white;border:1px solid #ddd}.worksheet-download{margin:4px 0 10px}

.book-line .first-adventure-cover{display:block;width:160px;max-width:100%;height:auto;margin:15px 0 18px;mix-blend-mode:multiply}
/* Little Studio: a new home for wonderfully wild ideas. */
.studio-promo{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;background:#fff0c7;border-bottom:1.5px solid var(--ink)}.studio-promo h2{font-size:clamp(48px,5vw,77px);line-height:1.05;margin-bottom:25px}.studio-promo h2 span{position:relative;z-index:0}.studio-promo h2 span:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:15px;background:#f291b5;z-index:-1;transform:rotate(-2deg)}.studio-promo-copy>p{max-width:500px;font-size:15px}.studio-promo-copy .studio-lead{font-size:20px;font-weight:600;line-height:1.5}.studio-promo-copy .eyebrow{font-size:10px;letter-spacing:1.6px}.studio-features{padding:0;list-style:none;display:grid;gap:8px;margin:23px 0 30px;font-size:14px;font-weight:500}.studio-promo-copy .studio-access{font-size:11px;margin-top:18px;line-height:1.8;color:#4b493e}.studio-promo-copy .handnote{font-family:Kalam,cursive;font-size:19px;margin:21px 0 0}.studio-preview-wrap{position:relative;padding:40px 0 20px}.studio-preview-note{display:block;font-family:Kalam,cursive;font-size:20px;text-align:center;margin-bottom:17px;transform:rotate(-4deg)}.studio-preview{display:block;background:#f6f3ea;border:9px solid #272a28;border-radius:22px;box-shadow:11px 13px 0 #ef4744;transform:rotate(3deg);padding:13px;transition:transform .2s}.studio-preview:hover{transform:rotate(1deg) translateY(-4px)}.studio-preview-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ccc;padding-bottom:9px}.studio-preview-top img{width:42px;height:36px;object-fit:contain;mix-blend-mode:multiply}.studio-preview-top strong{font-size:15px;letter-spacing:-.6px}.studio-preview-top>span{margin-left:auto;font-size:18px;letter-spacing:1px}.studio-preview-body{display:grid;grid-template-columns:31px minmax(0,1fr);gap:11px;padding-top:12px}.studio-preview-tools{display:flex;align-items:center;gap:15px;flex-direction:column;font-size:24px;padding-top:20px}.studio-preview-paper{aspect-ratio:4/3;position:relative;background:white;border:1px solid #ddd;overflow:hidden}.studio-preview-paper img{position:absolute;object-fit:contain}.studio-paper-friend{left:12%;top:7%;height:62%;width:44%;transform:rotate(-8deg)}.studio-crayon-friend{right:8%;top:4%;height:67%;width:40%;transform:rotate(8deg)}.studio-preview-paper>span{position:absolute;left:0;right:0;bottom:12%;font:700 clamp(13px,1.6vw,21px) Kalam,cursive;text-align:center}.studio-preview-paper svg{position:absolute;bottom:-2%;left:16%;width:70%;height:16%}.studio-preview-colours{display:flex;gap:13px;justify-content:center;padding:18px 0 4px}.studio-preview-colours i{width:21px;height:21px;border-radius:50%;background:#191919}.studio-preview-colours i:nth-child(2){background:#ef4744}.studio-preview-colours i:nth-child(3){background:#eda550}.studio-preview-colours i:nth-child(4){background:#edcc56}.studio-preview-colours i:nth-child(5){background:#7ba783}.studio-preview-colours i:nth-child(6){background:#5c88bb}.studio-preview-colours i:nth-child(7){background:#ae91bc}.studio-preview-caption{display:block;text-align:center;font-size:9px;font-weight:700;letter-spacing:2px;margin-top:28px}.draw-panel .text-link{font-size:12px}nav{gap:24px}
@media(max-width:1050px){nav{gap:15px;font-size:12px}.studio-promo{gap:35px}.studio-preview{border-width:7px;padding:9px}.studio-preview-colours{gap:9px}.studio-promo-copy .studio-lead{font-size:18px}}
@media(max-width:750px){.studio-promo{grid-template-columns:1fr;gap:12px}.studio-preview-wrap{max-width:510px;width:100%;justify-self:center;padding-top:15px}.studio-preview-paper>span{font-size:21px}.studio-promo h2{font-size:61px}.studio-promo-copy>p{max-width:none}.studio-preview-tools{gap:25px}.studio-preview-note{font-size:19px}}
@media(max-width:650px){nav{gap:8px;flex-wrap:wrap;justify-content:center;column-gap:17px;row-gap:10px;font-size:11px}.studio-promo h2{font-size:51px}.studio-promo-copy .studio-lead{font-size:18px}.studio-promo-copy>p{font-size:14px}.studio-promo .button{width:100%}.studio-promo-copy .handnote{font-size:18px}.studio-preview{box-shadow:6px 7px 0 #ef4744}.studio-preview-top strong{font-size:14px}.studio-preview-paper>span{font-size:17px}.studio-preview-colours{gap:11px}.studio-preview-colours i{width:19px;height:19px}.studio-features{font-size:13px}}

/* Keep Little Studio's artwork, with a more compact vertical rhythm. */
.studio-promo{padding-top:42px;padding-bottom:42px;gap:50px}
.studio-promo h2{font-size:clamp(43px,4.3vw,65px);margin-bottom:16px}
.studio-promo-copy>p{margin-bottom:12px}
.studio-promo-copy .eyebrow{margin-bottom:14px}
.studio-promo-copy .studio-lead{font-size:18px;line-height:1.4}
.studio-features{grid-template-columns:1fr 1fr;gap:7px 16px;margin:16px 0 22px;font-size:13px}
.studio-promo-copy .studio-access{margin:12px 0 0;line-height:1.6}
.studio-promo-copy .handnote{margin-top:12px;font-size:18px}
.studio-preview-wrap{width:90%;justify-self:center;padding:20px 0 12px}
.studio-preview-note{margin-bottom:12px;font-size:18px}
.studio-preview-caption{margin-top:20px}
@media(max-width:1050px){.studio-promo{gap:30px}.studio-features{grid-template-columns:1fr;gap:5px;margin:13px 0 18px}}
@media(max-width:750px){.studio-promo{gap:8px;padding-top:35px;padding-bottom:35px}.studio-promo h2{font-size:48px}.studio-preview-wrap{width:80%;max-width:410px;padding-top:12px}.studio-features{grid-template-columns:1fr 1fr;gap:7px 14px}.studio-promo-copy .studio-lead{font-size:17px}.studio-preview-tools{gap:15px}}
@media(max-width:650px){.studio-promo{padding-top:30px;padding-bottom:30px}.studio-promo h2{font-size:42px;margin-bottom:13px}.studio-promo-copy>p{font-size:13px;line-height:1.5;margin-bottom:10px}.studio-promo-copy .studio-lead{font-size:16px}.studio-promo-copy .eyebrow{font-size:9px;margin-bottom:12px}.studio-features{font-size:12px;margin:12px 0 18px}.studio-promo-copy .studio-access{font-size:10px;margin-top:11px}.studio-promo-copy .handnote{font-size:16px;margin-top:10px}.studio-preview-note{font-size:16px}.studio-preview-caption{font-size:8px;letter-spacing:1.4px;margin-top:18px}.studio-preview-colours{gap:8px;padding-top:12px}.studio-preview-colours i{width:16px;height:16px}.studio-preview-paper>span{font-size:14px}.studio-preview-top strong{font-size:12px}.studio-preview-top>span{font-size:15px}.studio-preview-tools{font-size:19px;gap:10px;padding-top:12px}.studio-preview-top img{width:34px;height:29px}}

/* Keep the complete mobile menu visible beneath the browser toolbar. */
header nav a[href="/little-studio/"]{background:var(--yellow);color:var(--ink);padding:8px 12px;border:2px solid var(--ink);border-radius:4px 9px 4px 8px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;line-height:1.2}
header nav{align-items:center}
@media(max-width:650px){
 html{scroll-padding-top:170px}
 body>header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr;gap:12px 16px;height:auto;overflow:visible;padding:max(12px,env(safe-area-inset-top)) 5% 14px;transform:none}
 header .logo-brand{grid-column:1;grid-row:1}header>.button{grid-column:2;grid-row:1;justify-self:end}
 header nav{grid-column:1/-1;grid-row:2;order:initial;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px 12px;align-items:center;min-height:38px}
 header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;line-height:1.4;padding:4px 0;font-size:11px}
 header nav a[href="/little-studio/"]{padding:7px 10px}
}