@font-face{font-family:WenKai;src:url('/assets/wenkai.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;scroll-snap-type:y proximity}body{margin:0;background:#f8f7f0;color:#29483d;font-family:WenKai,'Avenir Next',serif;font-size:18px;line-height:1.8;--c0:#e8c884;--c1:#94bde1;--c2:#e5a5bf;--c3:#bca5de;--c4:#eb9ca0;--c5:#edb083;--c6:#96cfc3;--c7:#b1cda1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #386858;outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px;position:absolute;top:0;left:0;width:100%;z-index:5;border-bottom:1px solid #33574712}header nav{display:flex;gap:32px;font-size:15px}header nav a:hover,footer a:hover{color:#b16754}.brand{display:flex;align-items:center;gap:12px;font-size:24px;white-space:nowrap}.brand img{border-radius:10px}.brand small{font:9px/1.5 sans-serif;letter-spacing:2px;max-width:50px;white-space:normal;color:#778478}.language{font-size:14px;border:1px solid #29483d24;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.screen{min-height:850px;min-height:max(760px,100svh);padding:100px max(6vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;position:relative;scroll-snap-align:start;overflow:hidden}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,74px);line-height:1.35;letter-spacing:-2px;font-weight:400;margin-bottom:28px}h1 span{color:#68866e}h2{font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1.4;letter-spacing:-1px;margin-bottom:24px}p{color:#68776a}p.eyebrow{font-family:WenKai,serif;font-size:12px;letter-spacing:2px;color:#718575;margin-bottom:28px}.lede{font-size:18px;line-height:1.9;margin-bottom:32px}.button{min-height:50px;padding:12px 25px;display:inline-flex;gap:26px;align-items:center;border-radius:28px;font-size:16px;transition:transform .2s,box-shadow .2s}.primary{background:#3e6857;color:#fffef4;box-shadow:0 8px 22px #38574417}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #38574430}.fine{font-size:12px;line-height:1.8;margin-top:16px;color:#7c877a}.hero{padding-top:130px;padding-bottom:95px;min-height:max(800px,100svh);background:radial-gradient(ellipse at 74% 50%,#e6ebdc 0,transparent 50%)}.hero-copy{z-index:2}.hero-visual{height:580px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:470px;height:520px;border-radius:49% 49% 35% 35%;background:#e6ecdf;border:1px solid #dde5d4;transform:rotate(-10deg)}.phone{width:262px;border:7px solid #344a3f;border-radius:38px;background:#fffdf7;box-shadow:0 35px 65px #2f473d20,0 0 0 1px #c1c9ba;overflow:hidden;line-height:0;position:relative;z-index:1}.phone img{display:block;width:100%;height:auto}.hero .phone{transform:rotate(5deg)}.hero-branch{position:absolute;width:340px;height:auto;right:-100px;bottom:-40px;z-index:2;pointer-events:none;transform:rotate(-12deg)}.handnote{position:absolute;left:-25px;bottom:25px;padding:13px 23px;background:#fffdf3;border:1px solid #e3e4d7;transform:rotate(-6deg);font-size:14px;box-shadow:0 8px 24px #3857440d;z-index:3}.scroll-note{position:absolute;bottom:27px;left:6vw;font-size:12px;letter-spacing:1px;color:#7c877a}.section-copy{max-width:505px}.section-copy>p:not(.eyebrow):not(.fine){font-size:19px;line-height:1.95}.playground{background:#eeefe5;gap:5vw}.flower{width:155px;height:155px;object-fit:contain;margin:4px 0 -50px 50px;transform:rotate(-12deg)}.paper{background:#fcfbf5;padding:32px;border:1px solid #e1e5d7;border-radius:28px;box-shadow:0 18px 60px #314a3410;transform:rotate(1deg)}.paper-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:22px}.paper-heading div{display:flex;gap:6px}.paper-heading button{border:0;background:#edf0e6;border-radius:16px;font-size:12px;min-height:36px;padding:4px 10px;white-space:nowrap}button:disabled{opacity:.4;cursor:default}.paint-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;touch-action:pan-y}.paint-grid button{height:29px;min-width:0;border:0;background:#e6e8df;border-radius:5px;transition:background .1s,transform .15s;padding:0}.paint-grid button:hover{transform:scale(1.08)}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 3px;margin-top:24px}.swatch{display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid transparent;background:transparent;padding:5px 1px;border-radius:18px;font-size:12px;min-height:34px}.swatch i{width:11px;height:11px;border-radius:50%;flex-shrink:0}.swatch[aria-pressed=true]{background:#edf0e6;border-color:#718575}.paper .fine{text-align:center;min-height:22px}.picture{position:relative;display:flex;justify-content:center}.picture .phone{width:280px}.peach{background:#f5eee6}.mint{background:#eaf0e8}.side-flower{position:absolute;width:240px;right:-15px;bottom:0;z-index:2}blockquote{margin:30px 0 0;border-left:2px solid #b2bfa7;padding:10px 22px;font-size:20px;color:#65816b}.mini-month{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;max-width:315px;margin-top:40px;transform:rotate(-3deg)}.mini-month i{height:28px;border-radius:5px;opacity:.75}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pills span{font-size:13px;padding:7px 16px;background:#ffffff77;border:1px solid #c6d6c4;border-radius:22px}.privacy-band{background:#365b4c;color:#f3f4e6;padding:80px max(10vw,calc((100vw - 1000px)/2));display:flex;gap:50px;align-items:start;scroll-snap-align:start}.privacy-band>span{font-size:75px;line-height:1.2;color:#b6cbaa}.privacy-band h2{font-size:34px}.privacy-band p{color:#d0ddcd;font-size:17px}.privacy-band a{font-size:14px;border-bottom:1px solid #b6cbaa}.faq{max-width:850px;margin:auto;padding:100px 28px}.faq>h2{font-size:38px}.faq details{border-bottom:1px solid #dce1d4;padding:22px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:19px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:16px;line-height:1.9;margin:18px 0 0;padding-right:25px}.closing{padding:110px 24px 120px;text-align:center;position:relative;overflow:hidden;background:#e9ede0;scroll-snap-align:start}.closing>img{position:absolute;width:350px;left:-90px;bottom:-80px;opacity:.8;pointer-events:none;transform:rotate(18deg)}.closing h2{font-size:clamp(37px,4vw,60px)}.closing>*:not(img){position:relative}.closing .eyebrow{font-size:10px}footer{padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px}footer>div{display:flex;gap:20px;flex-wrap:wrap}footer>small{font:10px sans-serif;color:#839080}.document{max-width:850px;margin:auto;padding:160px 30px 80px}.document h1{font-size:56px}.document h2{font-size:27px;margin-top:42px}.document a:not(.button){text-decoration:underline}.document p{line-height:2}.document hr{border:0;border-top:1px solid #dce1d4;margin:50px 0}
@media(min-width:1600px){.screen{gap:100px}.hero-visual{height:670px}.hero .phone{width:300px}}
@media(max-width:850px){header{padding:0 24px;height:72px}header nav{display:none}.screen{padding:75px 25px;gap:44px;grid-template-columns:1fr;min-height:0}.hero{padding-top:125px;padding-bottom:70px;text-align:center;gap:30px}.hero-copy{max-width:580px;margin:auto}h1{font-size:48px;letter-spacing:-1px}.hero-visual{height:490px;max-width:500px;width:100%;margin:auto}.hero .phone{width:216px}.halo{width:320px;height:405px}.hero-branch{width:240px;right:-25px;bottom:-5px}.handnote{left:0;bottom:12px;font-size:12px}.scroll-note{position:static;grid-column:1;font-size:12px}.section-copy{margin:auto;max-width:580px}.playground .section-copy{position:relative}.flower{position:absolute;right:-8px;bottom:-8px;width:100px;height:100px;opacity:.65;margin:0}.playground .section-copy>p{padding-right:35px}.paper{width:100%;max-width:560px;margin:auto;padding:24px;transform:none}.story .section-copy{grid-row:1}.story .picture{grid-row:2}.picture .phone{width:250px}.side-flower{right:0;width:175px}.privacy-band{padding:60px 28px;gap:24px}.privacy-band>span{font-size:45px}.privacy-band h2{font-size:30px}.faq{padding:65px 26px}.faq>h2{font-size:31px}.closing{padding:80px 25px}.closing>img{width:200px;opacity:.5}footer{padding:30px 25px;gap:20px}.document{padding:120px 25px 55px}.document h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the artwork beside the product, and preserve whole Chinese phrases. */
.hero-branch{width:230px;right:-95px;bottom:5px;z-index:0;opacity:.82}
.hero-visual .phone{z-index:1}
@media(max-width:850px){html[lang=zh-CN] .hero h1{font-size:34px;line-height:1.5;letter-spacing:0}.hero-branch{width:180px;right:-35px;bottom:25px}.hero .lede{font-size:16px}.hero{padding-top:110px}.hero h1{margin-bottom:22px}}