.reading-story{--story-progress:0;position:relative;height:205vh;background:#fffdf8;color:var(--ink)}.reading-story__stage{position:sticky;top:0;min-height:100vh;overflow:hidden;display:grid;align-items:center;background:radial-gradient(circle at 72% 40%,rgba(35,198,200,.13),transparent 27%),radial-gradient(circle at 12% 30%,rgba(255,197,46,.12),transparent 25%),#fffdf8}.reading-story__stage:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(37,39,53,.19) .6px,transparent .6px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.reading-story__background{position:absolute;width:570px;height:570px;right:-140px;top:9%;border:1px solid rgba(35,198,200,.16);border-radius:48% 52% 43% 57%;background:rgba(255,255,255,.3);transform:rotate(-12deg) translateY(calc(var(--story-progress) * -5px));z-index:0}.reading-story__copy{position:relative;z-index:3;pointer-events:none}.reading-story__copy .eyebrow{margin-bottom:18px;opacity:clamp(0,calc(1 - var(--story-progress) * 13),1);transform:translateY(calc(var(--story-progress) * -28px));transition:opacity .15s linear,transform .15s linear}.reading-story__copy h2{font-size:clamp(2.7rem,5vw,5.4rem);max-width:620px;margin-bottom:18px;opacity:clamp(0,calc(1 - var(--story-progress) * 9),1);transform:translateY(calc(var(--story-progress) * -34px));transition:opacity .15s linear,transform .15s linear}.reading-story__message,.reading-story__final{position:absolute;left:0;top:210px;max-width:390px;font-size:1.18rem;color:var(--muted);opacity:0;transform:translateY(20px);transition:opacity .15s linear,transform .15s linear}.reading-story__message--one{opacity:clamp(0,calc(1 - var(--story-progress) * 13),1);transform:translateY(calc(20px - var(--story-progress) * 180px))}.reading-story__message--two{opacity:clamp(0,calc((var(--story-progress) - .16) * 13),1);transform:translateY(calc(32px - var(--story-progress) * 180px))}.reading-story__message--three{opacity:clamp(0,calc((var(--story-progress) - .57) * 12),1);transform:translateY(calc(30px - var(--story-progress) * 100px))}.reading-story__final{top:205px;opacity:clamp(0,calc((var(--story-progress) - .79) * 15),1);transform:translateY(calc(28px - (var(--story-progress) * 35px)));font-size:1.45rem;color:var(--ink)}.reading-story__final strong{display:block;font-family:Georgia,serif;font-size:2.2rem;line-height:1.1;margin-bottom:22px}.reading-story__final .button{pointer-events:auto}.reading-story__visual{position:absolute;z-index:2;right:3%;top:50%;width:min(58vw,700px);transform:translateY(calc(-50% + var(--story-progress) * 20px));transition:transform .05s linear}.reading-story__art{display:block;width:100%;overflow:visible}.reading-story__trail{fill:none;stroke:var(--pink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 12;stroke-dashoffset:calc(420px - (var(--story-progress) * 420px));}.reading-story__symbols{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:clamp(.1,calc(var(--story-progress) * 2),1);transform:translateY(calc((1 - var(--story-progress)) * 18px))}.reading-story__symbols text{font:700 27px Georgia;fill:var(--blue);stroke:none}.reading-story__shadow{fill:rgba(37,39,53,.12)}.reading-story__child{transform:translateY(calc((1 - var(--story-progress)) * 9px));transform-origin:290px 370px}.reading-story__hair{fill:var(--purple);stroke:var(--ink);stroke-width:2}.reading-story__face{fill:#efbb91;stroke:var(--ink);stroke-width:2}.reading-story__face-lines,.reading-story__arm,.reading-story__spine{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.reading-story__shirt{fill:var(--turquoise);stroke:var(--ink);stroke-width:2}.reading-story__legs{fill:var(--blue);stroke:var(--ink);stroke-width:2}.reading-story__book-cover{fill:var(--pink);stroke:var(--ink);stroke-width:2;transform-origin:266px 336px;transform:perspective(700px) rotateY(calc(-70deg + (var(--story-progress) * 70deg)));transition:transform .05s linear}.reading-story__book-cover:nth-of-type(2){fill:var(--orange);transform-origin:266px 336px;transform:perspective(700px) rotateY(calc(70deg - (var(--story-progress) * 70deg)))}.reading-story__pages{fill:#fffdf8;stroke:var(--ink);stroke-width:1.2;opacity:clamp(.65,calc(.65 + var(--story-progress) * .35),1)}.reading-story__nutrition{position:absolute;right:12%;bottom:18%;display:flex;align-items:center;gap:8px;opacity:clamp(0,calc((var(--story-progress) - .61) * 10),1);transform:translateY(calc((1 - var(--story-progress)) * 18px));color:var(--green)}.reading-story__nutrition span{display:grid;place-items:center;width:45px;height:27px;border:2px solid var(--green);border-radius:0 0 22px 22px;font-size:1.4rem}.reading-story__nutrition small{font-style:italic;color:var(--muted)}.reading-story__words{position:absolute;right:2%;bottom:5%;display:flex;gap:14px;color:var(--ink);font-size:.66rem;letter-spacing:.16em;opacity:clamp(0,calc((var(--story-progress) - .43) * 6),1);transform:translateY(calc((1 - var(--story-progress)) * 10px))}.reading-story__words span:nth-child(1){color:var(--blue)}.reading-story__words span:nth-child(2){color:var(--purple)}.reading-story__words span:nth-child(3){color:var(--green)}.reading-story__words span:nth-child(4){color:var(--pink)}.reading-story__dream{position:absolute;z-index:1;font:600 2.1rem Georgia;color:var(--blue);opacity:clamp(0,calc(var(--story-progress) * 3),1);transform:translate(calc(var(--story-progress) * var(--x)),calc(var(--story-progress) * var(--y))) rotate(calc(var(--story-progress) * var(--r)));transition:opacity .05s linear}.reading-story__dream--a{--x:-42px;--y:-190px;--r:-10deg;left:52%;top:52%}.reading-story__dream--b{--x:55px;--y:-150px;--r:9deg;left:56%;top:51%;color:var(--purple)}.reading-story__dream--star{--x:170px;--y:-260px;--r:15deg;left:58%;top:55%;color:var(--yellow)}.reading-story__dream--leaf{--x:130px;--y:-175px;--r:12deg;left:59%;top:57%;color:var(--green)}.reading-story__dream--pencil{--x:-140px;--y:-240px;--r:-15deg;left:55%;top:59%;color:var(--orange)}.reading-story__hint{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);opacity:clamp(0,calc(1 - var(--story-progress) * 9),1)}.reading-story__hint span{color:var(--pink);font-size:1rem;margin-left:7px}.reading-story__stage .button{background:var(--pink);color:#fff}.reading-story__stage .button:hover{background:#d92359}.reading-story__copy.wrap{width:min(1160px,calc(100% - 40px))}
html:not(.reading-story-enhanced) .reading-story{--story-progress:1}
.reading-story{--story-progress:0;position:relative;height:205vh;background:#fffdf8;color:var(--ink)}.reading-story__stage{position:sticky;top:0;min-height:100vh;overflow:hidden;display:grid;align-items:center;background:radial-gradient(circle at 72% 40%,rgba(35,198,200,.13),transparent 27%),radial-gradient(circle at 12% 30%,rgba(255,197,46,.12),transparent 25%),#fffdf8}.reading-story__stage:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(37,39,53,.19) .6px,transparent .6px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.reading-story__background{position:absolute;width:570px;height:570px;right:-140px;top:9%;border:1px solid rgba(35,198,200,.16);border-radius:48% 52% 43% 57%;background:rgba(255,255,255,.3);transform:rotate(-12deg) translateY(calc(var(--story-progress) * -5px));z-index:0}.reading-story__copy{position:relative;z-index:3;pointer-events:none}.reading-story__copy .eyebrow{margin-bottom:18px}.reading-story__copy h2{font-size:clamp(2.7rem,5vw,5.4rem);max-width:620px;margin-bottom:18px}.reading-story__copy h2 em{color:var(--pink);font-style:normal}.reading-story__message,.reading-story__final{position:absolute;left:0;top:210px;max-width:390px;font-size:1.18rem;color:var(--muted);opacity:0;transform:translateY(20px);transition:opacity .15s linear,transform .15s linear}.reading-story__message--one{opacity:clamp(0,calc(1 - var(--story-progress) * 13),1);transform:translateY(calc(20px - var(--story-progress) * 180px))}.reading-story__message--two{opacity:clamp(0,calc((var(--story-progress) - .16) * 13),1);transform:translateY(calc(32px - var(--story-progress) * 180px))}.reading-story__message--three{opacity:clamp(0,calc((var(--story-progress) - .57) * 12),1);transform:translateY(calc(30px - var(--story-progress) * 100px))}.reading-story__final{top:205px;opacity:clamp(0,calc((var(--story-progress) - .79) * 15),1);transform:translateY(calc(28px - var(--story-progress) * 35px));font-size:1.45rem;color:var(--ink)}.reading-story__final strong{display:block;font-family:Georgia,serif;font-size:2.2rem;line-height:1.1;margin-bottom:22px}.reading-story__final .button{pointer-events:auto}.reading-story__visual{position:absolute;z-index:2;right:3%;top:50%;width:min(58vw,700px);transform:translateY(calc(-50% + var(--story-progress) * 20px));transition:transform .05s linear}.reading-story__art{display:block;width:100%;overflow:visible}.reading-story__trail{fill:none;stroke:var(--pink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 12;stroke-dashoffset:calc(420px - (var(--story-progress) * 420px));}.reading-story__symbols{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:clamp(.1,calc(var(--story-progress) * 2),1);transform:translateY(calc((1 - var(--story-progress)) * 18px))}.reading-story__symbols text{font:700 27px Georgia;fill:var(--blue);stroke:none}.reading-story__shadow{fill:rgba(37,39,53,.12)}.reading-story__child{transform:translateY(calc((1 - var(--story-progress)) * 9px));transform-origin:290px 370px}.reading-story__hair{fill:var(--purple);stroke:var(--ink);stroke-width:2}.reading-story__face{fill:#efbb91;stroke:var(--ink);stroke-width:2}.reading-story__face-lines,.reading-story__arm,.reading-story__spine{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.reading-story__shirt{fill:var(--turquoise);stroke:var(--ink);stroke-width:2}.reading-story__legs{fill:var(--blue);stroke:var(--ink);stroke-width:2}.reading-story__book-cover{fill:var(--pink);stroke:var(--ink);stroke-width:2;transform-origin:266px 336px;transform:perspective(700px) rotateY(calc(-70deg + (var(--story-progress) * 70deg)));transition:transform .05s linear}.reading-story__book-cover:nth-of-type(2){fill:var(--orange);transform-origin:266px 336px;transform:perspective(700px) rotateY(calc(70deg - (var(--story-progress) * 70deg)))}.reading-story__pages{fill:#fffdf8;stroke:var(--ink);stroke-width:1.2;opacity:clamp(.65,calc(.65 + var(--story-progress) * .35),1)}.reading-story__nutrition{position:absolute;right:12%;bottom:18%;display:flex;align-items:center;gap:8px;opacity:clamp(0,calc((var(--story-progress) - .61) * 10),1);transform:translateY(calc((1 - var(--story-progress)) * 18px));color:var(--green)}.reading-story__nutrition span{display:grid;place-items:center;width:45px;height:27px;border:2px solid var(--green);border-radius:0 0 22px 22px;font-size:1.4rem}.reading-story__nutrition small{font-style:italic;color:var(--muted)}.reading-story__words{position:absolute;right:2%;bottom:5%;display:flex;gap:14px;color:var(--ink);font-size:.66rem;letter-spacing:.16em;opacity:clamp(0,calc((var(--story-progress) - .43) * 6),1);transform:translateY(calc((1 - var(--story-progress)) * 10px))}.reading-story__words span:nth-child(1){color:var(--blue)}.reading-story__words span:nth-child(2){color:var(--purple)}.reading-story__words span:nth-child(3){color:var(--green)}.reading-story__words span:nth-child(4){color:var(--pink)}.reading-story__dream{position:absolute;z-index:1;font:600 2.1rem Georgia;color:var(--blue);opacity:clamp(0,calc(var(--story-progress) * 3),1);transform:translate(calc(var(--story-progress) * var(--x)),calc(var(--story-progress) * var(--y))) rotate(calc(var(--story-progress) * var(--r)));transition:opacity .05s linear}.reading-story__dream--a{--x:-42px;--y:-190px;--r:-10deg;left:52%;top:52%}.reading-story__dream--b{--x:55px;--y:-150px;--r:9deg;left:56%;top:51%;color:var(--purple)}.reading-story__dream--star{--x:170px;--y:-260px;--r:15deg;left:58%;top:55%;color:var(--yellow)}.reading-story__dream--leaf{--x:130px;--y:-175px;--r:12deg;left:59%;top:57%;color:var(--green)}.reading-story__dream--pencil{--x:-140px;--y:-240px;--r:-15deg;left:55%;top:59%;color:var(--orange)}.reading-story__hint{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);opacity:clamp(0,calc(1 - var(--story-progress) * 9),1)}.reading-story__hint span{color:var(--pink);font-size:1rem;margin-left:7px}.reading-story__stage .button{background:var(--pink);color:#fff}.reading-story__stage .button:hover{background:#d92359}.reading-story__copy.wrap{width:min(1160px,calc(100% - 40px))}
@media(max-width:800px){.reading-story{height:190vh}.reading-story__stage{align-items:start;padding-top:100px}.reading-story__copy{width:100%;text-align:center}.reading-story__copy .eyebrow{margin-bottom:12px}.reading-story__copy h2{margin:0 auto;font-size:clamp(2.7rem,11vw,4.5rem)}.reading-story__message,.reading-story__final{left:0;right:0;top:185px;margin:auto;font-size:1rem;max-width:330px}.reading-story__final strong{font-size:1.8rem}.reading-story__visual{right:0;top:54%;width:115%;transform:translate( -6.5%,calc(-50% + var(--story-progress) * 18px))}.reading-story__background{width:420px;height:430px;right:-200px;top:35%}.reading-story__dream{font-size:1.6rem}.reading-story__dream--a{--x:-25px;--y:-120px}.reading-story__dream--b{--x:30px;--y:-105px}.reading-story__dream--star{--x:95px;--y:-175px}.reading-story__dream--leaf{--x:75px;--y:-120px}.reading-story__dream--pencil{--x:-85px;--y:-160px}.reading-story__words{right:12%;bottom:12%;font-size:.53rem;gap:7px}.reading-story__nutrition{right:13%;bottom:20%;font-size:.75rem}.reading-story__hint{bottom:19px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.reading-story{height:auto}.reading-story__stage{position:relative;min-height:720px}.reading-story__message--one,.reading-story__message--two,.reading-story__message--three{display:none}.reading-story__final{position:relative;top:auto;left:auto;margin-top:25px;opacity:1;transform:none}.reading-story__background,.reading-story__dream,.reading-story__hint{display:none}.reading-story__visual{position:relative;top:auto;right:auto;width:min(100%,620px);margin:-55px auto 0;transform:none}.reading-story__book-cover,.reading-story__book-cover:nth-of-type(2){transform:none}.reading-story__trail{stroke-dashoffset:0}.reading-story__symbols{opacity:1}}