:root {
  --ink:#10110f;
  --muted:#757672;
  --line:#e9e9e6;
  --green:#496a43;
  --page-gutter:13.22916667vw;
  --header-height:80px;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  font-synthesis:none;
  font-weight:400;
  -webkit-font-smoothing:antialiased
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:0
}
body {
  margin:0
}
body.menu-is-open,body.modal-is-open {
  overflow:hidden
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  font:inherit;
  cursor:pointer
}
button,input {
  color:inherit
}
button {
  background:none;
  border:0;
  padding:0
}
a {
  color:inherit;
  text-decoration:none
}
img {
  display:block;
  max-width:100%;
  object-fit:cover
}
h1,h2,h3,p,figure,dl,dd {
  margin:0
}
h1,h2,h3 {
  font-weight:600
}
svg {
  display:block
}
button svg,.text-link svg {
  width:22px;
  height:22px
}
button:focus-visible,a:focus-visible,[role=tabpanel]:focus-visible {
  outline:2px solid #5c7052;
  outline-offset:5px
}
main:focus,.anchor-section:focus {
  outline:none
}
::selection {
  background:#dce3d6
}
.page-panel {
  margin-left:var(--page-gutter);
  margin-right:var(--page-gutter)
}
.anchor-section,#contact {
  scroll-margin-top:100px
}
.skip-link {
  position:fixed;
  z-index:1000;
  left:20px;
  top:12px;
  padding:12px 18px;
  background:#fff;
  transform:translateY(-150%)
}
.skip-link:focus {
  transform:translateY(0)
}
.site-header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:var(--header-height);
  background:#fff;
  border-bottom:1px solid #f2f2f0;
  z-index:100;
  transition:background .3s,color .3s,border-color .3s
}
.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 var(--page-gutter);
  position:relative
}
.brand-logo {
  position:absolute;
  left:0;
  display:flex;
  align-items:center;
  gap:11px;
  transition:opacity .3s;
  white-space:nowrap
}
.brand-logo:hover {
  opacity:.65
}
.brand-logo>img {
  width:43px;
  height:42px;
  object-fit:contain;
  transition:filter .3s
}
.brand-logo>span {
  display:flex;
  flex-direction:column;
  gap:2px
}
.brand-logo strong {
  font-size:22px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:4px
}
.brand-logo small {
  font-family:Georgia,"Times New Roman",serif;
  font-size:10px;
  letter-spacing:.7px
}
.primary-navigation {
  display:flex;
  align-items:center;
  gap:40px;
  height:100%
}
.nav-item {
  height:100%;
  position:relative
}
.nav-item-heading {
  height:100%;
  display:flex;
  align-items:center
}
.nav-link {
  display:flex;
  align-items:center;
  height:100%;
  font-size:16px;
  white-space:nowrap;
  color:#868783;
  transition:color .3s
}
.nav-link.active,.nav-link:hover {
  color:#0c0d0b
}
.nav-link.active {
  font-weight:600
}
.dropdown {
  position:absolute;
  top:calc(100% - 23px);
  left:50%;
  padding-top:23px;
  min-width:160px;
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%);
  transition:opacity .3s,visibility .3s;
  pointer-events:none
}
.dropdown-inner {
  padding:22px 0;
  background:white;
  box-shadow:0 6px 24px #00000019;
  border-radius:8px
}
.dropdown a {
  display:block;
  white-space:nowrap;
  text-align:center;
  padding:0 30px;
  font-size:14px;
  line-height:22px;
  color:#777;
  transition:padding .3s,color .3s
}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown {
  visibility:visible;
  opacity:1;
  pointer-events:auto
}
.nav-item:hover .dropdown a,.nav-item:focus-within .dropdown a {
  padding-top:10px;
  padding-bottom:10px
}
.dropdown a:hover {
  color:#000
}
.menu-toggle,.nav-expand {
  display:none
}
.site-header.over-hero:not(.is-scrolled):not(:hover):not(.menu-open):not(.detail-header) {
  background:transparent;
  color:#fff;
  border-color:transparent
}
.site-header.over-hero:not(.is-scrolled):not(:hover):not(.menu-open):not(.detail-header) .nav-link {
  color:#ffffffb3
}
.site-header.over-hero:not(.is-scrolled):not(:hover):not(.menu-open):not(.detail-header) .nav-link.active {
  color:#fff
}
.site-header.over-hero:not(.is-scrolled):not(:hover):not(.menu-open):not(.detail-header) .brand-logo img {
  filter:invert(1)
}
/* About: proportions follow the reference site's offset image composition. */
.about-page{padding-top:10.41666667vw;padding-bottom:4.42708333vw}.about-page h1,.about-page h2{font-size:2.08333333vw;line-height:1.5;letter-spacing:0;color:#080a07;font-weight:700}.body-copy{font-size:max(13px,.83333333vw);line-height:2.1875vw;letter-spacing:.5px}.body-copy p+p{margin-top:.15vw}.brand-story{position:relative}.intro-text{width:38.48958333vw;height:36.09375vw;padding:4.84375vw 4.5vw 0 0}.intro-text .body-copy{margin-top:2.08333333vw;line-height:1.875vw}.intro-images{position:relative}.intro-landscape{width:38.48958333vw;height:36.09375vw;position:relative;z-index:2;object-position:50% 46%}.intro-portrait{width:40.36458333vw;height:60.10416667vw;position:absolute;right:0;bottom:13.22916667vw;z-index:1;object-position:50% 40%}.brand-belief{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-2.86458333vw}.brand-belief .section-text{width:36.77083333vw;padding-top:13.90625vw}.about-page .section-text h2{margin-bottom:2.60416667vw}.belief-photo{width:29.47916667vw;height:44.11458333vw;object-position:center}.brand-concept{display:flex;justify-content:space-between;align-items:flex-start;margin-top:7.29166667vw}.story-photo{width:33.07291667vw;height:48.95833333vw;object-position:center}.brand-concept .section-text{width:29.53125vw;padding-top:10.52083333vw}.brand-history{display:flex;justify-content:space-between;align-items:flex-start;margin-top:7.29166667vw}.brand-history>.section-text{padding-top:4.16666667vw;width:34vw}.brand-history .history-photo{width:35.41666667vw;height:47.91666667vw;object-position:50% 48%}.brand-history .section-text h2{margin-bottom:4.89583333vw}.timeline{list-style:none;padding:0;margin:0 0 3.2vw;position:relative}.timeline:before{content:"";position:absolute;top:14px;bottom:25px;left:calc(4.3vw + 16px);width:3px;transform:scaleY(0);transform-origin:top;transition:transform 3s ease;background:linear-gradient(#bac2cd,#98a0a9 92%,transparent);opacity:.36}.timeline.is-visible:before{transform:scaleY(1)}.timeline li{display:grid;grid-template-columns:4.3vw 34px 1fr;gap:0;position:relative;margin-bottom:3vw}.timeline time{font-family:Arial,sans-serif;font-size:max(16px,1.04166667vw);font-weight:700;padding-top:4px}.timeline time span{display:block;font-size:11px;letter-spacing:1px;font-weight:400;color:#888;margin-top:9px}.timeline-point{width:34px;height:34px;border-radius:50%;background:#efefec;display:grid;place-items:center}.timeline-point:before{content:"";display:block;width:14px;height:14px;background:#111;border-radius:50%}.timeline li>div{padding:4px 0 0 1.5vw}.timeline h3{font-size:14px;margin-bottom:9px}.timeline p{font-size:max(12px,.72916667vw);line-height:1.9;color:#555}.text-link{display:inline-flex;align-items:center;gap:25px;padding-bottom:9px;border-bottom:1px solid #a8aca4;font-size:13px;letter-spacing:1px;transition:gap .3s}.text-link:hover{gap:34px}
/* Full-screen photography and alternating material panels. */
.page-banner{height:100svh;min-height:650px;position:relative;display:flex;align-items:center;justify-content:center;background:#637460;overflow:hidden}.banner-image{position:absolute;width:100%;height:100%;inset:0;object-position:50% 12%;animation:banner-in 1s ease both}.banner-shade{position:absolute;inset:0;background:linear-gradient(#0003,#0002 40%,#0004)}.banner-heading{text-align:center;color:#fff;position:relative;padding:50px 24px}.banner-heading>span{font-size:12px;letter-spacing:4px;line-height:2}.banner-heading h1{font-size:clamp(44px,4.16666667vw,86px);font-weight:500;letter-spacing:8px;margin-top:25px}.scroll-cue{position:absolute;bottom:38px;left:calc(50% - 15px);width:30px;height:48px;padding:0 10px}.scroll-cue span{display:block;width:1px;height:42px;background:#ffffff85;position:relative}.scroll-cue span:after{content:"";width:1px;height:12px;background:#fff;position:absolute;top:0;left:0;animation:scroll-cue 1.8s ease infinite}.fabric-sections{padding:0 0 9vw}.fabric-section{margin-top:12.44791667vw}.fabric-wordmark{width:36.375vw;margin-left:59.625vw;overflow-wrap:anywhere;margin-bottom:2.44791667vw;font-size:clamp(24px,3.1vw,60px);letter-spacing:-1px;font-weight:600}.fabric-wordmark span{font-size:11px;font-weight:400;letter-spacing:2px;margin-top:10px;display:block;color:#6c7267}.fabric-panel{width:84.375vw;min-height:36.97916667vw;background:var(--green);position:relative;display:flex;margin-left:auto;color:#fff}.fabric-photo{position:absolute;left:7.39583333vw;top:-7.8125vw;width:28.33333333vw;height:40vw}.fabric-photo img{width:100%;height:100%;object-position:50% 42%;transition:transform .5s}.fabric-photo:hover img{transform:translateY(-5px)}.fabric-text{width:44.375vw;min-width:0;padding:3.2vw 4vw 3vw;margin-left:40vw;display:flex;flex-direction:column;justify-content:space-between;min-height:36.97916667vw}.fabric-en{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(22px,3.1vw,60px);line-height:1.3;font-weight:600;letter-spacing:-1px}.fabric-text h2{font-size:clamp(23px,3.4vw,65px);line-height:1.4;margin-top:.3vw;white-space:normal;overflow-wrap:anywhere}.fabric-bottom{margin-top:2.5vw}.outline-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:46px;border:1px solid #ffffffbd;padding:10px 24px;font-family:Arial,sans-serif;font-size:14px;transition:background .3s,color .3s}.outline-button:hover{background:#fff;color:var(--green)}.fabric-bottom p{font-size:2.08333333vw;font-weight:300;line-height:1.65;margin-top:1.5vw}.fabric-section.reverse .fabric-panel{margin-left:0;margin-right:auto}.fabric-section.reverse .fabric-photo{left:auto;right:7.39583333vw}.fabric-section.reverse .fabric-text{margin-left:0;padding-left:13.22916667vw}.fabric-section.reverse .fabric-wordmark{width:27.14583333vw;margin-left:13.22916667vw;margin-right:0;text-align:left}.technology-page [data-animate]{opacity:0;transform:translateY(25px)}[data-animate].is-visible{animation:reveal-fade 2s ease forwards,reveal-up 1s ease forwards}.detail-header{background:#fff}.detail-hero{display:grid;grid-template-columns:1fr 1fr;padding-top:var(--header-height)}.detail-photo{height:calc(100svh - var(--header-height));min-height:650px}.detail-photo img{width:100%;height:100%;object-position:50% 35%}.detail-intro{align-self:center;padding:5vw 6vw}.detail-back{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:#666;margin-bottom:5vw}.detail-back svg{width:19px;height:19px;transform:rotate(180deg)}.eyebrow{display:block;font-size:12px;letter-spacing:3px;color:#6e7868}.detail-intro h1{font-size:clamp(28px,2.5vw,48px);line-height:1.4;margin-top:18px}.detail-slogan{font-size:24px;font-weight:300;line-height:1.7;margin-top:28px}.detail-copy{font-size:14px;line-height:2.1;color:#666;margin-top:25px;max-width:440px}.research-focus{border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.research-focus>span{font-size:12px;color:#777}.research-focus p{font-size:12px;line-height:2;margin-top:8px}.product-section{padding-top:8vw;padding-bottom:8vw}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.section-heading h2{font-size:clamp(23px,2.08333333vw,40px);font-weight:600;line-height:1.4}.section-heading>span{font-family:Arial,sans-serif;font-size:clamp(12px,1.25vw,24px);font-weight:300;color:#888}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.product-grid img{width:100%;height:auto;aspect-ratio:3/4;transition:filter .4s}.product-grid figure:hover img{filter:brightness(.95)}.product-grid figcaption{font-size:13px;padding-top:20px}.product-note{font-size:11px;color:#999;line-height:1.8;margin:28px 0 35px}
/* Find us: unconfigured addresses stay explicit. */
.find-banner .banner-image{object-position:center 12%}.find-banner .banner-shade{background:#0003}.find-banner h1{font-family:Arial,sans-serif;letter-spacing:2px;font-weight:400;font-size:clamp(65px,5.5vw,106px)}.find-content{padding:8.33333333vw 0 7vw}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:55px;padding:65px 0 90px}.platform{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px}.platform-symbol{display:flex;align-items:center;justify-content:center;width:105px;height:105px;border-radius:50%;background:#f7f7f5;font-family:Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px;transition:background .3s,transform .3s}.platform:hover .platform-symbol{background:#e9ece5;transform:translateY(-4px)}.platform small{font-size:11px;letter-spacing:1px;color:#999;margin-top:-4px}.platform .douyin{font-size:58px}.offline-store{margin-top:3vw}.store-image{margin-top:45px;height:32vw;max-height:600px;position:relative;overflow:hidden}.store-image img{width:100%;height:100%;object-position:center 35%}.store-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#0006)}.store-image>div{position:absolute;right:6%;top:30%;color:#fff;z-index:1}.store-image>div>span{font-family:Georgia,serif;font-size:12px;letter-spacing:3px}.store-image p{font-size:clamp(24px,2.5vw,48px);line-height:1.65;letter-spacing:2px;margin-top:15px}.region-tabs{display:flex;justify-content:center;gap:55px;border-bottom:1px solid var(--line);margin-top:50px}.region-tabs button{font-size:15px;color:#888;padding:20px 3px;position:relative}.region-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#111;transform:scaleX(0);transition:transform .3s}.region-tabs button[aria-selected=true]{color:#111;font-weight:600}.region-tabs button[aria-selected=true]:after{transform:scaleX(1)}.store-placeholder{padding:55px 20px;text-align:center;background:#fafaf8;margin-top:35px}.location-icon{display:block;width:36px;margin:0 auto 20px;color:#89927f}.store-placeholder h3{font-size:16px;font-weight:500}.store-placeholder p{font-size:12px;color:#888;margin-top:14px;line-height:1.9}.store-note{text-align:center;font-size:11px;color:#999;line-height:1.8;margin-top:25px}.brand-location{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:85px;padding-top:45px;border-top:1px solid var(--line)}.brand-location>div>span{font-size:11px;color:#888;letter-spacing:1px}.brand-location h3{font-size:25px;line-height:1.6;margin-top:14px;font-weight:400}.brand-location p{font-size:12px;color:#888;margin-top:12px}.brand-location>a{justify-self:start;margin-top:18px}
/* Shared footer and small utilities. */
.site-footer{background:#f8f8f7;padding:3.125vw 0 1.5625vw}.footer-inner{margin:0 var(--page-gutter);display:grid;grid-template-columns:1fr auto;gap:40px}.site-footer h2{font-size:14px;letter-spacing:1px;font-weight:600;margin-bottom:35px}.contact-columns{display:flex;gap:55px}.contact-columns dl>div{display:flex;align-items:baseline;gap:20px;font-size:12px;line-height:1.8;margin-bottom:15px;white-space:nowrap}.contact-columns dt{color:#696b65}.contact-columns dd{color:#898b85}.footer-social{min-width:160px}.social-links{display:flex;align-items:center;gap:22px}.social-links button{height:32px;transition:opacity .3s}.social-links button:hover{opacity:.55}.social-links svg{width:30px;height:30px}.redbook{font-weight:700;font-size:14px;letter-spacing:-1px}.copyright{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #dfdfdc;margin-top:0;padding-top:24px;font-size:10px;color:#999;line-height:1.7}.to-top{position:fixed;right:28px;bottom:55px;z-index:50;width:45px;height:45px;background:#fff;border:1px solid #e4e5e0;box-shadow:0 3px 14px #00000006;display:grid;place-items:center;animation:reveal-fade .3s ease}.to-top[hidden]{display:none}.to-top:hover{background:#f3f4f0}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#0005;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(4px);animation:reveal-fade .25s ease}.placeholder-dialog{position:relative;width:420px;max-width:100%;background:#fff;padding:50px;text-align:center}.placeholder-dialog>img{margin:0 auto 18px}.placeholder-dialog .eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:2px}.placeholder-dialog h2{font-size:25px;font-weight:500;margin-top:28px}.placeholder-dialog>p{font-size:13px;line-height:2;color:#888;margin-top:22px}.modal-close{position:absolute;top:13px;right:18px;font-size:27px;font-weight:200;color:#777}.dialog-confirm{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;padding:12px 0;width:100%;font-size:13px;margin-top:28px}.not-found{min-height:70svh;padding:180px var(--page-gutter) 100px}.not-found h1{font-size:45px}.not-found p{font-size:14px;color:#888;margin:25px 0}.noscript{padding:100px 30px}
@keyframes reveal-fade{from{opacity:0}to{opacity:1}}@keyframes reveal-up{from{transform:translateY(25px)}to{transform:translateY(0)}}@keyframes banner-in{from{opacity:.3}to{opacity:1}}@keyframes scroll-cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(30px);opacity:0}}
@media(min-width:1600px){:root{--header-height:4.16666667vw}.brand-logo>img{width:2.6vw;height:2.5vw}.brand-logo strong{font-size:1.25vw}.brand-logo small{font-size:.55vw}.nav-link{font-size:.9375vw}.primary-navigation{gap:2.08333333vw}.site-footer h2{font-size:.72916667vw}.contact-columns dl>div{font-size:.72916667vw}.copyright{font-size:.625vw}.timeline h3{font-size:.83333333vw}}
@media(min-width:761px) and (max-width:1199px){:root{--page-gutter:8vw}.header-inner{justify-content:flex-end}.primary-navigation{gap:24px}.about-page{padding-top:130px}.about-page h1,.about-page h2{font-size:26px}.intro-text{height:44vw;padding-top:3vw;padding-right:1vw;width:40vw}.intro-text .body-copy{line-height:1.9}.intro-landscape{height:36vw}.intro-portrait{right:0;bottom:13vw}.brand-belief .section-text{padding-top:14vw;width:43vw}.body-copy{line-height:1.9;font-size:13px}.brand-concept .section-text{width:40vw;padding-top:5vw}.story-photo{width:36vw}.brand-history>.section-text{width:43vw}.brand-history .history-photo{width:37vw}.timeline li{grid-template-columns:55px 30px 1fr}.timeline-point{width:30px;height:30px}.timeline:before{left:69px}.contact-columns{gap:20px}.contact-columns dl>div{gap:12px;font-size:11px}.footer-inner{gap:20px}.footer-social{min-width:130px}.social-links{gap:15px}.fabric-en{font-size:28px}.fabric-text h2{font-size:29px}.detail-intro{padding:4vw}.detail-copy{font-size:13px}.detail-slogan{font-size:21px}}
@media(max-width:760px){
  :root{--page-gutter:8.53333333vw;--header-height:64px}html{scroll-padding-top:0}.anchor-section,#contact{scroll-margin-top:84px}.site-header{height:64px}.header-inner{margin:0 6.4vw;justify-content:space-between}.brand-logo{gap:9px}.brand-logo>img{width:34px;height:35px}.brand-logo strong{font-size:18px;letter-spacing:3px}.brand-logo small{font-size:8px;letter-spacing:.5px}.menu-toggle{display:flex;position:absolute;right:0;top:18px;width:30px;height:28px;flex-direction:column;justify-content:center;gap:6px;z-index:102}.menu-toggle span{width:24px;height:1px;background:currentColor;display:block;transition:transform .3s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-navigation{position:fixed;top:64px;left:0;right:0;height:calc(100dvh - 64px);padding:25px var(--page-gutter) 50px;background:#fff;color:#111;overflow:auto;display:block;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}.menu-open .primary-navigation{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav-item{height:auto;border-bottom:1px solid var(--line)}.nav-item-heading{height:70px;display:flex;justify-content:space-between}.nav-link{font-size:18px;font-weight:500;color:#111!important;flex:1}.nav-expand{display:flex;align-items:center;justify-content:center;width:45px;height:50px}.nav-expand svg{transition:transform .3s}.is-expanded .nav-expand svg{transform:rotate(180deg)}.dropdown,.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{position:static;min-width:0;visibility:visible;opacity:1;transform:none;padding:0;display:grid;grid-template-rows:0fr;pointer-events:none;transition:grid-template-rows .3s ease}.dropdown-inner{overflow:hidden;min-height:0;padding:0;background:none;box-shadow:none;border-radius:0;visibility:hidden;transition:visibility .3s}.dropdown a,.nav-item:hover .dropdown a,.nav-item:focus-within .dropdown a{padding:15px 0;font-size:14px;text-align:left;color:#777}.nav-item.is-expanded .dropdown{grid-template-rows:1fr;pointer-events:auto}.is-expanded .dropdown-inner{padding-bottom:20px;visibility:visible}
  .about-page{padding-top:calc(64px + 12.8vw);padding-bottom:15vw}.about-page h1,.about-page h2{font-size:5.33333333vw;line-height:1.65;letter-spacing:0}.body-copy{font-size:3.2vw;line-height:1.95;letter-spacing:.3px}.body-copy p+p{margin-top:1vw}.intro-text{width:100%;height:auto;padding:0}.intro-text .body-copy{font-size:3.2vw;line-height:1.95;margin-top:5.33333333vw;margin-bottom:8vw}.intro-images{display:flex;flex-direction:column;gap:6.4vw}.intro-portrait{position:static;order:-1;width:100%;height:123.46666667vw;object-position:center}.intro-landscape{width:100%;height:77.6vw;object-position:center 38%}.brand-belief,.brand-concept,.brand-history{display:flex;flex-direction:column;gap:6.4vw;margin-top:12.8vw}.brand-belief .section-text,.brand-concept .section-text,.brand-history>.section-text{width:100%;padding:0;order:0}.about-page .section-text h2{margin-bottom:4.26666667vw}.belief-photo,.story-photo,.brand-history .history-photo{width:100%;height:auto;aspect-ratio:3/4}.brand-concept .story-photo{order:1}.timeline{margin-top:8vw;margin-bottom:8vw}.timeline li{grid-template-columns:50px 28px 1fr;margin-bottom:9vw}.timeline-point{width:28px;height:28px}.timeline-point:before{width:11px;height:11px}.timeline time{font-size:15px}.timeline time span{font-size:10px;margin-top:6px}.timeline:before{left:63px;top:14px;bottom:20px;width:2px}.timeline li>div{padding-left:4vw;padding-top:3px}.timeline h3{font-size:13px;margin-bottom:7px}.timeline p{font-size:11px;line-height:1.9}.text-link{font-size:12px;gap:20px}
  .page-banner{min-height:0;height:86svh;max-height:950px}.banner-image{object-position:center 42%}.banner-heading{padding:60px 20px}.banner-heading>span{font-size:9px;letter-spacing:2px}.banner-heading h1{font-size:9.6vw;letter-spacing:5px;margin-top:18px}.scroll-cue{bottom:28px}.fabric-sections{padding-bottom:16vw}.fabric-section{margin-top:16vw}.fabric-wordmark,.fabric-section.reverse .fabric-wordmark{width:auto;margin:0 var(--page-gutter) 6vw;text-align:left;font-size:30px}.fabric-wordmark span{font-size:9px;letter-spacing:1.5px;margin-top:7px}.fabric-panel,.fabric-section.reverse .fabric-panel{width:100%;display:flex;flex-direction:column;min-height:0;margin:0;background:#fff;color:#111;padding:0 var(--page-gutter)}.fabric-photo,.fabric-section.reverse .fabric-photo{position:static;width:100%;height:111vw;left:auto;right:auto;top:auto}.fabric-photo img{width:100%;height:100%}.fabric-photo:hover img{transform:none}.fabric-text,.fabric-section.reverse .fabric-text{width:100%;margin:0;padding:7vw 0 0;min-height:0}.fabric-en{font-size:16px;letter-spacing:0;color:#74816a;font-weight:400}.fabric-text h2{font-size:25px;margin-top:7px;white-space:normal}.fabric-bottom{margin-top:6vw;display:flex;flex-direction:column-reverse;gap:6vw}.fabric-bottom p{font-size:20px;line-height:1.6;margin:0;font-weight:300}.outline-button{font-size:12px;min-height:42px;min-width:125px;align-self:flex-start;border-color:#aaa;color:#111}.outline-button:hover{background:#496a43;color:#fff;border-color:#496a43}.detail-hero{grid-template-columns:1fr}.detail-photo{height:115vw;min-height:0;max-height:700px}.detail-intro{padding:8vw var(--page-gutter) 14vw}.detail-back{margin-bottom:10vw;font-size:11px}.detail-intro .eyebrow{font-size:11px;letter-spacing:2px}.detail-intro h1{font-size:27px;margin-top:16px}.detail-slogan{font-size:21px;margin-top:25px}.detail-copy{font-size:13px;margin-top:25px}.research-focus{margin-top:28px;padding-top:20px}.research-focus p{font-size:11px}.product-section{padding-top:4vw;padding-bottom:16vw}.section-heading{gap:10px}.section-heading h2{font-size:20px}.section-heading>span{font-size:11px}.product-section .section-heading{align-items:flex-start;flex-direction:column}.product-section .section-heading>span{font-size:10px;letter-spacing:2px}.product-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.product-grid figcaption{padding-top:14px;font-size:12px}.product-note{font-size:10px;margin:22px 0 30px}
  .find-banner h1{font-size:18vw}.find-banner .banner-image{object-position:center 33%}.find-content{padding-top:14vw;padding-bottom:15vw}.platform-grid{grid-template-columns:repeat(3,1fr);column-gap:12px;row-gap:35px;padding:35px 0 55px}.platform-symbol{width:66px;height:66px;font-size:15px}.platform{font-size:11px;gap:11px}.platform small{font-size:8px;letter-spacing:0}.platform .douyin{font-size:38px}.offline-store{margin-top:6vw}.store-image{margin-top:28px;height:85vw;max-height:none}.store-image img{object-position:35% center}.store-image:after{background:linear-gradient(transparent,#0005)}.store-image>div{top:auto;bottom:9%;right:9%}.store-image>div>span{font-size:10px}.store-image p{font-size:24px;margin-top:10px;line-height:1.6}.region-tabs{gap:0;justify-content:space-between;margin-top:20px}.region-tabs button{font-size:12px;padding:20px 6px}.store-placeholder{padding:35px 12px;margin-top:25px}.store-placeholder h3{font-size:14px}.store-placeholder p{font-size:10px;margin-top:12px}.store-note{font-size:9px;margin-top:20px}.brand-location{margin-top:50px;padding-top:32px;gap:25px 20px}.brand-location>div>span{font-size:10px}.brand-location h3{font-size:19px;margin-top:10px}.brand-location p{font-size:10px;line-height:1.8;margin-top:8px}.brand-location>a{margin-top:8px}
  .site-footer{padding:35px 0 23px}.footer-inner{display:flex;flex-direction:column;gap:32px}.site-footer h2{font-size:13px;margin-bottom:25px}.contact-columns{display:flex;flex-direction:column;gap:0}.contact-columns dl>div{font-size:11px;gap:20px;margin-bottom:13px;line-height:1.7;white-space:normal}.contact-columns dt{min-width:50px}.footer-social{min-width:0}.footer-social h2{margin-bottom:17px}.social-links{gap:23px}.social-links svg{width:27px;height:27px}.copyright{font-size:9px;gap:8px;flex-direction:column;padding-top:22px}.to-top{right:12px;bottom:25px;width:35px;height:35px}.to-top svg{width:19px;height:19px}.placeholder-dialog{padding:40px 30px}.placeholder-dialog h2{font-size:23px}.placeholder-dialog>p{font-size:12px}.not-found{padding:140px var(--page-gutter) 80px}.not-found h1{font-size:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.technology-page [data-animate]{opacity:1;transform:none}.timeline.is-visible:before{transform:scaleY(1)}.scroll-cue span:after{animation:none;top:12px}}

/* Portal contact details and original QR assets supplied in 企业门户需求.docx. */
.brand-logo > img {
  width:62px;
  height:52px;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.site-header.over-hero:not(.is-scrolled):not(:hover):not(.menu-open):not(.detail-header) .brand-logo img {
  mix-blend-mode:screen;
}
.contact-columns dl > div {
  white-space:normal;
}
.contact-columns dt {
  flex-shrink:0;
}
.contact-columns dd a:hover {
  color:var(--ink);
}
.platform-grid.official-shops {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:50px;
  padding:65px 0 35px;
}
.shop-platform {
  text-align:center;
}
.shop-code {
  display:inline-flex;
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
  transition:border-color .3s,box-shadow .3s;
}
.shop-code:hover {
  border-color:#bbc4b4;
  box-shadow:0 8px 28px #00000008;
}
.shop-qr {
  width:190px;
  height:190px;
  object-fit:contain;
  image-rendering:pixelated;
}
.shop-platform h3 {
  font-size:17px;
  margin-top:24px;
  font-weight:500;
}
.shop-platform p {
  font-size:12px;
  line-height:1.8;
  color:#888;
  margin-top:10px;
}
.qr-dialog h2 {
  margin-top:0;
}
.qr-dialog .dialog-qr {
  width:240px;
  height:240px;
  object-fit:contain;
  margin:28px auto 0;
  image-rendering:pixelated;
}
.qr-dialog > p {
  margin-top:16px;
}
.wechat-follow {
  position:relative;
}
.wechat-popover {
  position:absolute;
  right:0;
  bottom:calc(100% + 14px);
  width:240px;
  padding:18px;
  z-index:60;
  border:1px solid var(--line);
  background:white;
  box-shadow:0 8px 28px #00000012;
  animation:reveal-fade .2s ease;
}
.wechat-popover[hidden] {
  display:none;
}
.wechat-popover::after {
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:16px;
}
.wechat-popover img {
  width:100%;
  height:auto;
  object-fit:contain;
}
.wechat-popover p {
  margin-top:12px;
  font-size:11px;
  text-align:center;
  line-height:1.8;
  color:#777;
}
@media (max-width:760px) {
  .brand-logo > img {
    width:50px;
    height:42px;
  }
  .platform-grid.official-shops {
    gap:28px 12px;
    padding:35px 0 20px;
  }
  .shop-code {
    padding:9px;
  }
  .shop-qr {
    width:min(28vw,150px);
    height:min(28vw,150px);
  }
  .shop-platform h3 {
    font-size:14px;
    margin-top:18px;
  }
  .shop-platform p {
    font-size:10px;
    margin-top:8px;
  }
  .wechat-popover {
    right:auto;
    left:0;
    width:min(240px,78vw);
  }
}