/* Shared page rhythm and intrinsic sizing fixes */
:root{--page:1320px;--gutter:clamp(20px,5vw,72px)}
header{gap:24px;padding-inline:var(--gutter)}nav{gap:clamp(12px,1.5vw,22px)}nav a{white-space:nowrap}.logo{flex-shrink:0}
main>section{width:100%;max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}
.hero-copy,.hero-art,.section-head>*,.watch-grid>*,.watch-side,.friend-grid>*,.products>*,.product-info>*,.parents>*,.mood,.premium-shelf>*,.premium-books>*,.reading-note>*{min-width:0}
.watch-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mood-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.mood{grid-template-columns:44px minmax(0,1fr) 15px}.mood strong{white-space:normal;font-size:clamp(18px,2vw,24px)}
main>.playground,main>.parents,main>.friends-section,main>.collaboration{width:calc(100% - var(--gutter)*2);max-width:calc(var(--page) - var(--gutter)*2);padding-inline:clamp(20px,3vw,40px)}
.playground{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.parents{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.ribbon{transform:none;margin-top:0;max-width:100%;font-size:18px}.product-art.book-art{aspect-ratio:auto;width:100%}.product-info{flex-wrap:wrap}.product-label{left:15px;right:15px;text-align:center;line-height:1.6}.premium-books{grid-template-columns:repeat(2,minmax(0,1fr))}
/* A little stage for our three friends */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);min-height:650px;padding-top:62px;padding-bottom:50px;background:radial-gradient(ellipse at 20% 35%,#fff0bf80,transparent 55%),radial-gradient(ellipse at 90% 20%,#e3d3ff80,transparent 55%)}
.hero h1{font-size:clamp(48px,5.6vw,78px);line-height:1.05;letter-spacing:-2.5px}.hero h1 em{transform:rotate(-3deg);margin-top:8px;background:#dcf0b2;padding:0 14px 8px;border-radius:20px}.hero .lead{font-size:16px;line-height:1.8;max-width:420px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .actions{gap:22px}.hero-art{margin:0;min-width:0;align-self:center;padding:18px;background:#ede2ff;border:1px solid #d7c7ed;border-radius:38px;box-shadow:0 18px 0 #e0d2ed66,0 35px 65px #59378a12;transform:rotate(1deg)}.hero .orbit{display:none}.stage-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;font-weight:700;letter-spacing:1.3px;padding:2px 8px 18px;color:#70509b}.stage-heading span:last-child{color:#6c469c}.scene-frame{aspect-ratio:16/10;border:5px solid white;border-radius:24px;transform:none;box-shadow:none;background:#c5e4ae}.scene-frame video{object-fit:contain}.film-toggle{bottom:14px;padding:12px 18px;max-width:calc(100% - 24px);font-size:12px}.stage-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 8px 3px;font-size:12px;line-height:1.6;color:#6e587f}.stage-caption b{color:#3e295e;font-family:Fredoka;font-size:21px;font-weight:500}.stage-hearts{font-size:27px;color:#8c68c9;white-space:nowrap}.hero .sticker-top{right:15px;top:-32px;padding:11px 16px;font-size:16px;line-height:1.05;z-index:2}.hero-doodle{display:none}.hero-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px;padding-top:22px;border-top:1px solid #ded3df}.hero-chapters a{font-size:11px;font-weight:700;line-height:1.5}.hero-chapters span{display:block;font-size:8px;letter-spacing:1.2px;color:#8d789b;margin-bottom:7px}.hero-chapters a:hover{color:var(--purple)}.scroll-cue{margin-top:6px}
/* Collaboration belongs to the grown-ups */
main>.collaboration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;border-radius:36px;background:#f2e9ff;padding-block:50px;margin-block:65px 80px;position:relative}.collab-copy,.collab-contact{min-width:0}.collaboration .eyebrow{color:#7250d6;font-size:9px}.collaboration h2{font-size:clamp(34px,3.8vw,49px)}.collaboration h2 em{font-style:normal;color:#7250d6}.collaboration p{font-size:14px;line-height:1.8;color:#71617e;max-width:440px}.collab-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.collab-topics span{font-size:11px;background:#fff8;border:1px solid #dcccdf;border-radius:24px;padding:10px 14px}.collab-contact{background:#fffdf6;border-radius:26px;padding:28px 30px;box-shadow:0 8px 0 #e1d3ee}.collab-symbol{font-size:32px;color:#7250d6}.collab-contact h3{font-size:30px;margin-top:12px}.collab-email{display:block;font-size:clamp(13px,1.4vw,17px);font-weight:700;color:#7250d6;overflow-wrap:anywhere;margin:22px 0}.collab-contact .primary{font-size:13px}.collab-contact small{display:block;font-size:10px;color:#8b7d94;margin-top:20px}.final-cta{max-width:none}footer{max-width:var(--page);margin:auto}
@media(max-width:1100px){header{height:85px;justify-content:space-between}.nav-cta{display:none}.menu{display:block;border:1px solid #ded2ea;border-radius:25px;padding:11px 18px;background:white;font-size:13px}nav{display:none;position:absolute;top:78px;left:var(--gutter);right:var(--gutter);background:white;padding:24px;border-radius:20px;box-shadow:0 15px 40px #29204720;font-size:15px}nav.open{display:grid;gap:20px}.hero{gap:30px;min-height:590px}.hero-chapters{gap:8px}.hero .actions{gap:18px}.stage-heading{font-size:7px;letter-spacing:.7px}.stage-caption b{font-size:18px}.stage-hearts{font-size:20px}.hero-art{padding:13px;border-radius:30px}.mood{padding:20px 14px;gap:6px}.mood>span{font-size:32px}.collaboration{gap:28px!important}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);padding-top:38px;padding-bottom:45px;gap:46px;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(45px,9vw,65px);letter-spacing:-1.8px;max-width:none}.hero .lead{margin:22px auto}.hero .actions{justify-content:center}.hero-chapters{max-width:480px;margin:30px auto 0;text-align:left}.hero-art{width:100%;max-width:540px;margin:auto;transform:none}.hero .sticker-top{top:-24px;right:18px;font-size:14px}.stage-heading{font-size:8px;padding-bottom:15px}.stage-caption b{font-size:20px}.scroll-cue{display:none}.watch-grid,.products,.parents,.playground{grid-template-columns:minmax(0,1fr)}.mood-buttons{grid-template-columns:minmax(0,1fr)}.mood{grid-template-columns:46px minmax(0,1fr) 18px;padding:20px}.mood strong{font-size:23px}.friend-grid{grid-template-columns:minmax(0,1fr)}.section-head{flex-direction:column;align-items:start;gap:20px}.section-head h2{overflow-wrap:break-word}.friend{grid-template-columns:110px minmax(0,1fr);gap:0 14px}.friend h3{font-size:27px}.friend h3 span{margin-left:0}.parents{gap:25px}.parent-mark{width:150px;height:130px;font-size:90px;justify-self:center}.premium-books{grid-template-columns:minmax(0,1fr)}.reading-note{flex-wrap:wrap}.reading-note a{margin-left:0}.collaboration{grid-template-columns:minmax(0,1fr)!important;margin-block:40px 55px!important;padding-block:30px!important}.collab-contact{padding:24px 20px}.collab-email{font-size:15px}.final-cta h2{font-size:clamp(32px,8vw,43px)}.experience-controls{max-width:calc(100% - 20px)}.reader-top{flex-wrap:wrap}.reader-top .reader-brand{flex:1}.product-info .outline{white-space:normal}}
@media(max-width:380px){.hero h1{font-size:43px}.hero-chapters a{font-size:10px}.stage-heading{font-size:7px}.stage-caption b{font-size:18px}.stage-hearts{font-size:18px}.friend{grid-template-columns:90px minmax(0,1fr)}.friend h3{font-size:24px}.book-shelf{grid-template-columns:minmax(0,1fr)}.story-cover h3{min-height:0}.story-details p{min-height:0}}