:root{color-scheme:light;--ink:#14324e;--header:72px}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #2487bb;outline-offset:6px}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.header{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center}.brand svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6}.brand strong{font-size:22px;letter-spacing:2px}.brand strong span{font-size:15px;letter-spacing:1px;margin-left:6px}.main-nav{display:flex;gap:31px;align-items:center;height:100%}.main-nav a{font-size:14px;position:relative;padding:25px 0}.main-nav a:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s}.main-nav a[aria-current]:after,.main-nav a:hover:after{transform:scaleX(1)}.menu{display:none}.screen{position:relative;height:100svh;min-height:480px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.scene,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(241,245,245,.4),transparent 68%)}.copy{position:absolute;left:9.5%;top:50%;transform:translateY(-42%);z-index:2;max-width:75%}h1,h2,p,h3{margin:0}h1,h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-weight:600;letter-spacing:.035em}h1{font-size:clamp(38px,4.7vw,72px);line-height:1.3}.home .hero-copy h2{font-size:clamp(23px,2.5vw,38px);margin-top:15px;letter-spacing:.07em}.english{font-size:17px;line-height:1.85;letter-spacing:.07em;margin-top:22px;color:#375065}.short-rule{display:block;width:36px;height:1px;background:#375065;margin:28px 0 22px}.intro{font-size:14px;line-height:2;letter-spacing:.05em}.next{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);text-align:center;font-size:11px;letter-spacing:2px}.next svg{display:block;width:26px;height:26px;margin:6px auto 0;fill:none;stroke:currentColor;stroke-width:1.2}.copy>h2{font-size:clamp(35px,4vw,60px);line-height:1.5}.dark{color:white}.dark .shade{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.22) 48%,transparent 83%)}.subtitle{font-family:"Songti SC",serif;font-size:22px;letter-spacing:.12em;margin-top:15px}.service-labels{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.025em;margin-top:38px}.outline-button{display:inline-flex;align-items:center;gap:34px;border:1px solid rgba(255,255,255,.75);padding:14px 23px;font-size:14px;margin-top:36px;transition:background .2s}.outline-button:hover{background:rgba(255,255,255,.15)}.modules{display:flex;gap:37px;margin-top:38px}.modules>div{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:13px;letter-spacing:.08em}.modules svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.15}.values .shade{background:linear-gradient(180deg,rgba(235,243,249,.25),transparent 75%)}.values .copy{top:35%;width:75%;max-width:900px}.values-subtitle{font-size:17px;letter-spacing:.1em;line-height:1.8;margin-top:14px}.value-grid{display:flex;justify-content:space-between;width:min(560px,100%);margin-top:42px}.value-grid>div{text-align:center}.value-grid svg{width:38px;height:43px;fill:none;stroke:currentColor;stroke-width:1}.value-grid h3{font-size:17px;letter-spacing:.15em;font-weight:400;margin-top:17px}.value-grid .heart{stroke:#bb614c}.life .copy{top:38%}.life .copy>h2{font-size:clamp(28px,3.35vw,50px);line-height:1.6}.life .shade{background:linear-gradient(90deg,rgba(244,239,226,.5),transparent 80%)}.life .english{margin-top:25px}.world .shade{background:linear-gradient(180deg,rgba(237,240,239,.25),transparent 46%,rgba(0,0,0,.13))}.world-copy{position:absolute;z-index:2;top:23%;left:5%;width:90%;text-align:center}.world h2{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:clamp(34px,4vw,62px);font-weight:600;letter-spacing:.08em}.world h2 span{font-size:.73em;letter-spacing:.06em;margin-left:8px}.world-mission{font-family:"Songti SC",serif;font-size:clamp(18px,2vw,28px);letter-spacing:.15em;margin-top:25px}.world-tagline{font-size:15px;color:#5a6d78;letter-spacing:.18em;margin-top:20px}.copyright{position:absolute;bottom:25px;left:5%;width:90%;text-align:center;color:white;font-size:11px;letter-spacing:.1em;z-index:3;text-shadow:0 1px 5px #202b31}.screen-nav{position:fixed;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:17px;z-index:25}.screen-nav a{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(20,50,78,.35)}.screen-nav a[aria-current]{background:var(--ink);box-shadow:0 0 0 3px rgba(255,255,255,.75)}
@media(max-width:900px){.main-nav{gap:18px}.brand strong span{font-size:11px}.brand strong{font-size:18px}.header{padding:0 4%}.copy{left:7%}.service-labels{flex-direction:column;align-items:flex-start;gap:10px}.service-labels>span{display:none}.screen-nav{right:15px}.modules{gap:23px}}
@media(max-width:640px){:root{--header:62px}.header{padding:0 6%}.brand svg{width:27px}.brand strong{font-size:20px}.brand strong span{font-size:12px}.menu{display:flex;flex-direction:column;justify-content:center;gap:7px;width:38px;height:38px;background:none;border:0;color:var(--ink)}.menu span{height:1px;width:23px;background:currentColor}.main-nav{display:none;position:absolute;top:var(--header);left:0;right:0;height:auto;background:rgba(255,255,255,.98);padding:12px 7%;grid-template-columns:1fr 1fr;gap:0 26px}.main-nav.open{display:grid}.main-nav a{padding:17px 0}.main-nav a:after{bottom:9px}.screen{min-height:480px}.copy{left:8%;max-width:84%;top:44%;transform:translateY(-25%)}h1{font-size:39px}.home .hero-copy h2{font-size:23px;line-height:1.6;max-width:290px}.hero-copy .english{font-size:14px}.intro{font-size:12px}.home .scene{object-position:58% center}.home .shade{background:linear-gradient(90deg,rgba(247,249,247,.82),rgba(245,247,246,.38) 65%,transparent)}.copy>h2{font-size:36px}.subtitle{font-size:17px;line-height:1.8}.service-labels{margin-top:28px;font-size:12px}.outline-button{margin-top:30px;padding:13px 18px;font-size:13px}.leather .scene{object-position:65% center}.radar .scene{object-position:64% center}.dark .shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.35))}.modules{gap:22px;flex-wrap:wrap}.modules>div{font-size:11px;gap:10px}.modules svg{width:25px;height:25px}.values .copy{width:84%;top:30%}.values-subtitle{font-size:15px;max-width:300px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px;width:260px}.value-grid svg{width:30px;height:36px}.value-grid h3{font-size:14px;margin-top:10px}.life .copy{top:28%}.life .copy>h2{font-size:27px;line-height:1.7}.life .english{font-size:13px}.life .scene{object-position:65% center}.life .shade{background:linear-gradient(180deg,rgba(243,235,212,.45),transparent 80%)}.world .scene{object-position:37% center}.world-copy{top:23%;left:7%;width:86%}.world h2{font-size:34px}.world-mission{font-size:18px;line-height:1.9;max-width:290px;margin:20px auto 0}.world-tagline{font-size:12px;letter-spacing:.12em}.copyright{font-size:9px;bottom:23px}.screen-nav{right:11px;gap:18px}.screen-nav a{width:5px;height:5px}}
@media(max-height:540px) and (min-width:641px){.screen{min-height:100svh}.copy{top:54%}.copy>h2,h1{font-size:34px}.home .hero-copy h2{font-size:24px;margin-top:5px}.english{margin-top:8px;font-size:13px}.short-rule{margin:12px 0}.intro{font-size:11px;line-height:1.7}.subtitle{margin-top:5px;font-size:17px}.modules,.service-labels{margin-top:16px}.outline-button{margin-top:18px;padding:10px 18px}.value-grid{margin-top:25px}.world-copy{top:26%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:640px){.values .scene{object-position:80% center}.values .shade{background:linear-gradient(180deg,rgba(232,244,253,.28),transparent 65%),linear-gradient(90deg,rgba(239,247,250,.46),transparent 85%)}.value-grid{gap:27px 25px}}

.life .shade{background:linear-gradient(90deg,rgba(237,246,251,.58),transparent 70%)}
@media(max-width:640px){.life .scene{object-position:80% center}.life .shade{background:linear-gradient(180deg,rgba(237,246,251,.38),transparent 65%)}}

.values .copy{top:31%}.values .shade{background:linear-gradient(90deg,rgba(243,248,252,.42),transparent 75%)}
@media(max-width:640px){.values .scene{object-position:47% center}.values .copy{top:28%}.values .shade{background:linear-gradient(180deg,rgba(241,247,251,.35),transparent 70%)}.value-grid{margin-top:30px}}
.values .copy{top:27%}.value-grid{width:min(520px,100%);margin-top:30px}
@media(max-width:640px){.values .copy{top:28%}.value-grid{width:260px}}
/* Strong headline hierarchy, with quiet supporting copy. */
h1,h2{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:750;letter-spacing:.015em}
h1{font-size:clamp(42px,5.2vw,78px);line-height:1.22}.home .hero-copy h2{font-size:clamp(22px,2.45vw,36px);font-weight:600;letter-spacing:.02em;margin-top:21px}.copy>h2{font-size:clamp(38px,4.4vw,66px);line-height:1.35}.subtitle{font-family:inherit;font-size:20px;font-weight:400;letter-spacing:.045em}.values-subtitle{font-size:16px;letter-spacing:.055em;line-height:1.9}.value-grid h3{font-weight:600;letter-spacing:.08em;font-size:16px}.life .copy>h2{font-size:clamp(30px,3.6vw,54px);font-weight:750;line-height:1.5;letter-spacing:.01em}.world h2{font-weight:750}.world-mission{font-family:inherit;font-weight:500;letter-spacing:.08em}.english{font-size:15px;letter-spacing:.06em;color:#496172}.intro{color:#40566a}
@media(max-width:640px){h1{font-size:38px}.home .hero-copy h2{font-size:22px;line-height:1.6;max-width:300px;margin-top:18px}.copy>h2{font-size:35px}.subtitle{font-size:17px}.values-subtitle{font-size:14px}.value-grid h3{font-size:14px}.life .copy>h2{font-size:26px;line-height:1.65}.english{font-size:13px}}
@media(max-height:540px) and (min-width:641px){h1,.copy>h2{font-size:34px}.home .hero-copy h2{font-size:23px;margin-top:9px}.life .copy>h2{font-size:31px}}

.copyright .icp:hover{text-decoration:underline;text-underline-offset:3px}.copyright-separator{margin:0 8px}
@media(max-width:640px){.copyright .icp{display:block;margin-top:7px}.copyright-separator{display:none}}

.values .copy{top:36%}
@media(max-width:640px){.values .copy{top:34%}}

/* Values content and color icons copied from the live website. */
.values .copy{width:84%;max-width:1040px;top:43%}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;width:min(920px,100%);text-align:center;margin-top:36px}
.value-grid svg{width:52px;height:56px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.value-grid .pink{color:#ff6986}.value-grid .blue{color:#1c87ff}.value-grid .orange{color:#ff963e}.value-grid .purple{color:#8852ff}
.value-grid h3{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:0;margin:0 0 10px}
.value-grid p{font-size:14px;line-height:1.65;letter-spacing:0;color:#24445d}
.values .shade{background:linear-gradient(90deg,rgba(243,248,252,.68),rgba(243,248,252,.40) 63%,transparent 94%)}
@media(max-width:900px){.value-grid{gap:18px}.value-grid h3{font-size:19px}.value-grid p{font-size:12px}}
@media(max-width:640px){.values .copy{top:36%;width:84%}.value-grid{grid-template-columns:1fr 1fr;gap:27px 16px;width:100%;margin-top:28px}.value-grid svg{width:43px;height:48px;margin-bottom:8px}.value-grid h3{font-size:19px;margin-bottom:8px}.value-grid p{font-size:12px}.values .shade{background:linear-gradient(180deg,rgba(243,248,252,.62),rgba(243,248,252,.38) 70%,rgba(243,248,252,.08))}}
@media(max-height:540px) and (min-width:641px){.values .copy{top:52%}.value-grid{margin-top:18px}.value-grid svg{width:36px;height:40px;margin-bottom:6px}.value-grid h3{font-size:18px;margin-bottom:6px}.value-grid p{font-size:12px}}

.values .copy{top:calc(43% + 30px)}
@media(max-width:640px){.values .copy{top:calc(36% + 30px)}}
@media(max-height:540px) and (min-width:641px){.values .copy{top:calc(52% + 30px)}}

.language-toggle{border:1px solid #14324e40;background:transparent;color:var(--ink);padding:6px 9px;cursor:pointer;font-size:12px;line-height:1.2;white-space:nowrap}.header{gap:20px}.main-nav{margin-left:auto}.menu{flex-shrink:0}
html[lang="en"] .main-nav{gap:20px}html[lang="en"] .main-nav a{font-size:12px}html[lang="en"] .hero-copy{max-width:54%}html[lang="en"] h1{font-size:clamp(36px,4.4vw,65px);max-width:670px}html[lang="en"] .home .hero-copy h2{font-size:clamp(21px,2.1vw,31px)}html[lang="en"] .copy>h2{font-size:clamp(32px,4vw,60px)}html[lang="en"] .subtitle{font-size:18px;letter-spacing:0;max-width:620px}html[lang="en"] .service-labels{font-size:12px;letter-spacing:0}html[lang="en"] .values-subtitle{letter-spacing:0}html[lang="en"] .value-grid h3{font-size:19px}html[lang="en"] .value-grid p{font-size:12px}html[lang="en"] .life .copy>h2{font-size:clamp(29px,3.25vw,49px)}html[lang="en"] .world-mission{font-size:clamp(17px,1.7vw,25px);letter-spacing:.02em}
@media(max-width:1000px) and (min-width:641px){html[lang="en"] .main-nav{gap:12px}html[lang="en"] .brand strong span{display:none}html[lang="en"] .service-labels{flex-direction:column;align-items:flex-start;gap:8px}html[lang="en"] .service-labels>span{display:none}}
@media(max-width:640px){.header{gap:10px}.main-nav{margin-left:0}.menu{margin-left:auto}.language-toggle{padding:5px 7px}html[lang="en"] .hero-copy{max-width:84%;top:36%}html[lang="en"] h1{font-size:34px}html[lang="en"] .home .hero-copy h2{font-size:21px}html[lang="en"] .copy>h2{font-size:32px}html[lang="en"] .subtitle{font-size:16px}html[lang="en"] .value-grid h3{font-size:17px}html[lang="en"] .value-grid p{font-size:11px}html[lang="en"] .life .copy>h2{font-size:26px}html[lang="en"] .values .copy{top:calc(32% + 30px)}html[lang="en"] .world-mission{font-size:17px}}

.value-grid svg{width:38px;height:43px;stroke-width:1.15;margin-bottom:14px}
@media(max-width:640px){.value-grid svg{width:32px;height:37px;stroke-width:1.15;margin-bottom:10px}}
.values .value-grid{width:min(760px,100%)}
@media(max-width:640px){.values .value-grid{width:100%}}

.copyright{line-height:1.8}.legal-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:5px}.copyright .license:hover,.copyright .police-record:hover{text-decoration:underline;text-underline-offset:3px}.police-record{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.police-record img{display:block;width:16px;height:16px;flex:none;object-fit:contain}
@media(max-width:640px){.legal-links{flex-direction:column;gap:2px}.legal-links>span{display:none}.copyright .icp{margin-top:0}.copyright{letter-spacing:.03em}}

/* One stationary layout coordinate system; only the content pane scrolls. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#14324e}
html{scroll-snap-type:none}
body{position:relative;height:100vh;height:100dvh}
.header,.screen-nav,.skip{position:absolute}
#main{position:absolute;inset:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scroll-snap-type:y mandatory;scrollbar-width:none}
#main::-webkit-scrollbar{display:none}
.screen{scroll-snap-align:start;scroll-snap-stop:always}

/* Follow the visible viewport when mobile browser toolbars expand/collapse. */
.screen{height:100vh;height:100dvh;min-height:0}
.copyright{bottom:max(23px,env(safe-area-inset-bottom))}

/* Quiet sky behind the life copy; keep the full photo visible below. */
@media(max-width:640px){
 .life .copy{top:18%;transform:none}
 .life .shade{background:linear-gradient(180deg,rgba(237,246,251,.78),rgba(237,246,251,.65) 36%,transparent 65%)}
 .life .copy>h2{text-shadow:0 1px 8px rgba(237,246,251,.65)}
 .life .english{color:#24445d}
}
/* Remove the old fixed 290px limit on the closing subtitle. */
.world-mission{max-width:none;text-wrap:pretty}
@media(max-width:640px){
 html[lang="zh-CN"] .world-mission{font-size:clamp(13px,4.2vw,18px);letter-spacing:.03em;white-space:nowrap}
}

@media(max-width:640px){.values-subtitle{letter-spacing:0}.values .value-grid h3,.values .value-grid p{text-shadow:0 1px 6px rgba(255,255,255,.8)}}

/* Narrow-screen overlay limits. */
@media(max-width:640px){
 .home .shade{width:50%;background:linear-gradient(90deg,rgba(247,249,247,.58),rgba(247,249,247,.18) 45%,transparent 100%)}
 .life .shade{display:none}
}

/* Product navigation: section links stay within the corporate homepage. */
.products-nav{position:relative;height:100%;display:flex;align-items:center}
.products-toggle{display:flex;align-items:center;gap:6px;padding:25px 0;border:0;background:transparent;color:inherit;font-size:14px;cursor:pointer;position:relative}
.products-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .2s}
.products-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.products-toggle[data-active="true"]:after{content:"";position:absolute;left:0;right:20px;bottom:16px;height:1px;background:currentColor}
.products-menu{position:absolute;top:100%;left:-22px;min-width:172px;padding:10px;background:rgba(255,255,255,.98);border:1px solid #14324e12;box-shadow:0 12px 28px #14324e12}
.products-menu[hidden]{display:none}
.main-nav .products-menu a{display:block;padding:13px 12px;white-space:nowrap;border-radius:2px}
.main-nav .products-menu a:after{display:none}
.main-nav .products-menu a:hover,.main-nav .products-menu a[aria-current]{background:#14324e09}
.baby{color:#3e5a3f;background:#f6eee7}
.baby .scene{object-position:65% center}
.baby .shade{background:linear-gradient(90deg,rgba(250,247,242,.82),rgba(250,247,242,.55) 32%,transparent 62%)}
.baby .copy{max-width:48%}
.product-eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:20px;color:#567857}
.baby .subtitle{font-weight:600;color:#5f5a4e}
.baby-description{font-size:16px;font-weight:500;line-height:2;margin-top:24px;color:#5f5a4e}
.baby-services{display:flex;gap:0;margin-top:27px;font-size:14px;font-weight:500;color:#5f5a4e}
.baby-services span+span:before{content:"·";margin:0 14px;opacity:.6}
.baby .outline-button{border-color:#567857;background:#567857;color:#fff;font-weight:600;margin-top:30px;box-shadow:0 4px 14px #3e5a3f18}
.baby .outline-button:hover{background:#3e5a3f;border-color:#3e5a3f}
@media(max-width:640px){
 .products-nav{height:auto;display:block;grid-column:1/-1}
 .products-toggle{padding:17px 0;width:100%;justify-content:space-between}
 .products-toggle[data-active="true"]:after{right:auto;width:56px;bottom:9px}
 .products-menu{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:transparent}
 .main-nav .products-menu a{padding:13px 12px;background:#14324e06;font-size:13px}
 .baby .copy{top:calc(var(--header) + 32px);transform:none;max-width:84%;width:84%}
 .baby .scene{object-position:64% center}
 .baby .shade{background:linear-gradient(180deg,rgba(250,247,242,.96),rgba(250,247,242,.9) 28%,rgba(250,247,242,.42) 52%,transparent 72%)}
 .product-eyebrow{margin-bottom:12px;font-size:10px}
 .baby-description{font-size:14px;line-height:1.9;margin-top:16px}
 .baby .subtitle{font-size:16px;letter-spacing:0}
 .baby-services{margin-top:18px;font-size:12px}
 .baby-services span+span:before{margin:0 10px}
 .baby .outline-button{margin-top:21px}
}
@media(max-height:600px){.baby-description{margin-top:12px}.baby-services{margin-top:14px}.baby .outline-button{margin-top:18px}.product-eyebrow{margin-bottom:10px}}
@media(max-width:640px){.baby .scene{top:30%;height:70%;object-position:85% center}.baby .shade{background:linear-gradient(180deg,#f6eee7 0%,#f6eee7 26%,rgba(246,238,231,.92) 34%,rgba(246,238,231,.3) 47%,transparent 60%)}}