/* V4: interaction with restraint; the page stays readable without JavaScript. */
.language-picker{font:inherit;font-size:11px;border:0;background:transparent;padding:8px 2px;max-width:72px;color:inherit;cursor:pointer}.language-control{display:flex;align-items:center;flex-shrink:0}.nav-actions{gap:16px}.compact-header .header-inner{gap:26px}.compact-header .nav-links{gap:17px}.compact-header .masthead{font-size:25px}.main-nav a:not(.bag-link){position:relative}.main-nav a:not(.bag-link):after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}
.motion-toggle{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:inherit;cursor:pointer;font:inherit;padding:0}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:#9eab27;transform-origin:left;transform:scaleX(0);width:100%;z-index:90;pointer-events:none}.button,.bag-link{transition:transform .2s,background .2s}.button:active,.bag-link:active{transform:scale(.96)}.text-button{transition:letter-spacing .2s}.text-button:hover{letter-spacing:.02em}.object-arrow{transition:translate .3s}.object-card:hover .object-arrow{translate:3px -3px}.object-image,.product-image-button{transition:rotate .25s,box-shadow .25s;rotate:var(--tilt,0deg)}.object-image:hover,.product-image-button:hover{box-shadow:0 15px 25px -22px #171b0a80}.hero-abu,.hero-pip,.hero-liuliu{translate:var(--scene-x,0px) var(--scene-y,0px);transition:translate .35s ease-out}.reveal-wait{opacity:0;translate:0 18px}.reveal-enter{transition:opacity .6s ease,translate .65s cubic-bezier(.2,.8,.2,1);opacity:1;translate:0 0}.accordion details[open] summary,.faq details[open] summary{color:#687310}.cast-card img{transition:rotate .35s,translate .35s}.cast-card:hover img{rotate:4deg;translate:0 -5px}.motion-off .object-image,.motion-off .product-image-button{rotate:0deg}.motion-off .hero img{translate:0 0}.motion-off .cast-card:hover img{rotate:0deg;translate:0 0}.motion-off .reveal-wait{opacity:1;translate:0 0}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.everyday-lab{background:#eef0e5;display:grid;grid-template-columns:.85fr 1.15fr;gap:0 65px;align-items:center;position:relative;overflow:hidden}.remix-copy{max-width:440px}.remix-copy h2{font-size:clamp(42px,4.6vw,70px);margin-bottom:25px;line-height:1.05}.remix-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#5b6052}.remix-copy>.text-button{display:table;margin-top:20px}.remix-object-options{display:flex;gap:10px;margin:26px 0 22px;flex-wrap:wrap}.remix-object-options button{background:transparent;padding:9px 18px;border:1px solid #b8bda9;border-radius:30px;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.remix-object-options button:hover{transform:translateY(-2px)}.remix-object-options button[aria-pressed=true]{background:#dfea4c;border-color:#a5b130}.remix-status{min-height:48px;margin:19px 0 0;font-size:13px!important}.remix-visual{min-width:0;position:relative;border:1px solid #d6dbc9;background-color:#f7f8ef;background-image:linear-gradient(#bfc5b21c 1px,transparent 1px),linear-gradient(90deg,#bfc5b21c 1px,transparent 1px);background-size:32px 32px;border-radius:5px}.remix-stamp{position:absolute;right:22px;top:22px;z-index:1;background:#e1ed4e;width:96px;height:96px;border-radius:50%;display:grid;place-content:center;font:22px/.94 var(--display);text-align:center;rotate:12deg;letter-spacing:-.03em}.remix-art{width:100%;height:auto;display:block;overflow:visible}.remix-scene{display:none}.everyday-lab[data-object=cup] .scene-cup,.everyday-lab[data-object=light] .scene-light,.everyday-lab[data-object=storage] .scene-storage{display:block}.remix-character{transition:opacity .35s,translate .4s,scale .4s;transform-box:fill-box;transform-origin:center}.everyday-lab[data-remixed=false] .remix-character{opacity:0;translate:0 8px;scale:.92}.remix-stage-caption{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;border-top:1px solid #d6dbc9;font-size:9px;letter-spacing:.07em}.remix-disclaimer{grid-column:1/-1;font-size:10px;line-height:1.6;color:#6e7563;margin:24px 0 0;max-width:650px}.everyday-principles{padding-block:55px}.everyday-principles .format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.everyday-principles h2{font-size:30px}.everyday-principles article{background:#f0f1e9}.everyday-principles article:nth-child(2){background:#e3eb60}.brand-positioning{padding:25px var(--gap);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px}.brand-positioning strong{font-size:15px}.brand-positioning a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.character-hello{margin-top:18px;background:transparent;border:1px solid #c9cbbf;padding:9px 18px;border-radius:25px;font-size:12px;cursor:pointer}.character-reply{font-size:13px;color:#5c6741;min-height:24px;margin:12px 0 0}
html:lang(zh),html:lang(ja){--body:"PingFang SC","Hiragino Sans","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--display:"PingFang SC","Hiragino Sans","Microsoft YaHei",sans-serif}html:lang(zh) h1,html:lang(ja) h1,html:lang(zh) h2,html:lang(ja) h2{font-weight:800;letter-spacing:-.04em;line-height:1.22}html:lang(zh) .hero h1,html:lang(ja) .hero h1{font-size:clamp(60px,6.6vw,96px);transform:none;line-height:1.25;letter-spacing:-.055em}html:lang(zh) .hero-copy,html:lang(ja) .hero-copy{padding-top:42px}html:lang(zh) .hero-copy p,html:lang(ja) .hero-copy p{margin-top:20px}html:lang(zh) .page-lead h1,html:lang(ja) .page-lead h1{font-size:clamp(38px,4.5vw,62px)}html:lang(zh) .section-heading h2,html:lang(ja) .section-heading h2{font-size:clamp(35px,3.5vw,54px)}html:lang(zh) .cast-name,html:lang(ja) .cast-name{font-family:var(--brand)}html:lang(zh) .gift-edit h2,html:lang(ja) .gift-edit h2{font-size:clamp(52px,5.5vw,86px)}html:lang(zh) .remix-copy h2,html:lang(ja) .remix-copy h2{font-size:clamp(35px,3.6vw,54px)}html:lang(zh) .custom h2,html:lang(ja) .custom h2{font-size:clamp(45px,5.3vw,80px)}html:lang(zh) .project-callout h2,html:lang(ja) .project-callout h2{font-size:clamp(45px,6vw,85px)}html:lang(zh) .step-number,html:lang(ja) .step-number{font-family:var(--brand)}
@media(max-width:1180px){.compact-header .main-nav{position:relative}.compact-header .menu-toggle{display:block;order:-1}.compact-header .nav-links{display:none;position:absolute;top:100%;left:-220px;right:0;padding:25px;background:#fff;z-index:20;border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.compact-header .main-nav.open .nav-links{display:flex}.compact-header .nav-actions{margin-left:auto}.compact-header .trade-link{display:none}.compact-header .mobile-trade{display:block}}
@media(max-width:900px){.everyday-lab{gap:35px}.remix-copy h2{font-size:45px}.remix-stamp{width:75px;height:75px;font-size:18px;right:12px;top:12px}.everyday-principles .format-grid{grid-template-columns:1fr}.brand-positioning{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:760px){.language-picker{font-size:10px;max-width:54px;padding:8px 0}.nav-actions,.compact-header .nav-actions{gap:10px}.compact-header .nav-search{display:none}.compact-header .mobile-search{display:block}.compact-header .header-inner{gap:15px}.compact-header .masthead{font-size:22px}.compact-header .nav-links{left:-170px;right:0}.everyday-lab{grid-template-columns:1fr;gap:25px;padding-block:45px}.remix-copy{max-width:none}.remix-visual{order:-1}.remix-copy h2{font-size:40px}.remix-copy>p:not(.eyebrow){font-size:14px}.remix-status{min-height:26px}.remix-art{max-height:330px}.remix-disclaimer{margin-top:0}.remix-stamp{font-size:17px;width:75px;height:75px}.remix-stage-caption{font-size:8px;padding:13px 15px}.remix-copy>.text-button{margin-top:14px}.brand-positioning{font-size:11px;padding:22px}.brand-positioning strong{font-size:13px}html:lang(zh) .hero h1,html:lang(ja) .hero h1{font-size:12.6vw;line-height:1.3;width:100%;white-space:normal;letter-spacing:-.05em}html:lang(zh) .hero-copy,html:lang(ja) .hero-copy{padding-top:30px}html:lang(zh) .hero-copy p,html:lang(ja) .hero-copy p{font-size:14px;max-width:225px;margin-top:18px}html:lang(zh) .section-heading h2,html:lang(ja) .section-heading h2{font-size:34px}html:lang(zh) .hero-actions .text-button,html:lang(ja) .hero-actions .text-button{max-width:140px}.remix-object-options{margin:20px 0}.motion-toggle{margin-top:5px}}
@media(max-width:420px){.compact-header .masthead{font-size:19px}.compact-header .header-inner{gap:12px}.compact-header .nav-actions{gap:8px}.compact-header .nav-links{left:-150px}.compact-header .bag-link{padding:8px 10px;font-size:11px}.compact-header .language-picker{max-width:47px;font-size:9px}.home-header .nav-actions{gap:11px}.home-header .nav-search{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-wait{opacity:1;translate:0 0}.hero img{translate:0 0!important}.object-image,.product-image-button,.cast-card:hover img{rotate:0deg!important;translate:0 0!important}.scroll-progress{display:none}}
@media(max-width:760px){html:lang(ja) .home-page .hero h1{font-size:10.5vw;line-height:1.3}}
@media(max-width:760px){.trade-page .filters{flex-wrap:wrap;overflow:visible;gap:10px 20px}html:lang(ja) .trade-page .hero h1{font-size:8.8vw;line-height:1.35}}
@media(max-width:600px){.compact-header .header-inner{display:block;padding-top:15px;min-height:0}.compact-header .masthead{font-size:23px;margin-bottom:11px}.compact-header .main-nav{border-top:1px solid var(--line);min-height:46px}.compact-header .nav-links{left:0;right:0}.compact-header .nav-actions{margin-left:auto}}