:root{--ink:#232a2b;--paper:#fff9ec;--red:#e4563f;--yellow:#f6cf5c;--teal:#cce2dc;--muted:#5e6362}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #1267a2;outline-offset:5px}button{cursor:pointer}.draft-note{background:#263f3b;color:#fff9ec;text-align:center;padding:9px 16px;font-size:11px;letter-spacing:1px}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{text-decoration:none;font:bold 32px Georgia,serif;letter-spacing:-1.3px;white-space:nowrap}.star{color:var(--red);font:36px Arial;vertical-align:middle;margin-left:6px}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-button{font-size:12px;font-weight:700;border:1px solid var(--ink);padding:14px 19px;border-radius:30px;text-decoration:none}.header-button span{margin-left:14px}.hero{max-width:1440px;margin:auto;padding:50px 6% 60px;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 24px;line-height:1.7}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3.5px;line-height:1.04;margin:0}h1{font-size:clamp(50px,5.7vw,85px)}h1 em,h2 em{font-weight:400;color:var(--red)}.intro{line-height:1.7;color:var(--muted);margin:25px 0 28px;font-size:17px}.button{display:inline-flex;gap:42px;text-decoration:none;padding:17px 25px;border-radius:40px;font-size:13px;font-weight:700}.coral{background:var(--red);color:white}.coral:hover{background:#c94330}.hero-foot{display:flex;align-items:center;gap:10px;margin-top:34px;font-size:11px;color:var(--muted)}.scribble{font-size:28px;color:var(--red)}.hero-art{height:490px;position:relative}.hero-book{position:absolute;width:49%;max-height:340px;object-fit:contain;box-shadow:5px 10px 0 #0002,15px 18px 25px #263f3b26;border-radius:2px;z-index:2}.hero-book.space{top:55px;left:2%;transform:rotate(-12deg)}.hero-book.unicorn{right:3%;top:145px;transform:rotate(10deg)}.orbit{width:93%;height:79%;border-radius:50%;background:#cce2dc;position:absolute;top:55px;left:2%;transform:rotate(-15deg)}.sticker{position:absolute;right:1%;top:0;background:var(--yellow);border-radius:50%;height:125px;width:125px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);z-index:4;font:bold 16px Georgia;line-height:1.2}.hero-spark{position:absolute;font-size:60px;color:var(--red);z-index:3}.s1{bottom:0;left:18%}.s2{top:0;left:33%}.handnote{position:absolute;bottom:0;left:40%;font:italic 17px Georgia;transform:rotate(-5deg);line-height:1.3}.ribbon{display:flex;align-items:center;justify-content:space-around;background:var(--yellow);padding:20px 15px;font-size:12px;font-weight:700;letter-spacing:2px;gap:15px;border-top:1px solid #2222;border-bottom:1px solid #2222}.ribbon span:nth-child(even){font-size:25px}.section{max-width:1440px;margin:auto;padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(40px,4.3vw,60px);letter-spacing:-2px}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.65;margin:0 5% 5px 30px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book-image{position:relative;border:none;border-radius:7px;width:100%;height:380px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:40px}.book-image img{height:95%;max-width:95%;object-fit:contain;box-shadow:4px 9px 0 #0001,8px 12px 16px #0002;transition:transform .25s}.book-image:hover img{transform:rotate(-3deg) translateY(-5px)}.lilac{background:#ded9ef}.blue{background:#d2e1eb}.peach{background:#f2d4bd}.book-image .papa-art{width:115%;height:auto;max-width:none;box-shadow:none;mix-blend-mode:multiply}.art-caption{position:absolute;bottom:39px;left:30px;right:30px;text-align:center;font:italic 23px Georgia}.round-arrow{position:absolute;right:17px;bottom:17px;border-radius:50%;background:var(--paper);width:37px;height:37px;display:grid;place-items:center;font-size:22px}.book-meta{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px;font-size:9px;margin-top:23px;color:var(--muted);gap:7px}.book-card h3{font:normal 28px Georgia;line-height:1.1;letter-spacing:-.6px;margin:13px 0}.book-card>p{font-size:14px;line-height:1.6;color:var(--muted);min-height:46px;margin:0 0 18px}.book-bottom{border-top:1px solid #232a2b26;padding-top:15px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.status{font-size:10px;color:var(--muted)}.text-link{background:none;border:none;padding:0;font-size:12px;font-weight:bold;text-decoration:none;display:inline-flex;gap:25px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.play{max-width:1267px;margin:0 auto;background:#263f3b;color:#fff9ec;padding:60px;border-radius:9px;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.play h2 em{color:var(--yellow)}.play>div>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#dde4d7}.play .eyebrow{color:#e2c86e}.small-note{font-size:10px;color:#c4d1c8}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activity{background:#fff9ec;color:var(--ink);text-decoration:none;padding:30px 22px;border-radius:5px;display:flex;flex-direction:column;min-height:245px;align-items:flex-start;transition:transform .2s}.activity:hover{transform:translateY(-6px)}.activity-icon{color:var(--red);font-size:60px;line-height:1.2}.activity .planet{color:#316b7e}.activity-title{font:23px Georgia;margin:16px 0 8px}.activity span:not(.activity-title):not(.activity-icon){font-size:10px;color:var(--muted);line-height:1.5}.activity b{font-size:11px;margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:100px;padding-bottom:100px}.mystery-art{background:#f2e7cf;height:340px;border-radius:48% 48% 40% 40%;position:relative;display:grid;place-items:center}.big-letter{font:bold italic 210px Georgia;color:var(--red);line-height:1;margin-top:-30px;transform:rotate(-8deg)}.big-letter span{font:normal 70px Georgia;color:#263f3b;position:relative;top:-110px;left:-10px}.mystery-art i{position:absolute;left:20px;top:30px;font-size:55px;color:#263f3b}.mystery-caption{position:absolute;bottom:30px;right:32px;font:italic 15px Georgia;transform:rotate(-8deg);line-height:1.4}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;max-width:410px;margin:24px 0}.parent-note{max-width:1267px;margin:0 auto 70px;border-top:1px solid #232a2b26;display:grid;grid-template-columns:230px 1fr;padding-top:24px;gap:20px}.parent-note p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:720px}footer{border-top:1px solid #232a2b26;padding:34px 6%;display:flex;align-items:center;gap:30px;justify-content:space-between}footer p{font-size:12px}footer>span{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:12px;background:var(--paper);color:var(--ink);max-width:610px;width:calc(100% - 32px);padding:45px}dialog::backdrop{background:#172725b8}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}dialog h2{font-size:40px;margin:10px 0 20px}dialog p,dialog li{font-size:15px;line-height:1.7}dialog .status{display:inline-block;background:#eadfcb;padding:8px 12px;border-radius:30px}dialog ul{padding-left:20px}dialog .small-note{color:var(--muted)}
@media(min-width:1500px){.hero{min-height:690px}.hero-art{height:530px}.hero-book{max-height:380px}}
@media(max-width:1000px){.header-button{display:none}header{padding:22px 5%}.hero{padding:40px 5% 55px;min-height:570px}.hero-art{height:410px}.hero-book{max-height:280px}.hero-book.unicorn{top:140px}.sticker{height:100px;width:100px;font-size:14px}.book-grid{gap:19px}.book-image{height:300px;padding:30px}.book-card h3{font-size:24px}.play{margin:0 5%;padding:35px;gap:28px}.activity{padding:20px 15px}.activity-title{font-size:20px}.about{gap:45px}.parent-note{margin:0 5% 45px}footer{flex-wrap:wrap}.ribbon{font-size:10px;letter-spacing:1px}}
@media(max-width:680px){.draft-note{font-size:9px;letter-spacing:.3px}header{flex-wrap:wrap;gap:17px;padding:22px 6%}.wordmark{font-size:29px}nav{gap:20px;font-size:11px}header nav{width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid #2222}.hero{grid-template-columns:1fr;padding:35px 6% 40px;gap:25px}.hero h1{font-size:58px;letter-spacing:-2.5px}.intro{font-size:15px}.hero-art{height:410px;margin:0 4%;max-width:480px;width:92%}.hero-book{max-height:270px;width:49%}.hero-book.space{top:45px}.hero-book.unicorn{top:110px}.hero-foot{margin-top:25px}.handnote{bottom:0;left:43%}.s1{bottom:15px}.sticker{right:0;top:0}.ribbon{overflow:hidden;justify-content:center;white-space:nowrap;padding:14px 5px;gap:18px}.ribbon span:nth-child(n+6){display:none}.section{padding:57px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:23px 0 0;font-size:14px}.section-heading h2,h2{font-size:45px}.book-grid{grid-template-columns:1fr;gap:42px}.book-image{height:390px;padding:40px}.book-card h3{font-size:30px}.book-card>p{min-height:0}.book-bottom{flex-direction:row;justify-content:space-between;align-items:center}.book-meta{font-size:10px}.play{grid-template-columns:1fr;margin:0 4%;padding:35px 22px;gap:25px}.activity{min-height:240px}.activity-title{font-size:22px}.about{grid-template-columns:1fr;gap:40px;padding-top:60px}.mystery-art{height:280px;max-width:400px;width:100%;margin:auto}.big-letter{font-size:170px}.big-letter span{top:-90px}.about-copy>p:not(.eyebrow){max-width:none}.parent-note{grid-template-columns:1fr;gap:0;margin-bottom:40px}.parent-note .eyebrow{margin-bottom:10px}footer{padding:30px 6%;gap:12px;display:block}footer p{margin:15px 0}dialog{padding:35px 25px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-book.unicorn{top:125px}.handnote{bottom:-22px;left:46%}.round-arrow{font-family:DejaVu Sans,Arial,sans-serif}.button span,.header-button span,.text-link span{font-family:DejaVu Sans,Arial,sans-serif}
@media(max-width:680px){.hero-book.unicorn{top:110px}.handnote{bottom:-8px;left:43%}}