.may-home{--scene-paper:#f1eee6;--scene-blue:#e7eef4;--scene-card:#fffdf8;--scene-shadow:0 10px 35px -14px #16233a33;--spark:#c65a3c}.may-home .button{border-radius:12px;gap:12px;min-height:48px}.may-home [hidden]{display:none!important}.may-home section[id]{scroll-margin-top:28px}.home-link{align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.home-link:hover{text-underline-offset:5px;text-decoration:underline}.home-link svg,.button svg{flex-shrink:0}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:44px 70px;display:grid}.hero-copy h1{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(44px,5.2vw,68px);line-height:1.09}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:430px;margin:0 0 30px;font-size:18px;line-height:1.7}.hero-copy .hero-actions{gap:14px 24px}.hero-world{isolation:isolate;min-height:450px;position:relative}.world-surface{background:var(--scene-blue);z-index:-1;border-radius:49% 45% 44% 50%;width:86%;height:76%;position:absolute;bottom:40px;left:7%;transform:rotate(-8deg)}.may-character{width:180px}.may-character>svg{width:100%;height:auto;display:block;overflow:visible}.hero-may{width:295px;position:absolute;top:85px;left:50%;translate:-50%}.hero-note{background:var(--scene-card);box-shadow:var(--scene-shadow);z-index:1;border-radius:15px;align-items:center;gap:12px;padding:17px 20px;font-size:15px;display:flex;position:absolute}.note-question{--tilt:-5deg;top:35px;left:4%}.note-answer{--tilt:4deg;font-size:14px;bottom:68px;right:0}.note-icon{color:var(--spark);display:flex}.replay-button{min-height:44px;color:var(--muted);font:500 12px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex;position:absolute;bottom:12px;right:18px}.replay-button:hover{background:var(--panel);color:var(--ink)}.replay-button:disabled{cursor:default;opacity:.5}.hero-replay{bottom:0;right:50%;translate:50%}.everyday-intro{text-align:center;border-top:1px solid var(--line);padding-block:60px 44px}.everyday-intro h2{margin-bottom:14px;font-size:clamp(30px,3.3vw,42px)}.everyday-intro>p{margin:0;font-size:17px}.scene-shortcuts{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:23px;display:flex}.scene-shortcuts a{min-height:48px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.scene-shortcuts a:hover,.scene-shortcuts svg{color:var(--blue)}.home-story{grid-template-columns:.87fr 1.13fr;align-items:center;gap:80px;padding-block:65px;display:grid}.story-topic{color:var(--muted);margin-bottom:18px;font-size:12px;font-weight:600;display:block}.story-text h2,.creation-heading h2{font-size:clamp(31px,3.35vw,44px)}.story-text>p,.creation-heading>p{max-width:440px;margin:0 0 24px;font-size:16px;line-height:1.8}.story-text .home-link{color:var(--blue)}.scene-side{min-width:0}.reply-stage,.reading-stage{background:var(--scene-blue);isolation:isolate;border-radius:26px;min-height:395px;position:relative}.artifact-label{letter-spacing:.025em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.reply-question,.reply-answer{background:var(--scene-card);width:66%;box-shadow:var(--scene-shadow);border-radius:15px;padding:18px;position:absolute}.reply-question{--tilt:-3deg;top:27px;left:23px}.reply-answer{--tilt:2deg;top:188px;right:23px}.reply-question>div,.reply-answer>div{max-width:100%;font-size:14px;line-height:1.6}.reply-question>div{color:var(--ink);background:0 0;border-radius:0;padding:0}.reply-may{width:145px;position:absolute;bottom:29px;left:3px;rotate:-7deg}.example-caption{color:var(--muted);margin:12px 8px 0;font-size:11px;line-height:1.65}.home-help{border-block:1px solid var(--line);max-width:690px;color:var(--muted);margin-block:18px;padding-block:12px;font-size:13px}.home-help summary{cursor:pointer;color:var(--ink);font-weight:600}.home-help p{margin:12px 0 0;font-size:13px;line-height:1.7}.reading-story{grid-template-columns:1.13fr .87fr}.reading-story .story-text{grid-area:1/2}.reading-story .scene-side{grid-area:1/1}.reading-stage{background:var(--scene-paper)}.paper-stack{background:var(--scene-card);width:190px;box-shadow:var(--scene-shadow);--tilt:-7deg;border-radius:8px;padding:24px;position:absolute;top:30px;left:28px}.paper-stack>svg{color:var(--blue);margin-bottom:17px;display:block}.paper-stack strong{font-family:var(--font-display);font-size:20px;font-weight:500;display:block}.paper-stack>span{color:var(--muted);margin-top:8px;font-size:10px;display:block}.paper-lines{gap:7px;margin-top:21px;display:grid}.paper-lines i{background:var(--line);border-radius:4px;height:3px;display:block}.paper-lines i:nth-child(2){width:75%}.paper-lines i:last-child{width:85%}.read-may{width:152px;position:absolute;top:6px;right:18px;rotate:6deg}.reading-result{background:var(--scene-card);box-shadow:var(--scene-shadow);--tilt:2deg;border-radius:14px;padding:20px;position:absolute;top:213px;left:28%;right:20px}.reading-result ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.reading-result li{align-items:center;gap:9px;font-size:12px;line-height:1.5;display:flex}.reading-result li svg{color:var(--blue);flex-shrink:0}.creation-story{background:var(--scene-blue);border-radius:28px;margin-block:50px 70px;padding:50px 55px 25px}.creation-heading{max-width:580px}.creation-heading h2{margin-bottom:18px}.creation-heading>p{max-width:535px;margin-bottom:0}.creation-stage{min-height:420px;margin-top:-45px;position:relative}.creative-brief{background:var(--scene-card);box-shadow:var(--scene-shadow);--tilt:-4deg;border-radius:16px;padding:26px;position:absolute;top:124px;left:2%}.creative-brief>p{font-family:var(--font-display);color:var(--ink);margin:8px 0 18px;font-size:22px;line-height:1.4}.creative-palette{gap:7px;margin-bottom:18px;display:flex}.creative-palette i{background:#f5efda;border:1px solid #dbd3c0;border-radius:50%;width:26px;height:26px}.creative-palette i:nth-child(2){background:#8a9f69;border-color:#8a9f69}.creative-palette i:last-child{background:#354c38;border-color:#354c38}.brief-detail{color:var(--muted);font-size:10px}.create-may{width:205px;position:absolute;bottom:6px;left:36%;rotate:-7deg}.poster{color:#354c38;--tilt:5deg;background:#f4efd9;border-radius:4px;width:246px;padding:26px 22px 19px;position:absolute;top:4px;right:3%;box-shadow:0 15px 35px -14px #10243a4d}.poster-brand{letter-spacing:.15em;margin-bottom:18px;font-size:9px;display:block}.poster strong{font:500 29px/1.1 var(--font-display);letter-spacing:-.035em;display:block}.poster>svg{width:100%;margin:9px 0 0;display:block}.poster-bottom{text-align:center;font-size:10px;display:block}.creation-stage .replay-button{bottom:0;right:0}.creation-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.creation-footer>p{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.creation-footer .home-link{font-size:13px}.creation-story>.example-caption{max-width:850px;margin-left:0}.home-context{grid-template-columns:1fr 1fr;gap:90px;padding-block:50px 80px;display:grid}.home-context h2{font-size:clamp(30px,3vw,40px)}.home-context>div>p{max-width:440px;margin-bottom:20px;font-size:16px}.context-list{gap:26px;margin:0;padding:0;list-style:none;display:grid}.context-list li{gap:20px;display:flex}.context-list li>svg{color:var(--blue);flex-shrink:0;margin-top:4px}.context-list h3{margin-bottom:7px;font-size:21px}.context-list p{margin:0;font-size:14px}.home-practical{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:65px;padding-block:38px 44px;display:grid}.home-practical>div{padding-left:8px;position:relative}.home-practical>div>svg{color:var(--blue);float:left;margin:1px 13px 0 0}.home-practical h3{margin-bottom:12px;font-size:23px}.home-practical p{max-width:460px;margin-bottom:12px;font-size:14px}.home-closing{text-align:center;padding:42px 0 65px}.home-closing .may-character{width:84px;margin:0 auto 10px}.home-closing h2{margin-bottom:12px}.home-closing p{margin:0 0 24px;font-size:16px}.scene-piece{transform:rotate(var(--tilt,0deg))}[data-motion-state=ready] .scene-piece{opacity:0}[data-motion-state=playing] .scene-piece{animation:.65s cubic-bezier(.22,1,.36,1) both scene-arrive}[data-motion-state=playing] [data-beat="1"]{animation-delay:.25s}[data-motion-state=playing] [data-beat="2"]{animation-delay:1.9s}@keyframes scene-arrive{0%{opacity:0;transform:translateY(16px) rotate(calc(var(--tilt,0deg) - 4deg)) scale(.97)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}@media (prefers-color-scheme:dark){.may-home{--scene-paper:#1b2835;--scene-blue:#192e45;--scene-card:#24364b;--scene-shadow:0 12px 32px -12px #00000040;--spark:#e18a6d}.hero-copy h1 span,.story-text .home-link,.scene-shortcuts svg,.reading-result li svg,.context-list li>svg{color:#90b8e8}}@media (width<=1050px){.home-hero{gap:20px}.hero-copy h1{font-size:52px}.hero-note{padding:14px 17px;font-size:13px}.home-story{gap:40px}.creation-story{padding-inline:38px}.create-may{width:175px;left:34%}.poster{width:220px;right:0}.creative-brief{padding:22px;left:0}.creative-brief>p{font-size:20px}.home-context{gap:45px}}@media (width<=850px){.home-hero{grid-template-columns:1fr 1fr;gap:12px;padding-block:38px 30px}.hero-copy h1{font-size:clamp(35px,5.7vw,48px)}.hero-copy>p{font-size:16px}.hero-copy .hero-actions{gap:5px 18px}.hero-world{min-height:370px}.hero-may{width:230px;top:63px}.hero-note{gap:8px;padding:12px 13px;font-size:11px}.note-question{top:29px;left:0}.note-answer{bottom:60px}.everyday-intro{padding-block:40px 20px}.scene-shortcuts{gap:22px}.home-story{grid-template-columns:1fr 1fr;gap:28px;padding-block:40px}.story-text h2{font-size:30px}.story-text>p{font-size:14px}.story-topic{font-size:11px}.reply-stage,.reading-stage{min-height:410px}.reply-question{width:83%;padding:14px;top:24px;left:14px}.reply-answer{width:78%;padding:14px;top:211px;right:13px}.reply-question>div,.reply-answer>div{font-size:12px}.reply-may{width:117px;bottom:36px;left:-7px}.reading-result{padding:16px;top:232px;left:18px;right:18px}.reading-stage{min-height:440px}.paper-stack{width:154px;padding:18px;left:21px}.read-may{width:115px;top:86px;right:0}.reading-result li{font-size:11px}.paper-stack strong{font-size:18px}.creation-story{margin-block:35px 40px;padding:36px 30px 24px}.creation-heading{max-width:100%}.creation-stage{min-height:430px;margin-top:18px}.creative-brief{top:40px}.create-may{width:174px;bottom:40px;left:24%}.poster{width:215px;top:5px}.creation-footer{flex-direction:column;align-items:flex-start;gap:7px}.home-context{gap:28px;padding-block:35px 50px}.home-context h2{font-size:29px}.home-context>div>p{font-size:14px}.context-list h3{font-size:18px}.context-list p{font-size:13px}.context-list li{gap:13px}.home-practical{gap:25px}.home-practical h3{font-size:20px}}@media (width<=640px){.home-hero{grid-template-columns:1fr;gap:12px;padding-top:36px}.hero-copy{text-align:center}.hero-copy h1{margin-bottom:17px;font-size:clamp(41px,9vw,54px)}.hero-copy>p{max-width:340px;margin:0 auto 19px;font-size:15px}.hero-copy .hero-actions{justify-content:center;gap:5px 20px}.hero-world{width:min(100%,440px);min-height:335px;margin-inline:auto}.hero-may{width:215px;top:46px}.hero-note{font-size:12px}.note-question{top:15px;left:8%}.note-answer{bottom:56px;right:3%}.world-surface{height:76%;bottom:30px}.hero-replay{bottom:-3px}.everyday-intro{padding-block:38px 12px}.everyday-intro h2{font-size:30px}.everyday-intro>p{max-width:300px;margin-inline:auto;font-size:14px}.scene-shortcuts{justify-content:center;gap:10px 4px;margin-top:18px}.scene-shortcuts a{flex-direction:column;gap:5px;width:calc(33.3333% - 2.66667px);min-width:0;padding:8px 4px;font-size:11px}.home-story{grid-template-columns:1fr;gap:22px;padding-block:40px}.reading-story .story-text,.reading-story .scene-side{grid-area:auto}.story-text h2{margin-bottom:15px;font-size:33px}.story-text>p{max-width:440px;margin-bottom:13px;font-size:15px}.story-topic{margin-bottom:13px}.reply-stage{min-height:405px}.reply-question{width:77%;padding:17px;top:26px;left:20px}.reply-answer{width:74%;padding:17px;top:193px;right:18px}.reply-question>div,.reply-answer>div{font-size:13px}.reply-may{width:95px;bottom:31px;left:-12px}.reading-stage{min-height:430px}.paper-stack{width:166px;top:29px}.read-may{width:139px;top:38px;right:8px}.reading-result{top:214px;left:65px;right:17px}.reading-result li{font-size:12px}.example-caption{font-size:10px}.creation-story{border-radius:22px;margin-top:25px;padding:29px 20px 24px}.creation-heading h2{font-size:33px}.creation-heading>p{font-size:15px}.creation-stage{min-height:535px;margin-top:5px}.creative-brief{z-index:1;padding:18px;top:18px;left:2px}.creative-brief>p{margin-bottom:11px;font-size:17px}.creative-palette{margin-bottom:0}.creative-palette i{width:20px;height:20px}.brief-detail{display:none}.poster{width:194px;padding:22px 18px 16px;top:173px;right:4px}.poster strong{font-size:25px}.poster-brand{margin-bottom:15px;font-size:8px}.poster-bottom{font-size:9px}.create-may{z-index:1;width:155px;bottom:60px;left:-18px}.creation-stage .replay-button{bottom:-2px}.creation-footer{margin-top:12px}.creation-footer>p{gap:6px;font-size:10px}.creation-footer>p>svg{width:12px}.home-context{grid-template-columns:1fr;gap:34px}.home-context h2{font-size:32px}.context-list{gap:23px}.context-list h3{font-size:20px}.context-list p{font-size:14px}.home-practical{grid-template-columns:1fr;gap:30px;padding-block:30px}.home-practical>div{padding-left:0}.home-practical h3{font-size:23px}.home-closing{padding-block:30px 45px}.home-closing h2{font-size:33px}.home-closing p{font-size:14px}}@media (prefers-reduced-motion:reduce){.may-home .scene-piece{opacity:1!important;animation:none!important}.may-home .replay-button{display:none}}.translation-stage,.learning-stage{isolation:isolate;border-radius:26px;padding:28px 28px 72px;position:relative}.translation-stage{background:var(--scene-paper)}.translation-message,.translation-reply{background:var(--scene-card);box-shadow:var(--scene-shadow);border-radius:16px;padding:20px;position:relative}.translation-message{--tilt:-2deg;width:86%}.translation-reply{--tilt:2deg;margin:28px 0 0 22%}.translation-stage p{color:var(--ink);margin:0;font-size:14px;line-height:1.7}.translation-stage p[lang]{font-size:17px}.translated-line{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.translation-language{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.translate-may{width:125px;position:absolute;bottom:75px;left:-3px}.learning-stage{background:var(--scene-blue);padding-block:24px 60px}.learning-question{background:var(--scene-card);box-shadow:var(--scene-shadow);border-radius:15px;padding:14px 18px}.learning-question p{color:var(--ink);font-size:20px;font-family:var(--font-display);margin:0;line-height:1.4}.learning-question .artifact-label{margin-bottom:6px}.fraction-lesson{margin-top:18px}.fraction-hint{color:var(--muted);text-align:center;margin:0 0 8px;font-size:13px}.fraction-diagram{width:100%;max-width:360px;margin-inline:auto;display:block;overflow:visible}.fraction-tracks{fill:var(--scene-card);stroke:var(--line);stroke-width:1px}.fraction-blue{fill:#427cb3}.fraction-coral{fill:var(--spark)}.fraction-dividers{fill:none;stroke:var(--scene-paper);stroke-width:2px}.fraction-labels{fill:var(--ink);font:500 20px var(--font-display)}.fraction-arrow{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.fraction-equation{font-family:var(--font-display);color:var(--ink);justify-content:center;align-items:center;gap:14px;margin:3px 0 0;font-size:20px;line-height:1.4;display:flex}.fraction-equation strong{font-size:25px;font-weight:500}.learning-resolution{justify-content:center;align-items:center;gap:5px;margin-top:8px;display:flex}.learn-may{flex:0 0 70px;rotate:-5deg}.learning-response{background:var(--scene-card);color:var(--ink);--tilt:2deg;border-radius:14px 14px 14px 2px;padding:13px 17px;font-size:14px}.pause-button{min-height:44px;color:var(--muted);font:500 12px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex;position:absolute;bottom:12px;left:18px}.pause-button:hover{background:var(--panel);color:var(--ink)}[data-motion-paused=true] .pause-button svg{display:none}[data-motion-paused=true] .pause-button:before{content:"";border-block:5px solid #0000;border-left:8px solid;width:0;height:0;margin-inline:3px}.translation-stage[data-motion-state=playing] [data-beat="2"]{animation-delay:1.8s}.translation-stage[data-motion-state=playing] [data-beat="3"]{animation-delay:3.4s}.translation-stage[data-motion-state=playing] [data-beat="4"]{animation-delay:5.2s}.learning-stage[data-motion-state=playing] [data-beat="2"]{animation-delay:1.4s}.learning-stage[data-motion-state=playing] [data-beat="4"]{animation-delay:5.8s}.learning-stage[data-motion-state=playing] [data-beat="5"]{animation-delay:6.7s}.learning-stage[data-motion-state=playing] .fraction-sixths{animation:.6s 3s both lesson-reveal}.learning-stage[data-motion-state=playing] .fraction-result-track{animation:.4s 4s both lesson-reveal}.learning-stage[data-motion-state=playing] .fraction-piece{animation:fraction-transfer 1.1s var(--piece-delay) both cubic-bezier(.25, .1, .25, 1)}.learning-stage[data-motion-state=playing] .fraction-result-label{animation:.4s 5.5s both lesson-reveal}.learning-stage[data-motion-state=playing] .learn-may>svg{transform-origin:50% 80%;animation:.7s 6.7s both may-understands}.learning-stage[data-motion-state=playing] [data-may-part=spark]{transform-box:fill-box;transform-origin:50%;animation:.8s 6.5s both spark-recognition}.translation-stage[data-motion-state=playing] .translate-may>svg{transform-origin:50% 80%;animation:1.2s 3.8s both may-connects}[data-motion-paused=true] *{animation-play-state:paused!important}@keyframes lesson-reveal{0%{opacity:0}to{opacity:1}}@keyframes fraction-transfer{0%{opacity:0;transform:translate(var(--piece-x), var(--piece-y))}15%{opacity:1;transform:translate(var(--piece-x), var(--piece-y))}to{opacity:1;transform:translate(0)}}@keyframes may-understands{0%,to{transform:rotate(0)}45%{transform:rotate(8deg)translateY(3px)}}@keyframes may-connects{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.07)}}@keyframes spark-recognition{0%,to{transform:scale(1)}45%{transform:scale(1.4)}}@media (width<=1050px){.translation-stage,.learning-stage{padding:24px 20px 66px}.translation-message,.translation-reply{padding:17px}.translate-may{width:105px;left:-8px}}@media (width>=641px) and (width<=850px){#translate,#learn{grid-template-columns:1fr;gap:24px}#translate .story-text,#translate .scene-side{grid-area:auto}#translate .story-text>p,#learn .story-text>p{max-width:540px}#translate .scene-side,#learn .scene-side{justify-self:center;width:100%;max-width:580px}.translate-may{width:125px}}@media (width<=640px){.translation-stage,.learning-stage{border-radius:22px;padding:22px 18px 62px}.translation-message{width:95%}.translation-message,.translation-reply{padding:16px}.translation-stage p{font-size:13px}.translation-stage p[lang]{font-size:16px}.translate-may{width:98px;bottom:88px;left:-8px}.learning-question{padding:15px}.learning-question p{font-size:19px}.fraction-hint{max-width:220px;margin-inline:auto;font-size:12px}.fraction-lesson{margin-top:20px}.fraction-equation{gap:10px;font-size:19px}.learn-may{flex-basis:80px}.learning-response{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.translation-stage *,.learning-stage *{animation:none!important}.pause-button{display:none}}