:root{--pink:#f50568;--hot:#ff4f9a;--teal:#05b6c4;--cyan:#52c7e7;--purple:#7923a5;--lime:#86c900;--yellow:#ffc80a;--orange:#ff5c17;--ink:#09254c;--paper:#fffdfa;--soft:#fff4fa;--shadow:0 18px 45px rgba(9,37,76,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Baloo 2",system-ui,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:white;padding:8px;z-index:99}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;background:rgba(255,253,250,.94);backdrop-filter:blur(12px);z-index:20;border-bottom:2px solid rgba(9,37,76,.08)}.brand,.footer-brand{text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-.5px}.brand-star{color:var(--yellow);margin-right:8px;text-shadow:1px 2px var(--pink)}.brand small{color:var(--pink);font-size:14px;margin-left:6px}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-weight:700;font-size:15px}.site-header nav a:hover{color:var(--pink)}.nav-cta{background:var(--pink);color:white!important;padding:9px 20px;border-radius:99px;box-shadow:0 5px 0 #a80042}.menu-button{display:none;background:none;border:0}.menu-button b{position:absolute;left:-9999px}
.hero{position:relative;background:linear-gradient(145deg,#fff9d8,#fff);padding-bottom:60px;overflow:hidden}.hero-banner{width:100%;max-height:560px;object-fit:cover;object-position:center}.hero-copy{max-width:780px;margin:-2px auto 0;text-align:center;padding:40px 24px 0}.eyebrow,.kicker{color:var(--pink);font-size:15px;text-transform:uppercase;letter-spacing:2px;font-weight:800;margin:0 0 8px}.hero h1,.section h2{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-2px;margin:0 0 20px}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:650px;margin:0 auto 24px;font-size:21px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;border-radius:14px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-3px)}.primary{color:white;background:var(--pink);box-shadow:0 6px 0 #ab0046}.secondary{color:var(--purple);background:white;border:2px solid var(--purple);box-shadow:0 5px 0 rgba(121,35,165,.18)}.scribble{position:absolute;font-family:"Patrick Hand",cursive;transform:rotate(-7deg);color:var(--purple);font-size:25px}.scribble-one{right:3%;bottom:24px}
.promise-strip{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:24px clamp(20px,6vw,100px);gap:20px}.promise-strip div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.promise-strip span{grid-row:1/3;font-size:32px;color:var(--yellow)}.promise-strip b{font-size:18px}.promise-strip small{opacity:.75}
.section{padding:100px clamp(24px,7vw,110px)}.meet{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:8vw;align-items:center;background-image:linear-gradient(#e5edf5 1px,transparent 1px);background-size:100% 32px}.meet-art{position:relative}.paper-frame{padding:16px;background:white;box-shadow:var(--shadow);transform:rotate(-2deg);border:1px solid #e8e2db}.paper-frame img{aspect-ratio:1.25;object-fit:cover;object-position:center}.tape{position:absolute;width:92px;height:28px;background:rgba(255,204,24,.72);z-index:2}.tape-a{top:-4px;left:35%;transform:rotate(7deg)}.tape-b{right:-22px;bottom:35px;transform:rotate(-16deg);background:rgba(255,79,154,.55)}.meet-copy h2 span{color:var(--pink)}.meet-copy>p:not(.kicker){font-size:20px}.checklist{list-style:none;padding:0;display:grid;gap:10px}.checklist li{font-weight:700}.checklist span{display:inline-grid;place-items:center;background:var(--teal);color:white;border-radius:50%;width:25px;height:25px;margin-right:10px}
.books{background:var(--soft)}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.section-heading h2{margin-bottom:12px}.section-heading>p:last-child{margin:0}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1120px;margin:auto}.book-card{display:grid;grid-template-columns:42% 1fr;background:white;border-radius:28px;padding:26px;gap:28px;box-shadow:var(--shadow);border-bottom:8px solid var(--cyan)}.book-card.pink{border-color:var(--hot)}.book-visual{position:relative}.book-visual img{height:100%;width:100%;object-fit:cover;border-radius:5px;box-shadow:0 12px 24px rgba(9,37,76,.24);transform:rotate(-2deg)}.pink .book-visual img{transform:rotate(2deg)}.number{position:absolute;z-index:2;top:-12px;left:-13px;background:var(--yellow);padding:5px 12px;border-radius:8px;font-weight:800;transform:rotate(-5deg)}.letter{color:var(--teal);font-weight:800;margin:0}.pink .letter{color:var(--pink)}.book-info h3{font-size:32px;line-height:1;margin:0}.book-info p:not(.letter){font-size:16px;line-height:1.45}.amazon{background:var(--ink);color:white;font-size:14px;padding:11px 15px}.coming-next{max-width:850px;margin:50px auto 0;display:flex;align-items:center;gap:25px;padding:22px 30px;background:#fff8ce;border:2px dashed var(--orange);border-radius:20px;transform:rotate(-.4deg)}.coming-next>span{font-family:"Patrick Hand";font-size:38px;color:var(--purple);white-space:nowrap}.coming-next b{font-size:21px}.coming-next p{margin:0}
.grown-ups{background:var(--purple);color:white;position:relative;overflow:hidden}.grown-ups:before,.grown-ups:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06);width:300px;height:300px}.grown-ups:before{left:-130px;top:-100px}.grown-ups:after{right:-100px;bottom:-140px}.light .kicker{color:var(--yellow)}.grown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1150px;margin:auto;position:relative}.grown-grid article{background:white;color:var(--ink);padding:30px;border-radius:24px;box-shadow:0 8px 0 rgba(0,0,0,.13)}.grown-grid span{font-size:38px}.grown-grid h3{font-size:23px;margin:10px 0 5px}.grown-grid p{font-size:16px;margin:0}.grade-note{position:relative;text-align:center;font-weight:700;margin:36px 0 0;color:#fff3a1}
.author{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;background:#fffaf0}.author-note{background:white;padding:45px;box-shadow:var(--shadow);position:relative;transform:rotate(-1deg);border:1px solid #eee3d7}.author-note h2{font-size:clamp(36px,4vw,56px)}.tape-c{top:-12px;left:40%;transform:rotate(4deg)}.signature{font-family:"Patrick Hand";font-size:35px;color:var(--pink)}.author-quote{background:var(--cyan);border-radius:50% 45% 48% 44%;padding:60px 40px;text-align:center;transform:rotate(2deg);box-shadow:12px 14px 0 var(--ink)}.author-quote>span{font-size:70px;color:white;line-height:.4}.author-quote blockquote{margin:15px 0;font-family:"Patrick Hand";font-size:29px;line-height:1.25}.author-quote b{color:var(--pink);font-size:28px}
.newsletter{background:linear-gradient(110deg,#ffda39,var(--yellow));display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.newsletter h2{font-size:clamp(36px,4vw,52px);margin-bottom:10px}.newsletter p{margin:0}.newsletter form{display:grid;grid-template-columns:1fr auto;gap:12px}.newsletter input{min-width:0;border:3px solid var(--ink);border-radius:14px;padding:13px 16px;background:white}.form-message{grid-column:1/-1;font-weight:700}
.game-invite{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;background:linear-gradient(135deg,#fff6c8,#fff4fb)}.game-invite h2{max-width:720px}.game-invite>div>p:not(.kicker){max-width:680px;font-size:20px}.game-doodles{min-height:300px;position:relative}.game-doodles>*{position:absolute;display:grid;place-items:center;font-style:normal;box-shadow:7px 8px 0 var(--ink)}.game-doodles span{background:var(--cyan);width:190px;height:90px;transform:rotate(-7deg);font-family:"Patrick Hand";font-size:38px}.game-doodles b{background:var(--yellow);width:125px;height:125px;border-radius:50%;font-size:58px;right:10px;top:15px;transform:rotate(8deg)}.game-doodles i{background:var(--pink);width:120px;height:100px;border-radius:24px;bottom:20px;left:70px;font-size:55px;transform:rotate(5deg)}.game-doodles em{background:var(--purple);color:white;width:90px;height:90px;border-radius:18px;right:45px;bottom:0;font-size:55px;transform:rotate(-9deg)}
.follow{background:linear-gradient(180deg,#fff,#f1fbff);position:relative;overflow:hidden}.follow:before{content:"★";position:absolute;left:3%;top:70px;color:#ffd82e;font-size:90px;transform:rotate(-14deg);opacity:.75}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin:auto}.social-card{min-height:250px;padding:28px 20px;border-radius:25px;color:white;text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 9px 0 rgba(9,37,76,.2);transition:.2s transform,.2s box-shadow;position:relative;overflow:hidden}.social-card:after{content:"";position:absolute;width:120px;height:120px;border:18px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-55px}.social-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 15px 0 rgba(9,37,76,.16)}.social-card.youtube{background:#f12424}.social-card.instagram{background:linear-gradient(140deg,#7923a5,#f50568,#ff8d22)}.social-card.facebook{background:#2466c4}.social-card.tiktok{background:#17233e}.social-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--ink);font-size:34px;font-weight:800;margin-bottom:12px;box-shadow:0 5px 0 rgba(0,0,0,.15)}.social-card b{font-size:25px}.social-card small{font-size:15px;opacity:.9}.social-card em{font-style:normal;font-size:13px;font-weight:700;margin-top:15px;padding:5px 11px;background:rgba(255,255,255,.18);border-radius:99px}.contact-card{max-width:800px;margin:45px auto 0;padding:22px 30px;background:#fff5c7;border:3px dashed var(--orange);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:20px;transform:rotate(-.4deg)}.contact-card>span{font-size:45px}.contact-card b{font-size:22px}.contact-card p{margin:0}.contact-card a{color:var(--purple);font-weight:800}
footer{background:var(--ink);color:white;text-align:center;padding:60px 24px}.footer-brand{display:inline-block;font-size:34px}.footer-brand span{color:var(--yellow)}footer>p{opacity:.8}footer nav{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:25px 0}footer nav a{text-decoration:none;font-weight:700}footer nav a:hover{color:var(--yellow)}.footer-socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 28px}.footer-socials a{color:white;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:6px 13px;font-size:14px;font-weight:700}.footer-socials a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}footer small{opacity:.6}
@media(max-width:900px){.site-header{height:68px}.menu-button{display:flex;flex-direction:column;gap:4px;padding:10px}.menu-button span{width:24px;height:3px;border-radius:3px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:20px;flex-direction:column;gap:16px;box-shadow:0 18px 30px rgba(9,37,76,.14)}.site-header nav.open{display:flex}.promise-strip{grid-template-columns:repeat(2,1fr)}.meet,.author,.game-invite{grid-template-columns:1fr}.meet-art{max-width:650px;margin:auto}.book-grid{grid-template-columns:1fr}.grown-grid{grid-template-columns:1fr}.author-quote{max-width:480px;margin:auto}.newsletter{grid-template-columns:1fr}.game-doodles{max-width:430px;width:100%;margin:auto}.social-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:16px}.hero-banner{height:260px;object-fit:cover;object-position:55% center}.hero-copy{padding-top:32px}.hero h1,.section h2{letter-spacing:-1px}.scribble{display:none}.promise-strip{grid-template-columns:1fr 1fr;padding:20px}.promise-strip div{display:block;text-align:center}.promise-strip span{display:block}.promise-strip small{display:none}.section{padding:72px 20px}.book-card{grid-template-columns:1fr;padding:22px}.book-visual{max-width:240px;margin:auto}.book-visual img{max-height:360px}.coming-next{padding:18px;align-items:flex-start}.coming-next>span{font-size:25px}.author-note{padding:32px 24px}.author-quote{padding:50px 30px}.newsletter form{grid-template-columns:1fr}.newsletter .button{width:100%}.social-grid{grid-template-columns:1fr}.social-card{min-height:210px}.contact-card{align-items:flex-start;padding:20px}.contact-card>span{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}