@font-face{font-family:Jua;src:url('/fonts/Jua-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--paper:#f5f0e6;--ink:#293d33;--muted:#647267;--line:#293d3326;--sage:#dce6d3;--sand:#eae0cf;--lavender:#e5deec;--apricot:#edc4aa;--blue:#d9e6eb;--pad:clamp(22px,5.6vw,96px);--look-x:0;--look-y:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b4663b;outline-offset:5px}::selection{background:#d4a882;color:#263c30}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:20px;top:-90px;z-index:100;background:var(--ink);color:#fff;padding:15px}.skip:focus{top:12px}
.site-header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:30;background:#f5f0e6f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.wordmark{font:400 32px/1 Jua,sans-serif;letter-spacing:-1.1px;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-dot{width:7px;height:7px;border-radius:50%;background:#b97a55;margin-left:3px}.site-header nav{display:flex;gap:30px;flex:1;justify-content:center}.site-header nav a{line-height:1.35}.site-header nav b{display:block;font-size:13px;font-weight:600}.site-header nav small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.site-header nav a[aria-current=page]{color:#a25d38}.header-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;max-width:175px;justify-content:end;font-size:10px}.languages{display:flex;gap:4px;align-items:center}.languages button{font-size:10px;padding:5px}.languages button[aria-pressed=true]{font-weight:800;text-decoration:underline;text-underline-offset:5px}.sound-toggle,.motion-toggle{font-size:9px;padding:4px 0;color:var(--muted)}.motion-toggle{flex-basis:100%;text-align:right;margin-top:-4px}.volume{line-height:1}.volume input{width:48px;height:12px;accent-color:var(--ink);margin:0}
.hero{position:relative;min-height:640px;height:calc(100svh - 100px);max-height:900px;overflow:hidden;isolation:isolate}.hero-backdrop{position:absolute;inset:-20px;z-index:-2;background:url('/media/bot/interior_day.jpg') center/cover no-repeat;transform:translate(calc(var(--look-x)*-5px),calc(var(--look-y)*-3px)) scale(1.03);transition:transform .8s ease}.hero-home .hero-backdrop:after,.hero-hoodies .hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#f5efe4d9 0%,#f5efe4bc 45%,#e7d9c72b 80%)}.hero-copy{position:relative;z-index:3;text-align:center;margin:0 auto;padding:50px 25px 0;max-width:720px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;line-height:1.5}.hero h1{font:400 clamp(44px,5.8vw,86px)/1.02 Jua,sans-serif;letter-spacing:-2px;margin:20px 0}.hero h1>span{display:block}.hero-lead{font-size:14px;line-height:1.75;max-width:440px;margin:0 auto 22px;color:#4c5e50}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:12px 23px;border-radius:6px;font-size:12px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:#fffaf0}.secondary{border:1px solid #293d3366;background:transparent;color:var(--ink)}.hero-note,.release-status{font-size:9px;letter-spacing:.6px;margin-top:15px;color:#526051}.release-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#879965;display:inline-block;margin-right:7px}.hero-family{display:flex;align-items:end;justify-content:center;gap:clamp(10px,3vw,42px);position:absolute;bottom:38px;left:var(--pad);right:var(--pad);height:265px;z-index:2}.hero-friend{padding:0;flex:0 1 180px;max-width:19%;transform:translate(calc(var(--look-x)*4px),calc(var(--look-y)*2px));transition:transform .6s}.hero-friend img{width:100%;height:245px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 10px #55433324)}.hero-friend.saebom{transform:translateY(-14px)}.hero-friend.daljam{transform:translateY(-8px)}.hero-friend.morang img{height:195px}.hero-friend.sobok img{height:230px}.scroll-hint{position:absolute;bottom:12px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;z-index:5}.hero-mate,.hero-bot{background:#e8e6d7}.hero-mate .hero-backdrop{background:radial-gradient(ellipse at 75% 50%,#ebe0c2,#e7e8d9 68%)}.hero-bot .hero-backdrop{opacity:.35;background-position:center right}.hero-mate .hero-copy,.hero-bot .hero-copy{text-align:left;margin-left:var(--pad);padding:105px 0 0;max-width:48%;}.hero-mate h1,.hero-bot h1{font-size:clamp(40px,5.4vw,80px);line-height:1.1}.hero-mate .hero-lead,.hero-bot .hero-lead{margin-left:0;max-width:370px}.hero-solo{position:absolute;right:5%;top:8%;bottom:8%;width:43%;padding:0;transform:translate(calc(var(--look-x)*5px),calc(var(--look-y)*3px)) rotate(calc(var(--look-x)*1.5deg));transition:transform .6s}.hero-solo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 18px #51492e27)}.orbit-note{position:absolute;right:8%;bottom:9%;border:1px solid #52675044;border-radius:100%;padding:9px 20px;font-size:10px;transform:rotate(-8deg)}.hero-bot-scene{position:absolute;right:0;bottom:40px;top:60px;width:50%}.hero-house{position:absolute;width:75%;bottom:13%;right:0;filter:drop-shadow(0 25px 15px #5a47322b)}.hero-pusher{position:absolute;bottom:4%;left:0;width:45%;height:48%;object-fit:contain;z-index:2}.hero-folder{position:absolute;bottom:4%;left:34%;width:24%;z-index:3}.light-dust{pointer-events:none;position:absolute;inset:0;z-index:1}.light-dust i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff9;left:25%;top:45%;box-shadow:120px 80px 0 #fff8,-80px 110px 0 #fff8,500px -70px 0 #fff9;animation:drift 14s linear infinite}.light-dust i:nth-child(2){left:60%;top:20%;animation-delay:-6s}.light-dust i:nth-child(3){left:80%;top:65%;animation-delay:-10s}@keyframes drift{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(20px,-25px);opacity:.65}}
.section{padding:85px var(--pad)}h2{font:400 clamp(30px,4.2vw,58px)/1.12 Jua,sans-serif;letter-spacing:-.8px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px}.trailer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trailer-card{padding:0;text-align:left;min-width:0}.trailer-art{display:flex;align-items:end;justify-content:center;height:200px;position:relative;overflow:hidden;border-radius:12px;background:var(--sand)}.trailer-art img{height:85%;width:auto;max-width:55%;object-fit:contain;transition:transform .5s;filter:drop-shadow(0 12px 10px #273b3020)}.trailer-card:hover img{transform:translateY(-8px) rotate(-3deg)}.trailer-text{display:block;padding:17px 2px}.trailer-text b{display:block;font-size:14px}.trailer-text small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.play-mark{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:32px;height:32px;background:#fff9;border-radius:50%;font-size:18px}.sand{background:var(--sand)}.sage{background:var(--sage)}.lavender{background:var(--lavender)}.sage .trailer-art{background:var(--sage)}.lavender .trailer-art{background:var(--lavender)}.trailer-card{background:transparent}.product-paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-path{min-height:360px;display:flex;position:relative;padding:35px;overflow:hidden;border-radius:14px}.product-path>div{max-width:65%;position:relative;z-index:2}.product-path h3{font:400 31px/1.1 Jua,sans-serif;max-width:240px}.product-path p{font-size:12px;color:#4c5d4d;margin:18px 0;max-width:220px}.product-path>img{position:absolute;right:-20px;bottom:-30px;width:48%;max-height:260px;object-fit:contain}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:11px;padding-bottom:4px}.paths{padding-top:35px}
.feature-intro{padding-bottom:45px}.feature-intro h2{margin:15px 0 35px}.feature-jumps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-jumps a{display:flex;align-items:center;gap:22px;padding:24px 20px;border-right:1px solid var(--line)}.feature-jumps a:last-child{border:0}.feature-jumps span{font-size:10px;color:var(--muted)}.feature-jumps b{font-size:17px;font-weight:500}.feature-jumps i{margin-left:auto;font-style:normal}.feature-scene{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px var(--pad);gap:55px;position:relative;overflow:hidden}.feature-scene.reverse .feature-art{order:2}.feature-art{min-width:0;position:relative;height:380px;display:flex;justify-content:center;align-items:center}.feature-art>img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 14px #293d331a)}.feature-copy{max-width:420px}.feature-copy h2{margin:18px 0 22px}.feature-copy p{font-size:14px;line-height:1.9;color:#526151}.feature-copy small{display:block;font-size:10px;line-height:1.6;letter-spacing:.3px;color:#5f6b5e;margin-top:25px}.feature-copy .button{margin-top:25px}.feature-art .feature-house{width:80%;height:auto}.feature-art .feature-walker{position:absolute;left:0;bottom:0;width:43%;height:45%}.feature-art .feature-emote{position:absolute;right:0;top:10px;width:40%;height:auto;transform:rotate(9deg)}.tidy-demo .demo-home{position:absolute;right:-5%;width:65%;height:85%;bottom:5%}.tidy-demo .demo-file{position:absolute;width:29%;height:auto;transition:transform 1s,opacity 1s}.tidy-demo .file-one{left:5%;top:14%;transform:rotate(-14deg)}.tidy-demo .file-two{left:12%;bottom:9%;transform:rotate(11deg)}.tidy-demo.is-tidy .demo-file{transform:translate(180px,40px) scale(.1);opacity:0}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.extra-grid article{padding-top:22px;border-top:1px solid var(--line)}.extra-grid article>span{font-size:10px;color:#8b977a}.extra-grid h3{font:400 25px/1.2 Jua,sans-serif;margin:22px 0 12px}.extra-grid p{font-size:13px;color:var(--muted)}.screen-preview{min-height:370px;position:relative;background:#dce4d7;border:1px solid var(--line);border-radius:12px;padding:30px 30px 65px;display:flex;align-items:center;justify-content:center}.screen-sprite{height:290px;width:300px;object-fit:contain}.screen-label{position:absolute;bottom:20px;left:25px;right:25px;font-size:10px;display:flex;gap:15px;align-items:center;justify-content:space-between}.screen-label>div{display:flex;gap:15px;align-items:center;white-space:nowrap}.screen-label button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%}.product-info{background:#eae5d9;display:grid;grid-template-columns:1fr 1.7fr;gap:55px}.product-info h2{margin-top:15px}.product-info dl{margin:0}.product-info dl>div{display:grid;grid-template-columns:1fr 2fr;gap:25px;border-bottom:1px solid #293d3326;padding:16px 0;font-size:12px}.product-info dt{color:var(--muted)}.product-info dd{margin:0;font-weight:600}.limits{padding-left:18px;font-size:11px;line-height:1.9;color:#526151;margin:30px 0 0}.limits li{margin:12px 0}
.gallery{background:#eee9df}.character-tabs{display:flex;gap:12px;justify-content:center;margin:35px 0}.character-tabs button{display:flex;align-items:center;gap:14px;padding:10px 18px;background:#fff7;border:1px solid transparent;border-radius:80px;font-size:12px;transition:background .25s}.character-tabs button[aria-pressed=true]{border-color:var(--ink);background:#fff}.character-tabs img{height:45px;width:36px;object-fit:contain}.character-stage{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;min-height:420px;--friend-color:#ddd3be}.character-stage[data-character=saebom]{--friend-color:#c4d2b7}.character-stage[data-character=daljam]{--friend-color:#cfbfdc}.character-stage[data-character=morang]{--friend-color:#ecc8ad}.character-stage[data-character=sobok]{--friend-color:#bed3df}.character-display{height:400px;display:grid;place-items:center;position:relative}.character-ring{position:absolute;width:330px;height:330px;border-radius:50%;background:var(--friend-color);transition:background .6s}.character-display button{width:100%;height:100%;position:relative;padding:0;transform:translate(calc(var(--look-x)*5px),calc(var(--look-y)*2px)) rotate(calc(var(--look-x)*1deg));transition:transform .5s}.gallery-sprite{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 20px 12px #293d3326)}.character-story{max-width:370px}.character-name{font:400 70px/1 Jua,sans-serif;margin:16px 0}.character-role{font:400 24px/1.2 Jua,sans-serif;margin-bottom:20px}.character-description{color:var(--muted);font-size:14px;margin-bottom:26px}.gallery-note{display:block;font-size:9px;color:var(--muted);margin-top:20px}.family-use{text-align:center;max-width:900px;margin:auto}.family-use p{margin:22px auto;max-width:520px;font-size:14px;color:var(--muted)}.inline-links{display:flex;gap:15px;justify-content:center;margin-top:30px}.site-footer{padding:60px var(--pad) 25px;background:#293d33;color:#f5f0e6;display:flex;flex-wrap:wrap;justify-content:space-between;gap:45px}.site-footer>div>p{font-size:12px;color:#c4cebf;margin-top:15px}.footer-docs{display:flex;gap:60px}.footer-docs b{display:block;font-size:13px;margin-bottom:14px}.footer-docs a{display:block;font-size:11px;color:#c4cebf;margin-top:8px}.footer-end{flex-basis:100%;display:flex;justify-content:space-between;gap:25px;padding-top:25px;border-top:1px solid #f5f0e628;font-size:10px;color:#c4cebf}
dialog{border:1px solid var(--line);padding:40px;width:min(680px,90vw);max-height:90svh;background:var(--paper);color:var(--ink);border-radius:14px}dialog::backdrop{background:#17251bd9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:7px;font-size:28px}dialog h2{font-size:30px}dialog p{font-size:12px;color:var(--muted);margin-top:15px}.dialog-art{height:300px;display:flex;justify-content:center;background:#e4ded1;margin-top:25px;border-radius:12px}.dialog-art img{height:100%;max-width:50%;object-fit:contain}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .hero-solo,.no-motion .hero-friend,.no-motion .character-display button,.no-motion .hero-backdrop{transform:none!important}
@media(min-width:1500px){.hero-copy{padding-top:80px}.hero-family{height:340px;bottom:45px}.hero-friend img{height:320px}.hero-friend.morang img{height:260px}.hero-friend.sobok img{height:305px}.hero-mate .hero-copy,.hero-bot .hero-copy{padding-top:150px}}
@media(max-width:1050px){.site-header{gap:20px;padding-inline:30px}.wordmark{font-size:29px}.site-header nav{gap:22px}.hero-copy{padding-top:40px}.hero h1{font-size:59px}.hero-family{height:230px;gap:10px}.hero-friend img{height:215px}.hero-friend.morang img{height:175px}.hero-friend.sobok img{height:205px}.hero-mate .hero-copy,.hero-bot .hero-copy{padding-top:110px}.hero-mate h1,.hero-bot h1{font-size:53px}.character-tabs{gap:7px}.character-tabs button{gap:8px;padding:8px 12px}.character-stage{gap:35px}.character-ring{width:280px;height:280px}.feature-scene{gap:35px}.product-path{padding:27px}.product-path h3{font-size:29px}.extra-grid{gap:25px}}
@media(max-width:760px){.site-header{height:126px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:15px 22px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:20px}.site-header nav a{flex:1}.site-header nav b{font-size:12px}.site-header nav small{font-size:8px}.header-tools{max-width:none;justify-self:end;gap:8px}.motion-toggle{flex-basis:auto;font-size:8px}.volume{display:none}.wordmark{font-size:29px}.hero{height:auto;min-height:620px}.hero-copy{padding:45px 22px 0}.hero h1{font-size:clamp(38px,7vw,56px);letter-spacing:-1px;margin:20px 0}.hero-lead{font-size:13px;max-width:360px}.hero-family{left:15px;right:15px;bottom:45px;height:220px;gap:0}.hero-friend{max-width:21%;flex:1}.hero-friend img{height:180px}.hero-friend.morang img{height:140px}.hero-friend.sobok img{height:170px}.hero-mate .hero-copy,.hero-bot .hero-copy{margin:0;max-width:100%;text-align:center;padding:35px 22px 0}.hero-mate h1,.hero-bot h1{font-size:43px}.hero-mate .hero-lead,.hero-bot .hero-lead{margin-left:auto;max-width:360px}.hero-mate,.hero-bot{min-height:710px}.hero-solo{top:auto;bottom:30px;right:19%;width:62%;height:330px}.orbit-note{right:5%;bottom:90px;font-size:8px;background:#f5f0e6b0}.hero-bot-scene{top:auto;bottom:35px;right:14%;width:74%;height:290px}.section{padding:60px 22px}.section-heading{display:block}.section-heading>p{margin-top:20px;font-size:13px;max-width:400px}.trailer-row{gap:12px}.trailer-art{height:145px}.trailer-text b{font-size:11px}.trailer-text small{font-size:8px}.play-mark{width:25px;height:25px;bottom:9px;right:9px}.product-paths{grid-template-columns:1fr}.product-path{min-height:285px;padding:30px}.product-path>img{width:42%;bottom:-20px}.product-path p{max-width:240px}.paths{padding-top:10px}.feature-jumps a{padding:20px 10px;gap:9px}.feature-jumps b{font-size:14px}.feature-scene{grid-template-columns:1fr;gap:15px;padding:40px 22px;min-height:0}.feature-scene.reverse .feature-art{order:0}.feature-art{height:300px}.feature-copy{max-width:none;padding-bottom:20px}.feature-copy h2{font-size:36px;max-width:350px}.feature-copy p{font-size:14px}.extra-grid{grid-template-columns:1fr;gap:30px}.extras h2{font-size:35px}.extra-grid h3{margin-top:15px}.screen-preview{min-height:350px;padding:25px 20px 95px}.screen-label{flex-direction:column;align-items:start;font-size:9px;bottom:16px}.screen-label>div{align-self:end}.product-info{grid-template-columns:1fr;gap:25px}.character-tabs{gap:7px}.character-tabs button{flex:1;min-width:0;display:block;border-radius:12px;padding:8px 4px;text-align:center;font-size:9px}.character-tabs img{height:48px;width:100%;margin:0 auto 8px}.character-stage{grid-template-columns:1fr;gap:15px}.character-display{height:300px}.character-ring{width:250px;height:250px}.character-story{max-width:none;text-align:center}.character-name{font-size:56px}.character-description{max-width:340px;margin-inline:auto}.character-role{font-size:23px}.gallery-note{font-size:8px}.site-footer{padding:45px 22px 25px;gap:30px}.footer-docs{gap:55px}.footer-end{flex-wrap:wrap;font-size:9px}.footer-end>span{order:3;flex-basis:100%}dialog{padding:35px 20px}.dialog-art{height:250px}}
@media(max-width:400px){.hero-home,.hero-hoodies{min-height:590px}.hero h1{font-size:39px}.hero-lead{font-size:12px}.hero-family{bottom:60px}.hero-friend img{height:145px}.hero-friend.morang img{height:115px}.hero-friend.sobok img{height:138px}.hero-mate h1,.hero-bot h1{font-size:36px}.hero-solo{bottom:45px;height:320px}.trailer-row{grid-template-columns:1fr}.trailer-card{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.trailer-art{height:115px}.trailer-text b{font-size:13px}.trailer-text small{font-size:10px}.product-path h3{font-size:26px}.product-path p{max-width:175px}.character-tabs img{height:38px}.site-header nav{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-solo,.hero-friend,.character-display button,.hero-backdrop{transform:none!important}}

/* Chinese uses the system CJK font; no remote font requests. */
html[lang="zh-Hans"] body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3,html[lang="zh-Hans"] .character-name,html[lang="zh-Hans"] .character-role{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-weight:650;line-height:1.2;letter-spacing:0}
html[lang="zh-Hans"] .eyebrow{letter-spacing:1.2px}
html[lang="zh-Hans"] .hero-note{letter-spacing:0}
@media(max-width:400px){html[lang="zh-Hans"] .hero h1{font-size:35px}html[lang="zh-Hans"] .hero-mate h1,html[lang="zh-Hans"] .hero-bot h1{font-size:31px}}

/* Knitted English wordmark, V02 concept. Original PNG alpha retained. */
.wordmark{min-width:0}.wordmark img{width:190px;height:auto}.site-footer .wordmark img{width:270px}.brand-dot{display:none}
@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) auto}.site-header .wordmark img{width:156px;max-width:100%}.header-tools{max-width:136px}.languages{gap:2px}.languages button{padding-inline:3px}}

/* V03: the approved yarn identity becomes a little stage for five eye-smiles. */
.hero-logo-friends{height:auto;min-height:calc(100svh - 100px);max-height:none;padding:14px 24px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.hero-logo-friends .hero-backdrop:after{background:linear-gradient(#f7f1e6eb 0%,#f7f1e6d9 53%,#e9dfcf88 82%,#e7d9c72b 100%)}
.brand-stage{width:min(940px,90vw,calc((100svh - 430px)*1.5));position:relative;z-index:3;flex-shrink:0;isolation:isolate}
.hero-knit-logo{width:100%;height:auto;pointer-events:none;user-select:none}
.logo-faces{position:absolute;left:38.5%;right:1.2%;top:43.5%;display:flex;align-items:end;gap:0.5%;z-index:2}
.knit-face{position:relative;flex:1;min-width:0;aspect-ratio:1.2;padding:0;transform-origin:50% 90%;animation:face-float 5.8s ease-in-out infinite;animation-delay:var(--delay);border-radius:45%}
.knit-face:after{content:'';position:absolute;inset:-5px;border-radius:45%}
.face-frame{position:relative;display:block;width:100%;height:100%;transform:translate(calc(var(--look-x)*2px),calc(var(--look-y)*1px));transition:transform .5s}
.face-expression{position:absolute;inset:0;display:block;background-image:url('/brand/faces-smile-sheet-v03.webp');background-repeat:no-repeat;background-size:500% 200%;background-position:var(--face-x) 100%}
.face-expression{mask-image:linear-gradient(transparent 0%,#000 8%,#000 100%);-webkit-mask-image:linear-gradient(transparent 0%,#000 8%,#000 100%)}
.face-neutral{background-position:var(--face-x) 0;animation:eye-smile 7s ease-in-out infinite;animation-delay:var(--delay);transition:opacity .13s}
.knit-face.is-smiling .face-neutral,.knit-face:hover .face-neutral,.knit-face:focus-visible .face-neutral{opacity:0!important}
.knit-face.is-giggling .face-frame{animation:little-giggle .55s ease-in-out 2}
.hero-logo-friends .hero-copy{padding:0;max-width:560px;margin:0;z-index:4}
.hero-logo-friends .brand-tagline{font:400 clamp(21px,2.2vw,30px)/1.2 Jua,sans-serif;letter-spacing:-.4px}
.hero-logo-friends .hero-lead{font-size:12px;line-height:1.65;max-width:440px;margin:8px auto 13px}
.hero-logo-friends .button{min-height:42px;padding:9px 22px;font-size:11px}
.hero-logo-friends .hero-note{margin-top:9px;font-size:9px}
.hero-logo-friends .hero-family{position:relative;left:auto;right:auto;bottom:auto;flex-shrink:0;width:min(680px,85vw);height:104px;margin-top:14px;gap:26px;align-items:end}
.hero-logo-friends .hero-friend{flex:0 1 100px;max-width:19%}
.hero-logo-friends .hero-friend img{height:104px}
.hero-logo-friends .hero-friend.saebom{transform:translateY(-4px)}
.hero-logo-friends .hero-friend.daljam{transform:translateY(-2px)}
.hero-logo-friends .hero-friend.morang img{height:82px}
.hero-logo-friends .hero-friend.sobok img{height:98px}
.brand-stage.is-asleep *,.page-hidden .brand-stage *{animation-play-state:paused!important}
@keyframes eye-smile{0%,17%,94%,100%{opacity:1}23%,88%{opacity:0}}
@keyframes face-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-5px) rotate(calc(var(--tilt)*-.6))}}
@keyframes little-giggle{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-7px) rotate(-5deg)}65%{transform:translateY(-3px) rotate(4deg)}}
.no-motion .knit-face,.no-motion .face-frame{transform:none!important}
.no-motion .face-neutral{opacity:0!important}
html[lang="zh-Hans"] .hero-logo-friends .brand-tagline{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-weight:650;line-height:1.3;letter-spacing:0}
@media(max-height:650px) and (min-width:761px){.brand-stage{width:min(680px,85vw)}.hero-logo-friends{min-height:710px}}
@media(max-width:760px){
 .hero-logo-friends{min-height:calc(100svh - 126px);padding:25px 18px 40px;gap:10px}
 .brand-stage{width:min(560px,100%)}
 .hero-logo-friends .hero-copy{padding:0 5px;max-width:420px}
 .hero-logo-friends .brand-tagline{font-size:23px;line-height:1.3;max-width:340px;margin:auto}
 .hero-logo-friends .hero-lead{font-size:12px;line-height:1.75;max-width:320px;margin-top:10px;margin-bottom:17px}
 .hero-logo-friends .button{min-height:44px;padding:10px 20px}
 .hero-logo-friends .hero-note{font-size:9px;margin-top:12px}
 .hero-logo-friends .hero-family{height:110px;width:100%;gap:2px;margin-top:12px}
 .hero-logo-friends .hero-friend{flex:1;max-width:21%}
 .hero-logo-friends .hero-friend img{height:108px}
 .hero-logo-friends .hero-friend.morang img{height:86px}
 .hero-logo-friends .hero-friend.sobok img{height:103px}
 .hero-logo-friends .scroll-hint{bottom:12px;font-size:7px}
}
@media(max-width:360px){.hero-logo-friends{padding-inline:14px}.hero-logo-friends .brand-tagline{font-size:21px}.hero-logo-friends .hero-lead{font-size:11px}.hero-logo-friends .hero-family{height:95px}.hero-logo-friends .hero-friend img{height:92px}.hero-logo-friends .hero-friend.morang img{height:73px}.hero-logo-friends .hero-friend.sobok img{height:88px}}
@media(prefers-reduced-motion:reduce){.knit-face,.face-frame{transform:none!important}.face-neutral{opacity:0!important}}

/* V03.1: one approved family, with independently positioned original logo layers. */
.logo-assembly{position:relative;aspect-ratio:3/2;isolation:isolate}
.logo-assembly .logo-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.logo-layer-hoodi{clip-path:polygon(0 0,67% 0,67% 39%,0 39%);transform-origin:8% 38%;transform:translate(-2%,15%) rotate(-7deg) scale(1.3);z-index:3}
.logo-layer-laptop{clip-path:polygon(0 48%,39% 48%,39% 100%,0 100%);transform:translate(2%,-6%);z-index:2}
.logo-layer-mong{clip-path:polygon(39% 48%,100% 48%,100% 100%,39% 100%);z-index:2}
.hero-v03-1 .logo-faces{z-index:4}
.knit-face{pointer-events:auto}
.product-logo-stage{position:relative;isolation:isolate;margin:18px 0 12px;width:100%}
.product-logo-stage>img{position:relative;width:100%;height:auto;pointer-events:none;user-select:none}
.product-logo-stage .logo-faces{left:51%;right:1%;top:-3%;z-index:2}
.product-logo-stage .single-face{left:auto;right:6%;top:-10%;width:20%}
.product-logo-stage.is-asleep *,.page-hidden .product-logo-stage *{animation-play-state:paused!important}
.hero-product-world{height:calc(100svh - 100px);min-height:680px;max-height:950px}
.hero-product-world .hero-backdrop{background:url('/media/bot/interior_day.jpg') center/cover no-repeat;opacity:1}
.hero-product-world .hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#f7f1e6f5 3%,#f7f1e6e6 45%,#f7f1e665 100%)}
.hero-product-world .hero-copy{padding:60px 0 0;max-width:48%;margin-left:var(--pad);text-align:left}
.hero-product-world .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.8px}
.hero-product-world .brand-tagline{font:400 clamp(26px,3vw,39px)/1.15 Jua,sans-serif;letter-spacing:-.5px;max-width:500px;margin:0 0 16px}
.hero-product-world .brand-tagline>span{display:block}
.hero-product-world .hero-lead{font-size:13px;line-height:1.85;max-width:370px;margin:0 0 20px}
.hero-product-world .button{min-height:44px;padding:10px 22px;font-size:11px}
.hero-product-world .release-status{font-size:10px;margin-top:16px}
.hero-product-world .hero-solo{right:1%;width:44%;top:10%;bottom:9%}
.hero-product-world .orbit-note{right:7%;bottom:8%;background:#f5f0e6b0;border-style:dashed;transform:rotate(-5deg)}
.hero-product-world .hero-bot-scene{right:2%;width:48%;top:18%;bottom:35px}
.hero-family-world{height:auto;min-height:calc(100svh - 100px);max-height:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 24px 30px}
.hero-family-world .hero-backdrop:after{background:linear-gradient(#f7f1e6ec 0%,#f7f1e6d6 53%,#e9dfcf77 84%,#e7d9c72b 100%)}
.hero-family-world .hero-copy{margin:0;padding:0;max-width:720px;width:100%;text-align:center}
.family-brand-stage{max-width:630px;margin:60px auto 4px}
.family-brand-stage .logo-faces{left:31%;right:1%;top:-20%}
.hero-family-world .brand-tagline{font-size:29px;line-height:1.25;max-width:none;margin:0 0 10px}
.hero-family-world .brand-tagline>span{display:inline}
.hero-family-world .hero-lead{margin:0 auto 16px;max-width:490px;font-size:12px}
.hero-family-world .hero-note{margin-top:10px}
.hero-family-world .hero-family{position:relative;bottom:auto;left:auto;right:auto;width:min(980px,94vw);height:190px;margin-top:10px;gap:26px}
.hero-family-world .hero-friend{flex:0 1 170px;max-width:19%}
.hero-family-world .hero-friend img{height:190px}
.hero-family-world .hero-friend.morang img{height:150px}
.hero-family-world .hero-friend.sobok img{height:180px}
.feature-jumps{border:1px dashed #64726766;border-radius:15px;overflow:hidden;background:#eeeadf}
.feature-jumps a{border-right:1px dashed #64726755}
.feature-jumps a:hover{background:#dce6d366}
.extra-grid article{border-top-style:dashed}
.trailer-art,.product-path{border-radius:18px;box-shadow:0 2px 0 #293d3312}
html[lang="zh-Hans"] .hero-product-world .brand-tagline{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-weight:650;line-height:1.3;letter-spacing:0}
@media(max-width:1050px) and (min-width:761px){.hero-product-world .hero-copy{padding-top:80px;max-width:47%}.hero-product-world .brand-tagline{font-size:30px}.hero-product-world .hero-lead{font-size:12px}.hero-family-world .hero-copy{padding:0;max-width:650px}.hero-family-world .hero-friend img{height:180px}.hero-family-world .hero-friend.morang img{height:145px}.hero-family-world .hero-friend.sobok img{height:170px}}
@media(max-width:760px){
 .hero-product-world{height:auto;min-height:calc(100svh - 126px);max-height:none;padding:32px 22px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .hero-product-world .hero-copy{padding:0;margin:0;max-width:420px;width:100%;text-align:center}
 .hero-product-world .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px}
 .product-logo-stage{margin:20px auto 10px;max-width:420px}
 .hero-product-world .brand-tagline{font-size:27px;line-height:1.25;margin:0 auto 13px;max-width:360px}
 .hero-product-world .hero-lead{font-size:12px;line-height:1.8;max-width:330px;margin:0 auto 17px}
 .hero-product-world .release-status{font-size:9px;margin-top:12px}
 .hero-product-world .hero-solo{position:relative;right:auto;top:auto;bottom:auto;width:65%;height:260px;margin:18px auto 0}
 .hero-product-world .orbit-note{right:4%;bottom:10%;font-size:8px;max-width:140px;padding:7px 14px}
 .hero-product-world .hero-bot-scene{position:relative;right:auto;top:auto;bottom:auto;width:95%;height:260px;margin-top:12px}
 .hero-family-world{padding:35px 18px 40px}
 .hero-family-world .hero-copy{max-width:560px}
 .family-brand-stage{margin-top:28px;margin-bottom:15px}
 .hero-family-world .brand-tagline{font-size:24px;max-width:340px;line-height:1.3;margin-bottom:13px}
 .hero-family-world .hero-family{height:155px;width:100%;gap:2px;margin-top:22px}
 .hero-family-world .hero-friend{flex:1;max-width:21%}
 .hero-family-world .hero-friend img{height:150px}
 .hero-family-world .hero-friend.morang img{height:118px}
 .hero-family-world .hero-friend.sobok img{height:142px}
}
@media(max-width:360px){.hero-product-world .brand-tagline{font-size:24px}.hero-product-world .hero-lead{font-size:11px}.hero-product-world .hero-solo{height:225px}.hero-product-world .hero-bot-scene{height:225px}.hero-family-world .hero-friend img{height:125px}.hero-family-world .hero-friend.morang img{height:100px}.hero-family-world .hero-friend.sobok img{height:120px}}

/* Keep both product card titles on one line in every language. */
.product-path{container-type:inline-size}
.product-path>div{width:100%;max-width:100%}
.product-path h3{max-width:none;white-space:nowrap;font-size:clamp(12px,6cqi,31px);line-height:1.2}
@media(max-width:760px){.product-path{padding:28px 22px}}

/* Feature headings stay on one line without clipping on narrow screens. */
.feature-copy{container-type:inline-size;min-width:0;width:100%}
.feature-copy h2{max-width:none;white-space:nowrap;font-size:clamp(12px,6cqi,36px);line-height:1.2}

/* Contain gallery artwork inside its column so it never covers following copy. */
.character-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.character-display{min-width:0;overflow:hidden}
.character-display button{min-width:0;min-height:0;max-width:100%;max-height:100%;display:block}
.character-display .gallery-sprite{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.character-stage{grid-template-columns:minmax(0,1fr)}}