@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--ink:#282044;--purple:#57318d;--green:#c6ee64;--yellow:#ffdc76;--teal:#85dfd3;--cream:#fffdf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;background:var(--cream)}h1,h2,h3,.logo{font-family:'Fredoka',sans-serif;line-height:1.08}h1{font-size:clamp(46px,5.3vw,78px);font-weight:600;margin:18px 0}h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;margin:10px 0 24px}h3{font-size:28px;font-weight:500;margin:12px 0}p{margin:0 0 22px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8693b;outline-offset:4px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}.announcement{text-align:center;background:var(--green);font-size:12px;letter-spacing:1.4px;font-weight:700;padding:11px}.announcement span{margin-left:25px;letter-spacing:.2px;font-weight:500}.head{display:flex;align-items:center;gap:35px;min-height:106px}.logo{display:flex;gap:10px;align-items:center;color:var(--purple);flex-shrink:0}.logo b{display:block;font-size:15px;letter-spacing:1px}.logo strong{font-size:29px;font-weight:600}.logo strong span{color:#efaf29;font-size:24px}.book-icon{font-size:48px;transform:rotate(-8deg)}nav{display:flex;gap:26px;font-size:14px;font-weight:700;margin-left:auto}.saved-toggle{background:none;border:1px solid #ddd4e8;border-radius:30px;padding:10px 16px;white-space:nowrap;font-size:13px}.saved-toggle[aria-pressed=true]{background:var(--purple);color:white}.saved-toggle span{background:var(--green);color:var(--ink);padding:1px 6px;border-radius:50%}.menu{display:none}.searchbar{background:var(--purple);color:white;padding:15px 0}.searchbar form{display:flex;align-items:center;gap:36px}.searchbar label{font-size:14px;font-weight:600;white-space:nowrap}.search-input{display:flex;background:white;border-radius:6px;overflow:hidden;flex:1}.search-input input{border:0;padding:12px 18px;width:100%;min-width:0;color:var(--ink);background:transparent}.search-input button{border:0;background:var(--green);font-size:30px;line-height:1;padding:0 24px}.hero{background:#f0e9fc;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:550px;align-items:center;gap:35px}.hero-copy{padding:55px 0}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800}h1 em{font-style:normal;color:var(--purple);position:relative} .hero-copy p{max-width:440px;font-size:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;border:0;border-radius:50px;background:var(--purple);color:white;font-size:14px;font-weight:700;transition:transform .15s}.button:hover{transform:translateY(-3px)}.text-link{display:block;margin-top:18px;font-size:13px;font-weight:700}.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;background:var(--green);width:440px;height:380px;border-radius:50%;transform:rotate(-15deg)}.hero-book{position:relative;width:43%;max-height:340px;object-fit:contain;filter:drop-shadow(10px 16px 8px #392c4040)}.first{transform:rotate(-11deg);z-index:1;margin-right:-35px;margin-top:-35px}.second{transform:rotate(10deg);margin-top:65px;z-index:2}.round-note{position:absolute;top:28px;right:10px;border-radius:50%;background:var(--yellow);width:115px;height:115px;display:grid;place-content:center;text-align:center;font-size:13px;line-height:1.2;font-weight:800;transform:rotate(12deg);z-index:3}.star{position:absolute;font-size:66px;z-index:4}.star1{top:30px;left:12px;color:var(--purple)}.star2{right:0;bottom:25px;color:#e78153}.promise{display:flex;justify-content:center;gap:8vw;background:var(--teal);padding:18px;font-size:13px;font-weight:700}.section{padding-top:75px;padding-bottom:75px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-title h2{margin-bottom:0}.section-title>a,.small{font-size:13px;white-space:nowrap}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.world{overflow:hidden;border-radius:12px}.world-image{height:285px;overflow:hidden}.world-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.world-copy{padding:30px 35px 36px}.world-copy p{font-size:15px;max-width:430px}.slime{background:#ece2fc}.dogs{background:#ffe5b1}.world .button{padding:11px 20px}.books-section{background:#f4f2ed}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.filters button{padding:10px 18px;border:1px solid #d5cfdf;border-radius:25px;background:transparent;font-size:13px}.filters button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}.results{font-size:12px;margin:22px 0 18px;color:#666}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 22px}.cover{height:280px;background:#eae2f1;display:flex;align-items:center;justify-content:center;border-radius:9px;position:relative;padding:25px}.book:nth-child(3n+2) .cover{background:#e0ece6}.book:nth-child(3n) .cover{background:#f6e6c9}.cover img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(7px 9px 4px #30293c30)}.heart{position:absolute;right:10px;top:10px;z-index:1;border:0;border-radius:50%;width:35px;height:35px;background:white;color:var(--purple);font-size:23px}.book h3{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:700;line-height:1.4;margin:8px 0}.book .meta{font-size:11px;margin:16px 0 0;text-transform:uppercase;letter-spacing:1px}.badge{font-size:11px;color:#5b5067;display:block;margin:7px 0 15px}.details-button{border:0;border-bottom:1px solid var(--purple);background:none;padding:0 0 4px;color:var(--purple);font-weight:700;font-size:13px}.placeholder{text-align:center;color:var(--purple);font:500 27px/1.2 'Fredoka',sans-serif}.placeholder span{display:block;font-size:60px;margin-bottom:12px}.placeholder small{font:11px 'DM Sans';display:block;margin-top:18px}.color-banner{background:var(--yellow);border-radius:14px;padding:55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.color-banner p{max-width:510px}.caption{font-size:11px;margin:15px 0 0}.crayons{display:flex;justify-content:center;align-items:center;position:relative;height:300px;gap:14px;transform:rotate(-12deg)}.crayons i{display:block;width:43px;height:210px;background:var(--purple);border-radius:5px;position:relative;border-top:35px solid #ffffff40;border-bottom:30px solid #ffffff40}.crayons i:before{content:'';position:absolute;top:-75px;border-bottom:40px solid var(--purple);border-left:21.5px solid transparent;border-right:21.5px solid transparent}.crayons i:nth-child(2){background:#e97850;transform:translateY(-15px)}.crayons i:nth-child(2):before{border-bottom-color:#e97850}.crayons i:nth-child(3){background:#42b7a5;transform:translateY(10px)}.crayons i:nth-child(3):before{border-bottom-color:#42b7a5}.crayons i:nth-child(4){background:#8cb947;transform:translateY(-5px)}.crayons i:nth-child(4):before{border-bottom-color:#8cb947}.crayons>span{position:absolute;bottom:-15px;right:10px;font-size:90px;transform:rotate(25deg);color:var(--purple)}.play-section{background:#e6f4ed}.play-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.big-number{font:80px 'Fredoka';color:var(--purple);float:left;margin-right:25px}.play-grid h3{font-size:25px}.prompt-card{padding:35px;background:white;border:2px dashed #a5beaa;border-radius:12px}.prompt-card p{font:500 25px/1.35 'Fredoka';margin:16px 0 24px}.grownup{display:grid;grid-template-columns:1fr 1fr;gap:90px}.grownup p{font-size:15px;max-width:510px}.faq details{padding:21px 0;border-bottom:1px solid #d9d3df}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:15px 0 0}.follow{background:var(--purple);color:white;text-align:center;padding:65px 25px}.follow h2{margin-bottom:18px}.follow .button{background:var(--green);color:var(--ink)}footer{padding:50px 0;background:#f1ede5}footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}footer p,footer a{font-size:13px}footer .wrap>div a{display:block;margin-bottom:10px}footer small{grid-column:1/-1;border-top:1px solid #d4ceda;padding-top:22px;font-size:11px;color:#635c68}dialog{border:0;border-radius:16px;padding:45px;width:min(850px,92vw);max-height:90vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#241638b8}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:32px}#detail-content{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center}#detail-content img{max-width:100%;max-height:380px;object-fit:contain}#detail-content h2{font-size:34px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99;padding:15px}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}nav{gap:15px}.head{gap:18px}.logo strong{font-size:23px}.logo b{font-size:12px}.book-icon{font-size:38px}.hero-art:before{width:330px;height:330px}.book-grid{grid-template-columns:repeat(3,1fr)}.cover{height:260px}}
@media(max-width:760px){.announcement{font-size:10px}.announcement span{display:none}.head{min-height:84px;flex-wrap:wrap;gap:12px;justify-content:space-between}.logo strong{font-size:23px}.menu{display:block;border:0;background:none;font-size:22px;padding:10px}.menu span{display:none}.saved-toggle{font-size:12px;padding:8px}.head nav{display:none;order:4;width:100%;margin:0;padding:10px 0 20px;flex-wrap:wrap;justify-content:center}.head nav.open{display:flex}.searchbar label{display:none}.searchbar{padding:12px 0}.search-input input{font-size:13px;padding:12px}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding:40px 0 10px}.hero-copy p{margin:0 auto 25px;font-size:15px;max-width:390px}h1{font-size:49px}.hero-art{height:345px;max-width:420px;width:100%;margin:auto}.hero-book{max-height:260px;width:43%}.hero-art:before{width:310px;height:260px}.round-note{top:0;right:0;width:85px;height:85px;font-size:10px}.star{font-size:43px}.star1{top:10px}.star2{bottom:15px}.promise{gap:12px;padding:15px 12px;font-size:10px;line-height:1.4;text-align:center}.promise span{flex:1}.section{padding-top:46px;padding-bottom:46px}.section-title{align-items:flex-start}.section-title>a,.small{display:none}.world-grid{grid-template-columns:1fr;gap:24px}.world-image{height:250px}.world-copy{padding:25px}.world h3{font-size:30px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.cover{height:235px;padding:24px 14px}.book h3{font-size:15px}.book .meta{font-size:10px}.filters{gap:8px}.filters button{font-size:11px;padding:9px 13px}.color-banner{grid-template-columns:1fr;padding:30px 25px;gap:20px}.crayons{height:230px;transform:rotate(-12deg) scale(.8);margin:0 0 -20px}.color-banner h2{font-size:36px}.play-grid,.grownup{grid-template-columns:1fr;gap:25px}.prompt-card{padding:25px}.follow h2{font-size:35px}footer .wrap{grid-template-columns:1fr 1fr}footer .logo{grid-column:1/-1}#detail-content{grid-template-columns:1fr}#detail-content img{height:230px;margin:auto}dialog{padding:35px 25px}.placeholder{font-size:21px}.placeholder span{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep every dog fully visible at every screen width. */
.color-covers{display:flex;gap:16px;align-items:center;justify-content:center;min-width:0}.color-covers img{width:44%;height:auto;max-height:340px;object-fit:contain;box-shadow:0 12px 22px #28204420}.color-covers img:first-child{transform:rotate(-5deg)}.color-covers img:last-child{transform:rotate(5deg)}
.dogs .world-image{height:auto;aspect-ratio:3/2;background:#fff7e7}
.dogs .world-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.social-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.book .amazon-button{display:flex;margin-top:14px;padding:12px 14px;font-size:13px;background:#ffcf66;color:#282044}