@font-face{font-family:NeoRounded;src:local('Arial Rounded MT Bold');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:#fffdf5;color:#132d50;font:16px/1.6 'Trebuchet MS','Avenir Next','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid #176fb1;outline-offset:5px}::selection{background:#ffdb77}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:NeoRounded,'Arial Rounded MT Bold','Trebuchet MS','PingFang SC',sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1.13}h2{font-size:clamp(28px,3.1vw,45px)}.content-width{width:min(1320px,calc(100% - 88px));margin-inline:auto}.section{padding-top:72px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:13px;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:999px;padding:14px 25px;font-weight:800;font-size:14px;line-height:1.3;min-height:48px;transition:transform .25s,box-shadow .25s,background .25s;position:relative;isolation:isolate;overflow:hidden}.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-110%);transition:transform .6s}.button:hover:after{transform:translateX(110%)}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #142d5020}.button:active{transform:scale(.96)}.button-coral{color:white;background:#ff6266;box-shadow:0 5px 0 #ee52561c}.button-outline{background:#ffffffd9;box-shadow:inset 0 0 0 1.5px #193959;color:#173754}.button-navy{color:white;background:#173e6c}.site-header{position:absolute;left:50%;transform:translateX(-50%);top:22px;width:min(1344px,calc(100% - 64px));z-index:20;border-radius:70px;background:#ffffffed;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:12px 18px 12px 26px;gap:20px;box-shadow:0 7px 35px #1b6eae0a}.brand{display:block;flex-shrink:0}.brand-logo{object-fit:contain;width:210px;height:57px}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.desktop-nav a{position:relative;white-space:nowrap}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:3px;border-radius:5px;background:#ffcb4c;transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:14px}.header-cta{min-height:42px;padding:12px 20px;font-size:12px;gap:15px}.language-button{background:transparent;min-height:42px;padding:0 5px;font-size:12px;font-weight:800;white-space:nowrap}.language-button span{margin-left:5px}.menu-toggle{display:none;width:36px;height:40px;background:transparent}.menu-toggle span{display:block;background:#173e6c;height:2px;width:22px;margin:6px auto}.mobile-nav{position:absolute;top:calc(100% + 12px);left:0;right:0;padding:20px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #18304e20}.mobile-nav:not([hidden]){display:grid;gap:15px}.hero{position:relative;min-height:850px;height:min(900px,100svh);overflow:hidden;background:#a9defc}.hero-scenery{position:absolute;inset:-4%;background:#a9defc url('assets/hero.webp') center 55%/cover;transform:translate3d(calc(var(--pointer-x,0) * -9px),calc(var(--pointer-y,0) * -5px),0) scale(1.04);transition:transform 1.7s ease-out;animation:scenery-breathe 25s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e5f8ff6b 0%,#e5f8ff14 45%,transparent 70%);pointer-events:none}.sun-glow{position:absolute;right:12%;top:4%;width:450px;height:450px;background:radial-gradient(circle,#ffefab88 0,transparent 65%);animation:sun 9s ease-in-out infinite alternate;pointer-events:none}.hero-inner{position:relative;z-index:3;height:100%;min-height:850px;display:flex;align-items:center}.hero-copy{width:54%;z-index:5;position:relative;padding-bottom:45px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-eyebrow{font-size:10px;color:#235980;margin-bottom:24px}.hero h1{font-size:clamp(45px,5.5vw,80px);line-height:1.04;color:#102e55;text-shadow:0 3px 0 #ffffff4d;position:relative}.hero h1 .underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:7%;right:7%;bottom:-15px;height:9px;border-radius:50%;border-bottom:6px solid #ffd055;transform:rotate(-3deg)}.title-star{position:absolute;color:#ffcc42;font-size:42px;top:-14px;margin-left:9px;animation:twinkle 5s infinite}.hero-copy p{font-size:18px;line-height:1.65;max-width:370px;margin-top:38px;font-weight:600}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-cast{position:absolute;inset:19% -3% 9% 43%;transform:translate3d(calc(var(--pointer-x,0) * 11px),calc(var(--pointer-y,0) * 5px),0);transition:transform .9s ease-out}.hero-character{position:absolute;padding:0;background:none;transform-origin:50% 90%;filter:drop-shadow(0 15px 9px #43785323);transition:filter .3s;animation:hero-bob 6s ease-in-out infinite}.hero-character img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.hero-character:hover{filter:drop-shadow(0 15px 12px #e8b34770)}.hero-character-name{position:absolute;bottom:-10px;left:50%;transform:translate(-50%,8px);opacity:0;background:white;padding:5px 15px;border-radius:30px;white-space:nowrap;font-size:12px;font-weight:800;transition:.25s}.hero-character:hover .hero-character-name,.hero-character:focus-visible .hero-character-name{opacity:1;transform:translate(-50%,0)}.hero-neo{height:100%;width:67%;left:14%;bottom:0;z-index:3;animation-delay:-1s}.hero-tordy{height:62%;width:43%;left:-5%;bottom:1%;z-index:2;animation-delay:-3s}.hero-randi{height:74%;width:48%;right:-6%;bottom:1%;z-index:4;animation-delay:-2s}.cast-spark{position:absolute;color:#ffd161;font-size:50px;animation:twinkle 5s infinite}.spark-one{top:12%;right:10%}.spark-two{top:35%;left:15%;font-size:24px;animation-delay:-2s}.hero-bottom{position:absolute;bottom:94px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;font-weight:800}.scroll-cue{display:flex;gap:16px;align-items:center;letter-spacing:.05em}.scroll-cue span:last-child{font-size:22px;animation:cue 2s infinite}.hero-cloud-edge{position:absolute;bottom:-1px;left:-5%;width:110%;height:105px;z-index:6;background:radial-gradient(ellipse 14% 100% at 9% 100%,#fffdf5 98%,transparent 100%),radial-gradient(ellipse 17% 94% at 29% 100%,#fffdf5 98%,transparent 100%),radial-gradient(ellipse 15% 100% at 50% 100%,#fffdf5 98%,transparent 100%),radial-gradient(ellipse 17% 88% at 72% 100%,#fffdf5 98%,transparent 100%),radial-gradient(ellipse 16% 100% at 94% 100%,#fffdf5 98%,transparent 100%);pointer-events:none}.cloud{position:absolute;z-index:2;width:330px;height:60px;border-radius:50%;background:#ffffff85;filter:blur(17px);pointer-events:none;animation:cloud-drift 30s linear infinite alternate}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;width:170px;height:90px;top:-45px;left:40px}.cloud:after{left:160px;top:-30px;width:140px;height:70px}.cloud-one{top:22%;left:-7%;opacity:.65}.cloud-two{bottom:25%;right:-12%;animation-duration:38s;animation-delay:-15s;opacity:.6;transform:scale(.8)}.cloud-three{top:45%;left:33%;width:180px;opacity:.25;animation-duration:45s}.section-intro{text-align:center;margin-bottom:34px}.section-intro h2{display:flex;gap:14px;align-items:center;justify-content:center}.heading-spark{color:#ffc34b;font-size:26px}.section-intro p{margin-top:14px;font-size:17px;color:#60728a}.interaction-hint{display:inline-flex;align-items:center;gap:5px;margin-top:17px;color:#7b8899;font-size:11px}.characters{padding-top:26px}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.character-card{position:relative;border-radius:25px;min-width:0;padding:13px 10px 20px;background:var(--card-bg);text-align:center;isolation:isolate;transition:transform .35s,box-shadow .35s;overflow:visible}.character-card:before{content:'';position:absolute;inset:0;border-radius:25px;box-shadow:inset 0 0 0 1px #ffffffa1;pointer-events:none}.character-card:hover,.character-card:focus-visible{transform:translateY(-8px);box-shadow:0 20px 30px #193d6114;z-index:3}.character-portrait{position:relative;aspect-ratio:1/1.12;display:block}.character-portrait:after{content:'';position:absolute;bottom:3%;left:20%;right:20%;height:10%;background:radial-gradient(ellipse,#6a79552b,transparent 65%);z-index:-1;transition:.3s}.character-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 85%;transition:transform .35s;filter:drop-shadow(0 5px 3px #415a4510)}.character-name{font-family:NeoRounded,'Arial Rounded MT Bold','PingFang SC',sans-serif;display:block;font-weight:900;font-size:clamp(13px,1.65vw,22px);letter-spacing:-.03em;line-height:1.2;margin-top:9px}.character-tap{display:flex;gap:5px;align-items:center;justify-content:center;font-size:10px;color:#4e6479;margin-top:8px}.character-tap:before{content:'✧';font-size:14px}.character-orbit{position:absolute;top:22%;right:8%;color:#ffbb3c;font-size:29px;opacity:0;transform:scale(.1) rotate(-30deg);transition:.4s}.character-card:hover .character-orbit,.character-card.is-active .character-orbit{opacity:1;transform:scale(1) rotate(15deg)}.character-card[data-character="mike"].is-active .character-portrait img,.character-card[data-character="mike"].is-hovered .character-portrait img{animation:fly-mike 2s ease-in-out infinite}.character-card.is-active .character-portrait img{animation:joy-hop .8s ease both}.character-card[data-character="tordy"].is-active img{animation:turtle-think .9s ease}.character-card[data-character="randi"].is-active img,.character-card[data-character="mom"].is-active img,.character-card[data-character="dolly"].is-active img{animation:happy-sway .9s ease}.character-card[data-character="duke"].is-active img,.character-card[data-character="captain"].is-active img{animation:take-flight 1.2s ease}.character-card[data-character="jawa"].is-active img{animation:ninja-hop .8s ease}.hero-character.is-active{animation:joy-hop 1s ease}.character-card.is-hovered:not(.is-active):not([data-character="mike"]) img{animation:idle-greet 2.7s ease-in-out infinite}.character-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#163b65;color:white;border-radius:18px;padding:10px 15px;max-width:230px;width:max-content;font-size:12px;line-height:1.5;box-shadow:0 8px 25px #173e6c25;transition:.25s;z-index:7}.character-bubble:after{content:'';position:absolute;bottom:-6px;left:50%;width:12px;height:12px;background:#163b65;transform:rotate(45deg)}.character-card.is-active .character-bubble{opacity:1;transform:translate(-50%,0)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.text-link{font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;gap:13px;align-items:center;padding-bottom:5px}.text-link:hover{color:#ff6266}.text-link span:last-child{transition:transform .25s}.text-link:hover span:last-child{transform:translate(3px,-3px)}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-card{position:relative;aspect-ratio:1.65;border-radius:23px;overflow:hidden;background:#b9def1;display:block;text-align:left;padding:0;isolation:isolate;box-shadow:0 6px 20px #18304e08;transition:transform .4s,box-shadow .4s}.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d294cab,transparent 55%);pointer-events:none}.story-scene{position:absolute;inset:0;background:url('assets/hero.webp') center/cover;transition:transform .8s}.story-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #18304e20}.story-card:hover .story-scene{transform:scale(1.08)}.story-scene img{position:absolute;width:48%;height:95%;bottom:-4%;left:10%;object-fit:contain;transition:transform .7s}.story-card:hover img{transform:translateY(-8px) rotate(3deg)}.story-card.travel .story-scene{background-position:80% 55%;filter:saturate(.85)}.story-card.travel img:nth-child(1){left:2%;height:90%}.story-card.travel img:nth-child(2){left:38%;height:70%;bottom:0}.story-card.travel img:nth-child(3){left:62%;height:60%;bottom:0}.story-card.adventures .story-scene{filter:sepia(.2);background-position:95% 20%}.story-card.adventures .story-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffbd6c20,#ffaf7333)}.story-card.adventures img{left:50%;height:78%;bottom:0;filter:brightness(.94)}.story-card.adventures img:nth-child(2){left:6%;height:65%;bottom:0}.story-badge{position:absolute;top:15px;left:15px;z-index:3;background:#ffffffed;border-radius:30px;padding:4px 12px;font-size:10px;font-weight:800}.story-bottom{position:absolute;bottom:19px;left:20px;right:20px;z-index:3;color:white;display:flex;align-items:center;gap:12px}.play-icon{display:grid;place-items:center;background:white;color:#173e6c;border-radius:50%;height:38px;width:38px;flex-shrink:0;font-size:12px;transition:transform .3s}.story-card:hover .play-icon{transform:scale(1.15);background:#ffe29c}.story-bottom h3{font-size:clamp(17px,1.7vw,24px);letter-spacing:-.02em}.section-flower{color:#ffcf53;font-size:50px;line-height:1;animation:flower-spin 35s linear infinite}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:var(--card-bg);border-radius:25px;overflow:hidden;text-align:center;transition:transform .4s,box-shadow .4s;cursor:pointer;position:relative}.product-card:hover{transform:translateY(-7px);box-shadow:0 17px 30px #173e6c16}.product-image{aspect-ratio:1.4;position:relative;overflow:hidden}.product-illustration{position:absolute;inset:0;background-image:url('assets/products.webp');background-size:300% auto;background-position:var(--product-position) center;transition:transform .7s}.product-card:hover .product-illustration{transform:scale(1.06) rotate(1deg)}.product-copy{padding:8px 20px 26px}.product-copy h3{font-size:25px}.product-copy p{font-size:13px;margin:10px 0 18px;color:#3f5d75}.product-copy .button{font-size:12px;min-height:42px;padding:12px 21px}.product-card:nth-child(2) .button{background:#31775f}.studio{margin-top:65px;border-radius:28px;min-height:300px;background:#d5efff;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center}.studio:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#cdeaff 27%,#cdeaffdf 43%,#cdeaff00 75%),url('assets/hero.webp') right center/cover;z-index:-1}.studio-copy{padding:42px;width:67%;z-index:3}.studio-copy h2{font-size:clamp(27px,2.7vw,39px)}.studio-copy p{font-size:14px;margin:15px 0 22px;max-width:430px}.studio-copy .button{font-size:12px;min-height:43px}.studio-art{position:absolute;right:2%;width:35%;height:100%;bottom:0}.studio-art>img{position:absolute;right:0;bottom:-24%;height:115%;width:70%;object-fit:contain;transform:rotate(-10deg);transition:transform .7s}.studio:hover .studio-art>img{transform:rotate(-3deg) translateY(-12px)}.storyboard{position:absolute;width:58%;height:73%;background:#fffdf3bb;left:-3%;top:15%;transform:rotate(-15deg);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;box-shadow:4px 6px 20px #173e6c0d;border-radius:4px}.storyboard span{display:grid;place-items:center;border:1px solid #8a9ba580;font-size:40px;color:#a4a9a1}.site-footer{padding-top:52px;padding-bottom:28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px}.footer-top .brand-logo{width:185px;height:51px}.footer-top nav{display:flex;gap:32px;align-items:center;font-size:12px}.footer-top nav button{font-size:12px;background:none;padding:5px 0}.footer-top nav a:hover,.footer-top nav button:hover{color:#e85a61}.back-top{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#eff4f6;transition:transform .3s}.back-top:hover{transform:translateY(-5px)}.footer-bottom{border-top:1px solid #dce3e8;padding-top:21px;display:flex;justify-content:space-between;gap:20px;align-items:end;color:#6d7e91;font-size:11px}.company{display:flex;flex-direction:column;gap:2px;letter-spacing:.015em}.skip-link{position:fixed;top:5px;left:5px;z-index:100;background:white;padding:10px 20px;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-ready .reveal.is-visible{opacity:1;transform:none}.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{padding:0;border:0;border-radius:28px;background:#fffdf5;color:#173754;width:min(640px,calc(100% - 32px));max-height:calc(100svh - 42px);box-shadow:0 35px 100px #12375440;overflow:auto;animation:dialog-in .3s ease}dialog::backdrop{background:#10294773;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:15px;right:15px;height:38px;width:38px;background:#ffffffec;z-index:5;border-radius:50%;font-size:27px;line-height:1}.dialog-visual{height:220px;position:relative;overflow:hidden;background:#d9f1ff url('assets/hero.webp') center/cover;display:flex;justify-content:center;align-items:end}.dialog-visual img{height:95%;width:45%;object-fit:contain}.dialog-visual.product-dialog{height:280px;background-image:url('assets/products.webp');background-size:300% auto;background-position:var(--product-position) center}.dialog-copy{padding:32px}.dialog-copy h2{font-size:31px}.dialog-copy p{margin:17px 0 23px;color:#587087;font-size:15px;line-height:1.75}.dialog-copy .button{font-size:13px}.dialog-note{padding:15px 19px;background:#eef3f6;border-radius:15px;font-size:12px;color:#587087;margin-bottom:22px}.dialog-visual video{width:100%;height:100%;object-fit:contain;background:#102e55}.dialog-visual:has(video){height:auto;aspect-ratio:16/9;background:#102e55}.ripple{position:absolute;border:2px solid #ffcb53;border-radius:50%;width:25px;height:25px;left:50%;top:45%;pointer-events:none;z-index:5;animation:ripple .7s forwards}html[lang="zh-CN"] h1{letter-spacing:.015em;font-size:clamp(52px,5.4vw,77px);line-height:1.18}html[lang="zh-CN"] h2{letter-spacing:.015em}html[lang="zh-CN"] .hero-copy p{max-width:400px}html[lang="zh-CN"] .character-name{letter-spacing:.02em}html[lang="zh-CN"] .eyebrow{letter-spacing:.13em}html[lang="zh-CN"] .product-copy h3{font-size:22px}
@keyframes hero-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes scenery-breathe{from{background-position:48% 55%}to{background-position:52% 55%}}@keyframes cloud-drift{from{translate:-60px 0}to{translate:130px -12px}}@keyframes sun{to{opacity:.45;transform:scale(1.15)}}@keyframes twinkle{0%,100%{opacity:.65;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.1) rotate(8deg)}}@keyframes cue{50%{transform:translateY(6px)}}@keyframes idle-greet{0%,100%{transform:rotate(-2deg) translateY(-3px)}50%{transform:rotate(2deg) translateY(-8px)}}@keyframes joy-hop{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-24px) rotate(-5deg)}60%{transform:translateY(-6px) rotate(5deg)}}@keyframes turtle-think{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg) translateX(-5px)}70%{transform:rotate(5deg) translateX(4px)}}@keyframes happy-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}70%{transform:rotate(8deg) translateY(-8px)}}@keyframes take-flight{0%,100%{transform:translateY(0)}40%{transform:translateY(-28px) rotate(-8deg)}75%{transform:translateY(-12px) rotate(6deg)}}@keyframes ninja-hop{0%,100%{transform:rotate(0)}30%{transform:translate(8px,-25px) rotate(15deg)}65%{transform:translate(-10px,-6px) rotate(-10deg)}}@keyframes fly-mike{0%,100%{transform:translateY(-10px) rotate(-4deg)}50%{transform:translate(8px,-26px) rotate(3deg)}}@keyframes flower-spin{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(8);opacity:0}}
@media(min-width:1600px){.hero-cast{right:-1%;left:45%}.hero-copy{width:56%}}@media(max-width:1150px){.desktop-nav{gap:18px;font-size:12px}.brand-logo{width:175px;height:48px}.site-header{gap:12px;padding-left:20px}.header-cta{padding:11px 16px}.hero{min-height:760px;height:820px}.hero-inner{min-height:760px}.hero h1{font-size:clamp(42px,5.4vw,66px)}.hero-cast{left:43%;right:-4%;top:25%;bottom:12%}.hero-copy p{font-size:16px;max-width:320px}.character-grid{gap:13px}.character-card{border-radius:20px}.character-name{font-size:18px}.product-copy{padding-inline:15px}.product-copy h3{font-size:22px}.product-copy p{font-size:12px}.footer-top nav{gap:22px}}
@media(max-width:900px){.content-width{width:calc(100% - 48px)}.header-cta{display:none}.hero-copy{width:58%}.hero-cast{left:46%;right:-10%;bottom:12%;top:25%}.hero-neo{left:5%;width:76%}.hero-tordy{left:-12%;width:46%}.hero-randi{right:-1%;width:46%}.hero-copy p{max-width:280px}.hero .button{font-size:12px;padding:13px 19px}.hero-ctas{gap:10px}.character-name{font-size:15px}.character-tap{font-size:9px}.character-card{padding-inline:7px}.section{padding-top:52px}.characters{padding-top:15px}.section-heading{align-items:start}.story-bottom{left:14px;bottom:14px;gap:8px}.play-icon{width:30px;height:30px;font-size:10px}.story-grid,.product-grid{gap:14px}.product-copy .button{font-size:11px;padding:11px 15px;gap:8px}.product-copy h3{font-size:19px}.product-copy p{min-height:38px}.studio-copy{padding:32px;width:70%}.studio-art{width:33%;right:0}.footer-top .brand-logo{width:160px}.footer-top nav{font-size:11px;gap:16px}.footer-top nav button{font-size:11px}html[lang="zh-CN"] .product-copy h3{font-size:18px}}
@media(max-width:680px){html{scroll-padding-top:85px}.content-width{width:calc(100% - 36px)}.site-header{top:12px;width:calc(100% - 24px);padding:9px 12px 9px 18px;border-radius:40px}.brand-logo{width:155px;height:42px}.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{gap:10px}.language-button{font-size:11px}.hero{height:960px;min-height:0;max-height:none}.hero-inner{min-height:0;display:block;height:100%}.hero-scenery{background-position:65% center;animation:none}.hero:after{background:linear-gradient(180deg,#e5f8ff85 5%,#e5f8ff4d 40%,transparent 70%)}.hero-copy{padding-top:132px;padding-bottom:0;width:100%;text-align:center}.hero-eyebrow{font-size:9px;margin-bottom:18px}.hero h1{font-size:clamp(42px,10.8vw,66px);line-height:1.08}.hero h1 .underline{white-space:normal}.title-star{font-size:28px;margin-left:5px;top:-7px}.underline:after{bottom:-9px;border-width:4px}.hero-copy p{font-size:14px;max-width:290px;margin:27px auto 0}.hero-ctas{justify-content:center;margin-top:22px}.hero-cast{top:49%;left:0;right:0;bottom:11%;transform:none!important}.hero-neo{height:100%;width:67%;left:13%;bottom:0}.hero-tordy{height:65%;width:44%;left:-4%;bottom:0}.hero-randi{height:77%;width:47%;right:-4%;bottom:0}.hero-bottom{bottom:65px;justify-content:center;font-size:8px;left:0;right:0;letter-spacing:.13em}.scroll-cue{display:none}.hero-cloud-edge{height:58px}.cloud-one{top:42%;left:-35%;opacity:.35}.cloud-two{bottom:24%;opacity:.35}.cloud-three{display:none}.section{padding-top:44px}.characters{padding-top:14px}.section-intro{margin-bottom:25px}.section-intro h2{font-size:29px;gap:7px}.heading-spark{font-size:18px}.section-intro p{font-size:14px;margin-top:12px}.interaction-hint{font-size:10px;margin-top:11px}.eyebrow{font-size:9px;margin-bottom:9px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-card{padding:10px 8px 16px;border-radius:22px}.character-portrait{aspect-ratio:1/1.03}.character-name{font-size:20px;margin-top:5px}.character-tap{font-size:10px;margin-top:7px}.character-bubble{font-size:11px;max-width:170px;width:max-content;white-space:normal}.character-card:nth-child(odd) .character-bubble{left:8%;transform:translate(0,8px)}.character-card:nth-child(even) .character-bubble{left:auto;right:8%;transform:translate(0,8px)}.character-card.is-active .character-bubble{transform:translate(0,0)}.section-heading{margin-bottom:21px;gap:10px;align-items:end}.section-heading h2{font-size:29px;max-width:300px}.text-link{font-size:10px;gap:7px;padding-bottom:3px}.story-grid{grid-template-columns:1fr;gap:16px}.story-card{aspect-ratio:1.8}.story-bottom{bottom:21px;left:22px;gap:12px}.story-bottom h3{font-size:25px}.play-icon{width:42px;height:42px;font-size:13px}.story-badge{font-size:10px;top:17px;left:18px}.section-flower{font-size:35px}.product-grid{grid-template-columns:1fr;gap:18px}.product-image{aspect-ratio:1.55}.product-copy{padding:4px 22px 25px}.product-copy h3{font-size:27px}.product-copy p{font-size:14px;min-height:0;margin-bottom:18px}.product-copy .button{font-size:13px;padding:13px 25px}.studio{margin-top:43px;min-height:470px;display:block;border-radius:24px}.studio:before{background:linear-gradient(180deg,#d2edff 28%,#d2edffd9 50%,#d2edff14 80%),url('assets/hero.webp') 70% bottom/auto 100%}.studio-copy{padding:28px 25px;width:100%}.studio-copy h2{font-size:29px;max-width:310px}.studio-copy p{font-size:13px;max-width:290px;line-height:1.6;margin:12px 0 19px}.studio-art{height:45%;width:58%;bottom:0;right:6%}.studio-art>img{height:125%;bottom:-26%;width:75%}.storyboard{left:-20%;width:70%;height:90%;top:5%}.storyboard span{font-size:30px}.site-footer{padding-top:35px;padding-bottom:26px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:24px}.footer-top .brand-logo{width:165px;height:47px}.footer-top nav{order:3;width:100%;gap:22px;flex-wrap:wrap;font-size:11px}.footer-top nav button{font-size:11px}.footer-bottom{align-items:start;flex-direction:column;gap:13px;font-size:10px;padding-top:20px}.company{gap:4px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:27px}.dialog-copy p{font-size:14px}.dialog-visual{height:200px}.dialog-visual.product-dialog{height:230px}html[lang="zh-CN"] h1{font-size:clamp(46px,12vw,65px)}html[lang="zh-CN"] .hero-copy p{max-width:290px}html[lang="zh-CN"] .section-intro h2{font-size:27px}html[lang="zh-CN"] .product-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scenery,.hero-cast{transform:none!important}.js-ready .reveal{opacity:1;transform:none}}

/* Chinese typography: rounded variable lettering, locally hosted. */
@font-face{font-family:NeoChinese;src:url('assets/fangyuan-site.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang="zh-CN"] body{font-family:NeoChinese,'PingFang SC','Microsoft YaHei',sans-serif;font-variation-settings:"BEVL" 100;font-weight:500}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3,html[lang="zh-CN"] .character-name{font-family:NeoChinese,'PingFang SC',sans-serif;font-weight:900;font-variation-settings:"wght" 900,"BEVL" 100;letter-spacing:.015em;-webkit-text-stroke:.35px currentColor}
html[lang="zh-CN"] h1{font-size:clamp(56px,5.6vw,80px);line-height:1.12;-webkit-text-stroke:.7px currentColor}
html[lang="zh-CN"] .desktop-nav,html[lang="zh-CN"] .button,html[lang="zh-CN"] .eyebrow,html[lang="zh-CN"] .text-link,html[lang="zh-CN"] .hero-copy p{font-family:NeoChinese,'PingFang SC',sans-serif;font-weight:700;font-variation-settings:"wght" 700,"BEVL" 100;letter-spacing:.025em}
html[lang="zh-CN"] .button{font-size:16px}html[lang="zh-CN"] .desktop-nav{font-size:15px}html[lang="zh-CN"] .header-cta{font-size:14px}
.character-card[data-character="mike"]:not(.is-hovered):not(.is-active) .character-portrait img{scale:1.06;transform-origin:50% 95%}
@media(max-width:680px){html[lang="zh-CN"] h1{font-size:clamp(52px,13vw,70px)}html[lang="zh-CN"] .button{font-size:15px}html[lang="zh-CN"] .section-intro h2{font-size:29px}html[lang="zh-CN"] .hero-copy p{font-size:17px}}
/* V2: approved expressive cutouts break free of the pastel card backplates. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero .art-title{line-height:0;font-size:0!important;letter-spacing:0;-webkit-text-stroke:0;max-width:650px;width:100%;margin-left:-7px}
.hero-title-art,#hero-title-art{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 0 #ffffff38)}
.hero-copy{width:51%;padding-bottom:26px}.hero-copy p{margin-top:23px}.hero-eyebrow{margin-bottom:22px}
.hero-cast{inset:14% -3% 10% 43%}.hero-character img{object-fit:contain;object-position:center bottom}
.hero-neo{width:72%;left:6%;height:100%;bottom:0}.hero-tordy{height:58%;width:42%;left:-9%;bottom:0}.hero-randi{height:70%;width:48%;right:-6%;bottom:0}
.character-grid{column-gap:24px;row-gap:38px;margin-top:52px}
.character-card{padding:17px 8px 21px;background:transparent;overflow:visible;box-shadow:none;isolation:isolate}
.character-card:before{inset:31px 0 0;background:var(--card-bg);z-index:-2;transition:transform .4s,box-shadow .4s;border-radius:25px}
.character-card:hover,.character-card:focus-visible{box-shadow:none;transform:translateY(-7px)}
.character-card:hover:before{transform:rotate(-1.2deg);box-shadow:0 18px 28px #193d6114}
.character-card:nth-child(even):hover:before{transform:rotate(1.2deg)}
.character-portrait{aspect-ratio:1/1.1;z-index:1}
.character-portrait img{inset:auto auto 0 -9%;width:118%;height:119%;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 3px #71512d13)}
.character-name{margin-top:10px;font-size:clamp(17px,1.8vw,24px)}
.character-tap{margin-top:10px}.character-orbit{z-index:2;right:-1%;top:12%}
.character-card[data-character="mike"]:not(.is-hovered):not(.is-active) .character-portrait img{scale:1;transform-origin:50% 95%}
.character-card[data-character="mike"][data-pose="3"] .character-portrait img,.character-card[data-character="mike"][data-pose="4"] .character-portrait img{left:-14%;width:128%;height:112%}
.character-bubble{z-index:8;bottom:calc(100% + 24px)}
@media(max-width:1150px){.hero-cast{inset:22% -5% 12% 44%}.hero-copy{width:52%}.character-grid{column-gap:17px;row-gap:30px}}
@media(max-width:900px){.hero .art-title{width:106%}.hero-cast{inset:25% -10% 12% 46%}.hero-copy{width:53%}.hero-neo{left:2%;width:76%}.hero-tordy{left:-13%;width:44%}.character-grid{column-gap:14px;row-gap:27px}.character-name{font-size:17px}}
@media(max-width:680px){.hero-copy{width:100%;padding-top:130px;padding-bottom:0}.hero .art-title{width:min(100%,430px);margin:0 auto}.hero-eyebrow{margin-bottom:16px}.hero-copy p{margin-top:17px}.hero-cast{inset:49% 0 10%}.hero-neo{width:72%;left:9%;height:100%}.hero-tordy{height:60%;width:43%;left:-5%;bottom:0}.hero-randi{height:73%;width:46%;right:-4%}.character-grid{column-gap:18px;row-gap:33px;margin-top:47px}.character-card{padding:16px 7px 19px}.character-card:before{top:29px}.character-portrait{aspect-ratio:1/1.08}.character-portrait img{left:-8%;width:116%;height:119%}.character-name{font-size:22px;margin-top:8px}.character-tap{margin-top:9px}}
@media(min-width:1160px){.hero-inner{width:min(1520px,calc(100% - 100px))}.hero-copy{transform:translateY(-55px)}.hero .art-title{max-width:620px}.hero-eyebrow{display:none}}
/* Music and localized character dialogue. */
.footer-legal{font-size:11px;line-height:1.9;color:#657991;text-align:center;border-top:1px solid #e6e9e8;padding-top:19px;margin-top:22px;padding-bottom:12px;overflow-wrap:anywhere}.footer-legal a{white-space:nowrap}.footer-legal a:hover{color:#e85a61}
.audio-controls{position:fixed;bottom:22px;right:22px;z-index:40;display:flex;align-items:center;gap:5px;padding:6px;background:#fffffff2;border:1px solid #ffffff;border-radius:30px;box-shadow:0 8px 35px #173e6c22;backdrop-filter:blur(12px)}.audio-controls button{display:flex;align-items:center;gap:7px;min-height:38px;background:transparent;border-radius:25px;font-size:11px;padding:8px 12px;transition:background .2s}.audio-controls button:hover{background:#e9f5fb}.audio-controls button[aria-pressed="true"]{color:#287b6b}.audio-controls button>span:first-child{font-size:20px;line-height:1}.audio-divider{width:1px;height:19px;background:#dce4e8}.audio-hint{position:absolute;bottom:calc(100% + 12px);right:0;white-space:nowrap;background:#173e6c;color:white;padding:8px 14px;border-radius:16px;font-size:11px}.character-card.is-speaking:before{box-shadow:0 0 0 3px #ffce65,0 15px 30px #173e6c15}.character-card.is-speaking .character-orbit{opacity:1;transform:scale(1) rotate(15deg)}.site-footer{padding-bottom:88px}@media(max-width:680px){.audio-controls{right:12px;bottom:12px}.audio-controls button{font-size:10px;padding:6px 10px;min-height:36px}.footer-legal{font-size:10px;text-align:left}.site-footer{padding-bottom:85px}}

/* Pause continuous decorative motion while the hero or page is hidden. */
.hero.hero-offscreen .hero-scenery,.hero.hero-offscreen .cloud,.hero.hero-offscreen .sun-glow,.hero.hero-offscreen .hero-character{animation-play-state:paused!important}
html.page-hidden *,html.page-hidden *::before,html.page-hidden *::after{animation-play-state:paused!important}
