:root{
 --ink:#0a0a09; --paper:#eee9df; --paper2:#f5f1e9; --milk:#d8d0c3; --muted:#9b9286;
 --walnut:#5c3a25; --resin:#91b8b3; --gold:#b78e59; --line:rgba(255,255,255,.14); --darkline:rgba(10,10,9,.14);
 --max:1540px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:#f3efe8;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;width:100%} button,input,textarea,select{font:inherit}
::selection{background:#d5c4a8;color:#111}
.serif{font-family:"Bodoni 72","Didot","Iowan Old Style","Times New Roman",Georgia,serif;font-weight:400}
.smallcaps{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.wrap{width:min(var(--max),90vw);margin:auto}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.on{opacity:1;transform:none}
.nav{position:fixed;z-index:80;left:0;top:0;width:100%;height:86px;border-bottom:1px solid rgba(255,255,255,.1);transition:.35s;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent)}
.nav.scrolled{background:rgba(8,8,7,.91);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.12)}
.nav .wrap{height:100%;display:flex;align-items:center;gap:30px}
.logo-lockup{display:flex;align-items:center;gap:14px;min-width:205px}.brandmark{width:44px;height:44px;object-fit:contain;filter:invert(1);opacity:.95}.wordmark{font:400 22px/1 Georgia,serif;letter-spacing:.19em}.wordmark em{font:normal 12px Arial,sans-serif;letter-spacing:.08em;color:#aaa;margin-left:8px}
.navlinks{display:flex;gap:34px;margin-left:auto;font-size:14px;letter-spacing:.055em;color:#ddd6cd}.navlinks a{position:relative;padding:6px 0}.navlinks a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition:.35s}.navlinks a:hover:after{width:100%}
.lang{display:flex;align-items:center;gap:7px;margin-left:18px;font-size:13.5px}.lang button{border:0;background:none;color:#8f887e;padding:5px;cursor:pointer}.lang button.active{color:#fff}
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a09}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;object-position:center 56%;transform:scale(1.02);animation:heroSlow 18s ease-out forwards}@keyframes heroSlow{to{transform:scale(1.08)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.05) 39%,rgba(0,0,0,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 58%)}
.hero-copy{position:relative;z-index:2;width:min(var(--max),90vw);margin:0 auto;padding:0 0 8.5vh;display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:64px}.hero-kicker{color:#d1b287;margin-bottom:22px;font-size:12px;letter-spacing:.19em}.hero h1{font:400 clamp(54px,6.6vw,112px)/.91 "Bodoni 72","Didot","Times New Roman",Georgia,serif;letter-spacing:-.043em;margin:0;max-width:820px;text-wrap:balance}.hero-sub{font-size:17px;line-height:1.72;color:#d7cfc5;max-width:515px;margin:23px 0 0;letter-spacing:.01em}.hero-side{align-self:end;border-top:1px solid rgba(255,255,255,.32);padding-top:20px;color:#d7cec4;font-size:14px;line-height:1.72;letter-spacing:.015em}.hero-side strong{display:block;color:#fff;font:400 29px Georgia,serif;margin-bottom:7px}.hero-index{position:absolute;z-index:3;right:5vw;bottom:3vh;font-size:12px;letter-spacing:.16em;color:#aaa}
.arrow-link{display:inline-flex;gap:16px;align-items:center;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:28px}.arrow-link:after{content:"→";transition:.3s}.arrow-link:hover:after{transform:translateX(7px)}
.exhibition-strip{background:#e7dfd2;color:#171411;border-bottom:1px solid #cfc4b4}.exhibition-strip .wrap{min-height:176px;display:grid;grid-template-columns:.7fr 1.7fr .55fr;gap:42px;align-items:center}.expo-label{color:#7a6245}.expo-title{font:400 clamp(30px,3.1vw,50px)/1.02 Georgia,serif;margin:0}.expo-meta{text-align:right;font-size:13px;line-height:1.8;color:#655e56}.expo-meta strong{display:block;font-size:15px;color:#171411;margin-bottom:3px}
.section{padding:120px 0}.paper{background:var(--paper);color:#171411}.paper2{background:var(--paper2);color:#171411}.dark{background:#0a0a09;color:#f3efe8}.brown{background:#6b4932;color:#f6f0e6}
.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;margin-bottom:66px}.section-num{color:var(--gold)}.section h2{font:400 clamp(48px,6vw,94px)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0}.section-intro{max-width:680px;font-size:16.5px;line-height:1.78;color:#655e56;margin-top:20px}.dark .section-intro{color:#a79f95}
.collections{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.collection{position:relative;overflow:hidden;min-height:520px;background:#191715}.collection img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.collection:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.82))}.collection:hover img{transform:scale(1.035);filter:saturate(1.06)}.collection-txt{position:absolute;z-index:3;left:28px;bottom:28px;right:28px}.collection-txt .count{font-size:12px;letter-spacing:.16em;color:#d9bd95}.collection-txt h3{font:400 34px Georgia,serif;margin:8px 0}.collection-txt p{font-size:13.5px;color:#d0c7bc;margin:0}.c1{grid-column:span 5}.c2{grid-column:span 7}.c3,.c4,.c5{grid-column:span 4;min-height:430px}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.editorial-media{overflow:hidden}.editorial-media img{height:100%;object-fit:cover}.editorial-copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font:400 clamp(46px,5.5vw,88px)/.94 Georgia,serif;margin:14px 0 30px}.editorial-copy p{font-size:16px;line-height:1.82;max-width:600px;color:#c7bdb3}.paper .editorial-copy p{color:#625b53}
.quote{padding:140px 5vw;background:#0d0c0b;text-align:center}.quote blockquote{font:400 clamp(48px,6.8vw,106px)/.95 Georgia,serif;max-width:1280px;margin:0 auto;color:#e8e0d4;letter-spacing:-.035em}.quote .cn{font-size:13px;letter-spacing:.12em;color:#92887c;margin-top:30px}
.sketches{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sketch-pair{background:#f3eee5;position:relative}.sketch-pair .pair-grid{display:grid;grid-template-columns:1fr 1fr}.sketch-pair img{aspect-ratio:1.25/1;object-fit:cover}.sketch-pair .sketch{filter:saturate(.7) contrast(.98)}.sketch-caption{padding:22px 24px 28px;border-top:1px solid #d4c9ba;display:flex;justify-content:space-between;gap:20px}.sketch-caption strong{font:400 22px Georgia,serif}.sketch-caption span{font-size:13px;color:#786f65;text-align:right}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.feature{position:relative;overflow:hidden;background:#171411}.feature img{height:100%;object-fit:cover;transition:.8s}.feature:hover img{transform:scale(1.025)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82))}.feature .cap{position:absolute;z-index:2;left:24px;bottom:22px}.feature .code{font-size:11px;letter-spacing:.2em;color:#d9ba8d}.feature h3{font:400 25px Georgia,serif;margin:7px 0 3px}.feature p{font-size:13px;color:#bbb2a7;margin:0}.f1{grid-column:span 7;min-height:620px}.f2{grid-column:span 5;min-height:620px}.f3,.f4,.f5{grid-column:span 4;min-height:420px}
.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}.capability{padding:34px 26px;min-height:210px;border-right:1px solid var(--darkline)}.capability:last-child{border:0}.capability .n{font-size:11px;letter-spacing:.2em;color:#96714e}.capability h3{font:400 24px Georgia,serif;margin:22px 0 12px}.capability p{font-size:14px;line-height:1.72;color:#6b645d;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:50px}.stat{background:#0a0a09;padding:30px 25px}.stat strong{font:400 38px Georgia,serif;display:block}.stat span{font-size:12px;letter-spacing:.08em;color:#978f85}
.contact-stage{min-height:720px;position:relative;overflow:hidden;display:flex;align-items:end}.contact-stage img{position:absolute;inset:0;height:100%;object-fit:cover;filter:brightness(.48) saturate(.8)}.contact-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.16))}.contact-copy{position:relative;z-index:2;padding:0 0 8vh}.contact-copy h2{font:400 clamp(50px,6vw,98px)/.94 Georgia,serif;max-width:920px;margin:0 0 35px}.contact-lines{display:flex;gap:45px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.35);padding-top:22px}.contact-card{min-width:250px}.contact-card b{display:block;font-size:12px;letter-spacing:.15em;color:#c9a879;margin-bottom:8px}.contact-card a{font:400 21px Georgia,serif}
.footer{padding:42px 0 50px;background:#060605;border-top:1px solid rgba(255,255,255,.1);color:#9a9187;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;gap:8px}.footer-logo img{width:30px;height:30px;filter:invert(1);opacity:.65}
.page-hero{padding:170px 0 90px;background:#0a0a09}.page-hero h1{font:400 clamp(58px,8vw,120px)/.9 Georgia,serif;margin:12px 0 20px}.page-hero p{max-width:650px;color:#a79f95;line-height:1.9}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:40px 0 55px}.toolbar input{flex:1;min-width:280px;border:0;border-bottom:1px solid #4a4540;background:transparent;color:#fff;padding:14px 4px;outline:none}.chip{border:1px solid #37332f;background:none;color:#aaa;padding:11px 14px;cursor:pointer}.chip.active{background:#ebe4d8;color:#111;border-color:#ebe4d8}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 14px}.p-card{display:block}.p-img{overflow:hidden;background:#171411;aspect-ratio:1.05/1}.p-img img{height:100%;object-fit:cover;transition:.65s}.p-card:hover .p-img img{transform:scale(1.025)}.p-info{padding-top:14px}.p-code{font-size:11px;letter-spacing:.18em;color:#9f805b}.p-info h3{font:400 20px Georgia,serif;margin:6px 0 3px}.p-info span{font-size:13px;color:#81796f}
.product-hero{padding:126px 0 0}.product-view{display:grid;grid-template-columns:1.18fr .82fr;min-height:740px}.product-photo{background:#e7e1d8;overflow:hidden}.product-photo img{height:100%;object-fit:cover}.product-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center;background:#0a0a09}.product-copy h1{font:400 clamp(45px,5vw,78px)/.95 Georgia,serif;margin:12px 0 8px}.product-copy .zh{color:#a59d94;margin-bottom:28px}.product-copy .desc{color:#c5bbb0;line-height:1.8;font-size:16px}.product-note{font-size:13px;color:#80786f;border-top:1px solid #302d29;margin-top:30px;padding-top:18px;line-height:1.75}.product-sketch{display:grid;grid-template-columns:1fr 1fr;background:#f3eee5;color:#171411}.product-sketch .copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.product-sketch h2{font:400 clamp(42px,5vw,75px)/.95 Georgia,serif;margin:10px 0 24px}.product-sketch p{line-height:1.9;color:#665e55}.product-sketch img{height:100%;object-fit:cover}
.expo-hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden}.expo-hero img{position:absolute;inset:0;height:100%;object-fit:cover;filter:brightness(.58)}.expo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.78))}.expo-hero .copy{position:relative;z-index:2;padding:0 0 8vh}.expo-hero h1{font:400 clamp(56px,7vw,112px)/.9 Georgia,serif;max-width:1120px;margin:12px 0 24px}.hall-badge{display:inline-flex;gap:20px;border:1px solid rgba(255,255,255,.4);padding:15px 18px;margin-top:20px;font-size:12px;letter-spacing:.12em}

/* V4.1 luxury-language refinement */
html[lang="zh-CN"] .navlinks{font-size:14px;letter-spacing:.075em}
html[lang="zh-CN"] .hero h1{font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-size:clamp(38px,4.45vw,72px);line-height:1.18;letter-spacing:.025em;max-width:690px;font-weight:400}
html[lang="zh-CN"] .hero-kicker{font-size:12px;letter-spacing:.18em}
html[lang="zh-CN"] .hero-sub{font-size:17px;line-height:1.8;max-width:510px;letter-spacing:.045em;color:#d8d0c6}
html[lang="zh-CN"] .arrow-link{font-size:13.5px;letter-spacing:.11em}
html[lang="zh-CN"] .hero-side{letter-spacing:.045em}
.hero-v41 .hero-media img{filter:saturate(.92) contrast(1.03)}

@media(max-width:980px){
 .nav{height:66px}.nav .wrap{width:calc(100% - 34px)}.navlinks{display:none}.logo-lockup{min-width:auto}.wordmark{font-size:16px}.brandmark{width:31px;height:31px}.hero{min-height:680px}.hero-copy{grid-template-columns:1fr;width:calc(100% - 40px);padding-bottom:7vh}.hero-side{display:none}.hero h1{font-size:clamp(48px,12.5vw,76px)}.hero-media img{object-position:58% center}.hero-index{display:none}
 .exhibition-strip .wrap{grid-template-columns:1fr;gap:14px;padding:30px 0}.expo-meta{text-align:left}.section{padding:82px 0}.wrap{width:calc(100% - 40px)}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:42px}.collections{grid-template-columns:1fr}.collection,.c1,.c2,.c3,.c4,.c5{grid-column:auto;min-height:390px}.editorial-split{grid-template-columns:1fr;min-height:auto}.editorial-media{min-height:500px}.editorial-copy{padding:70px 20px}.sketches{grid-template-columns:1fr}.sketch-pair .pair-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.feature,.f1,.f2,.f3,.f4,.f5{grid-column:auto;min-height:440px}.capabilities{grid-template-columns:1fr 1fr}.capability:nth-child(2){border-right:0}.capability{border-bottom:1px solid var(--darkline)}.stats{grid-template-columns:1fr 1fr}.contact-stage{min-height:650px}.contact-copy{padding-bottom:55px}.product-grid{grid-template-columns:1fr 1fr}.product-view,.product-sketch{grid-template-columns:1fr}.product-photo{min-height:520px}.product-copy{padding:70px 20px}.product-sketch .copy{padding:70px 20px}.page-hero{padding-top:130px}
}
@media(max-width:620px){html[lang="zh-CN"] .hero h1{font-size:clamp(34px,9.2vw,50px);line-height:1.22;max-width:92vw} html[lang="zh-CN"] .hero-sub{font-size:12px;line-height:1.95;max-width:88vw} .product-grid{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr}.capability{border-right:0}.stats{grid-template-columns:1fr 1fr}.sketch-pair .pair-grid{grid-template-columns:1fr}.sketch-caption{display:block}.sketch-caption span{display:block;text-align:left;margin-top:5px}}

/* V4.2 readability pass — luxury scale, not tiny type */
@media(min-width:981px){
  .nav .wrap{width:min(var(--max),92vw)}
  .hero-copy{width:min(var(--max),92vw);grid-template-columns:1.32fr .68fr}
  .hero-sub{max-width:620px}
  .hero-side{max-width:430px;justify-self:end;width:100%}
  .hero-side strong{letter-spacing:.01em}
}


/* =========================================================
   V4.3 — Readability / luxury typography scale
   Deliberately larger than V4.2. Desktop first.
   ========================================================= */

body{
  font-size:16.5px;
}

/* Header */
.nav{
  height:94px !important;
}
.nav .wrap{
  width:min(var(--max),93vw) !important;
}
.logo-lockup{
  gap:16px !important;
  min-width:235px !important;
}
.brandmark{
  width:50px !important;
  height:50px !important;
}
.wordmark{
  font-size:27px !important;
  letter-spacing:.17em !important;
}
.wordmark em{
  font-size:13.5px !important;
  margin-left:10px !important;
}
.navlinks{
  font-size:17px !important;
  gap:39px !important;
  letter-spacing:.045em !important;
}
html[lang="zh-CN"] .navlinks{
  font-size:17px !important;
  letter-spacing:.055em !important;
}
.lang{
  margin-left:22px !important;
  font-size:16px !important;
}
.lang button{
  font-size:16px !important;
}

/* Hero — supporting type */
.hero-copy{
  width:min(var(--max),93vw) !important;
  padding-bottom:9vh !important;
  grid-template-columns:1.25fr .75fr !important;
  gap:76px !important;
}
.hero-kicker,
html[lang="zh-CN"] .hero-kicker{
  font-size:14.5px !important;
  letter-spacing:.16em !important;
  margin-bottom:22px !important;
}
.hero-sub,
html[lang="zh-CN"] .hero-sub{
  font-size:20px !important;
  line-height:1.72 !important;
  max-width:660px !important;
  letter-spacing:.01em !important;
  margin-top:25px !important;
}
html[lang="zh-CN"] .hero-sub{
  line-height:1.82 !important;
  letter-spacing:.025em !important;
}
.arrow-link,
html[lang="zh-CN"] .arrow-link{
  font-size:16px !important;
  margin-top:30px !important;
  letter-spacing:.07em !important;
}
.hero-side{
  font-size:17px !important;
  line-height:1.72 !important;
  padding-top:22px !important;
  max-width:470px !important;
}
.hero-side strong{
  font-size:34px !important;
  margin-bottom:10px !important;
}
.hero-index{
  font-size:13.5px !important;
}

/* Global small labels */
.smallcaps{
  font-size:14px !important;
  letter-spacing:.18em !important;
}
.section-intro{
  font-size:18px !important;
  line-height:1.78 !important;
  max-width:720px !important;
}

/* Collection */
.collection-txt .count{
  font-size:13.5px !important;
}
.collection-txt h3{
  font-size:38px !important;
}
.collection-txt p{
  font-size:15.5px !important;
}

/* Editorial / material / sketches */
.editorial-copy p{
  font-size:18px !important;
  line-height:1.78 !important;
}
.sketch-caption span{
  font-size:15px !important;
}
.feature .code{
  font-size:12.5px !important;
}
.feature p{
  font-size:15px !important;
}

/* Capability / facts */
.capability .n{
  font-size:12.5px !important;
}
.capability p{
  font-size:16px !important;
  line-height:1.72 !important;
}
.stat span{
  font-size:13.5px !important;
}

/* Product pages */
.p-code{
  font-size:12.5px !important;
}
.p-info span{
  font-size:15px !important;
}
.product-copy .desc{
  font-size:18px !important;
  line-height:1.78 !important;
}
.product-note{
  font-size:14.5px !important;
}

/* Contact / footer */
.contact-card b{
  font-size:13.5px !important;
}
.contact-card a{
  font-size:24px !important;
}
.footer{
  font-size:13.5px !important;
  color:#aaa197 !important;
}

/* Keep phone layout under control */
@media(max-width:980px){
  .nav{height:68px !important}
  .brandmark{width:34px !important;height:34px !important}
  .wordmark{font-size:18px !important}
  .wordmark em{font-size:10.5px !important}
  .hero-sub,
  html[lang="zh-CN"] .hero-sub{
    font-size:16px !important;
    max-width:90vw !important;
  }
  .arrow-link,
  html[lang="zh-CN"] .arrow-link{
    font-size:14px !important;
  }
}


/* =========================================================
   V4.4 — Screen 02: exhibition + collections
   Editorial luxury rhythm, clearer hierarchy, larger copy
   ========================================================= */

.exhibition-strip{
  position:relative;
  background:linear-gradient(110deg,#eee7da 0%,#e9dfcf 56%,#ddd0bc 100%) !important;
  color:#171411 !important;
  border-top:1px solid rgba(158,124,77,.28);
  border-bottom:1px solid #cbbca7 !important;
}
.exhibition-strip:before{
  content:"";
  position:absolute;
  left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent 0%,#aa8354 30%,#aa8354 70%,transparent 100%);
  opacity:.65;
}
.exhibition-strip .wrap{
  min-height:225px !important;
  width:min(var(--max),93vw) !important;
  display:grid !important;
  grid-template-columns:.55fr 1.6fr .65fr !important;
  gap:58px !important;
  align-items:center !important;
}
.expo-label{
  color:#735a3d !important;
  font-size:14px !important;
  line-height:1.5;
}
.expo-title{
  font:400 clamp(36px,3.55vw,58px)/1.02 Georgia,"Times New Roman",serif !important;
  letter-spacing:-.025em;
  margin:0 !important;
  max-width:900px;
}
html[lang="zh-CN"] .expo-title{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-size:clamp(32px,3.2vw,52px) !important;
  line-height:1.24 !important;
  letter-spacing:.035em !important;
}
.expo-sub{
  margin:15px 0 0;
  max-width:760px;
  color:#6c6258;
  font-size:16px;
  line-height:1.72;
}
html[lang="zh-CN"] .expo-sub{
  font-size:16px;
  line-height:1.9;
  letter-spacing:.03em;
}
.expo-meta{
  text-align:right !important;
  font-size:15px !important;
  line-height:1.85 !important;
  color:#655e56 !important;
}
.expo-meta strong{
  display:block;
  font:400 24px Georgia,serif !important;
  color:#171411 !important;
  margin-bottom:7px !important;
  letter-spacing:.04em;
}
.expo-meta a{
  display:inline-block;
  margin-top:8px;
  color:#765a38;
  border-bottom:1px solid rgba(118,90,56,.35);
}

/* Collection block */
#collection{
  padding-top:145px !important;
  padding-bottom:150px !important;
}
#collection .section-head{
  grid-template-columns:.48fr 1.52fr !important;
  gap:62px !important;
  align-items:start !important;
  margin-bottom:82px !important;
}
#collection .section-head h2{
  max-width:950px;
}
#collection .section-intro{
  max-width:800px !important;
  margin-top:28px !important;
  color:#b8afa4 !important;
}
.collections{
  gap:20px !important;
}
.collection{
  min-height:580px !important;
  background:#171512 !important;
}
.c3,.c4,.c5{
  min-height:465px !important;
}
.collection img{
  filter:saturate(.84) contrast(1.04) brightness(.91);
  transform:scale(1.001);
}
.collection:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.88) 100%) !important;
}
.collection:hover img{
  transform:scale(1.045) !important;
  filter:saturate(.98) contrast(1.04) brightness(.96) !important;
}
.collection-txt{
  left:34px !important;
  right:34px !important;
  bottom:34px !important;
}
.collection-txt .count{
  font-size:13.5px !important;
  letter-spacing:.18em !important;
}
.collection-txt h3{
  font-size:42px !important;
  margin:10px 0 8px !important;
}
html[lang="zh-CN"] .collection-txt h3{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-size:38px !important;
  letter-spacing:.06em;
}
.collection-txt p{
  font-size:15px !important;
  color:#d5ccc1 !important;
}
.collection-arrow{
  display:block;
  margin-top:18px;
  font-size:14px;
  letter-spacing:.07em;
  color:#e6d2b3;
  opacity:.72;
  transform:translateY(4px);
  transition:opacity .35s ease,transform .35s ease;
}
.collection:hover .collection-arrow{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:980px){
  .exhibition-strip .wrap{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:34px 0 !important;
  }
  .expo-meta{text-align:left !important}
  #collection{padding-top:80px !important;padding-bottom:90px !important}
  #collection .section-head{grid-template-columns:1fr !important;gap:22px !important;margin-bottom:42px !important}
  .collection{min-height:390px !important}
  .collection-txt h3{font-size:34px !important}
}


/* =========================================================
   V4.5 — Exhibition editorial + smoother Collection entry
   ========================================================= */

/* Retire old strip behavior */
.exhibition-strip{display:none!important}

/* Shanghai editorial */
.expo-editorial{
  position:relative;
  background:#e9dfd0;
  color:#171411;
  padding:76px 0 78px;
  border-top:1px solid rgba(151,116,72,.28);
  border-bottom:1px solid rgba(151,116,72,.25);
  overflow:hidden;
}
.expo-editorial:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#9b7447 28%,#9b7447 72%,transparent);
  opacity:.58;
}
.expo-editorial-grid{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:68px;
  align-items:center;
}
.expo-copy{
  padding:8px 0 8px 2px;
}
.expo-label{
  color:#725739!important;
  margin-bottom:24px;
  font-size:13.5px!important;
}
.expo-title{
  margin:0;
  font:400 clamp(42px,4.3vw,68px)/1.03 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.035em;
}
html[lang="zh-CN"] .expo-title{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif!important;
  font-size:clamp(38px,3.65vw,58px)!important;
  line-height:1.26!important;
  letter-spacing:.035em!important;
}
.expo-sub{
  margin:23px 0 0;
  max-width:590px;
  color:#655b52;
  font-size:17px;
  line-height:1.82;
}
html[lang="zh-CN"] .expo-sub{
  font-size:17px;
  line-height:1.95;
  letter-spacing:.025em;
}
.expo-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin:38px 0 8px;
  padding-top:22px;
  border-top:1px solid #bcae9a;
  max-width:590px;
}
.expo-facts span{
  display:block;
  color:#8a7a68;
  font-size:11px;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.expo-facts strong{
  display:block;
  color:#211c17;
  font:400 21px Georgia,serif;
}
html[lang="zh-CN"] .expo-facts strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
}
.expo-link{
  color:#654a2e!important;
  margin-top:24px!important;
  border-bottom:1px solid rgba(101,74,46,.3);
  padding-bottom:5px;
}

/* Asymmetric image edit */
.expo-gallery{
  height:500px;
  display:grid;
  grid-template-columns:1.42fr .72fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
}
.expo-shot{
  position:relative;
  overflow:hidden;
  background:#211c17;
}
.expo-shot-main{
  grid-row:1 / 3;
}
.expo-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.84) contrast(1.04) brightness(.92);
  transform:scale(1.001);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}
.expo-shot:hover img{
  transform:scale(1.035);
  filter:saturate(.98) contrast(1.03) brightness(.98);
}
.expo-shot:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.73) 100%);
  pointer-events:none;
}
.expo-shot-caption{
  position:absolute;
  z-index:2;
  left:21px;
  right:20px;
  bottom:18px;
  color:#fff;
}
.expo-shot-caption span{
  display:block;
  color:#d4b98e;
  font-size:10px;
  letter-spacing:.16em;
  margin-bottom:5px;
}
.expo-shot-caption strong{
  display:block;
  font:400 20px Georgia,serif;
  letter-spacing:.03em;
}
.expo-shot-caption em{
  display:block;
  font-style:normal;
  color:#d8d0c6;
  font-size:12px;
  margin-top:3px;
}

/* Collection: smaller headline, faster arrival to images */
#collection{
  padding-top:88px!important;
  padding-bottom:118px!important;
}
#collection .section-head{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:52px!important;
  align-items:start!important;
  margin-bottom:46px!important;
}
#collection .section-head h2{
  font-size:clamp(52px,5.15vw,78px)!important;
  line-height:1.03!important;
  max-width:980px!important;
  letter-spacing:-.03em!important;
  margin:0!important;
}
html[lang="zh-CN"] #collection .section-head h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif!important;
  font-size:clamp(45px,4.4vw,66px)!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
}
#collection .section-intro{
  font-size:17px!important;
  max-width:770px!important;
  margin-top:18px!important;
  line-height:1.75!important;
}
html[lang="zh-CN"] #collection .section-intro{
  line-height:1.88!important;
}
#collection .section-num{
  padding-top:10px;
}

/* Let more of the collection be visible in one viewport */
.collection{
  min-height:520px!important;
}
.c3,.c4,.c5{
  min-height:420px!important;
}

@media(max-width:980px){
  .expo-editorial{padding:50px 0 54px}
  .expo-editorial-grid{grid-template-columns:1fr;gap:36px}
  .expo-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:320px 220px}
  .expo-shot-main{grid-column:1/3;grid-row:1}
  .expo-shot:nth-child(2){grid-column:1;grid-row:2}
  .expo-shot:nth-child(3){grid-column:2;grid-row:2}
  #collection{padding-top:68px!important}
  #collection .section-head{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:36px!important}
  html[lang="zh-CN"] #collection .section-head h2{font-size:42px!important}
}


/* =========================================================
   V4.6 — Material → Signature → Sketch narrative
   ========================================================= */

/* Material story */
.material-story{
  background:#e8dfd1;
  color:#171411;
  padding:118px 0 96px;
}
.material-story-head,
.sketch-story-head{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:54px;
  align-items:start;
  margin-bottom:58px;
}
.material-index,
.sketch-index{
  color:#856847!important;
  padding-top:10px;
}
.material-story-head h2,
.sketch-story-head h2{
  margin:0;
  font:400 clamp(50px,5.25vw,80px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
  max-width:980px;
}
html[lang="zh-CN"] .material-story-head h2,
html[lang="zh-CN"] .sketch-story-head h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:clamp(44px,4.45vw,68px);
  line-height:1.22;
  letter-spacing:.045em;
}
.material-story-head p,
.sketch-story-head p{
  margin:24px 0 0;
  max-width:820px;
  color:#675e55;
  font-size:18px;
  line-height:1.8;
}
html[lang="zh-CN"] .material-story-head p,
html[lang="zh-CN"] .sketch-story-head p{
  line-height:1.95;
  letter-spacing:.025em;
}

.material-gallery{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:1.42fr .58fr;
  gap:14px;
  height:670px;
}
.material-main,
.material-tile{
  position:relative;
  overflow:hidden;
  background:#1b1814;
}
.material-main img,
.material-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.9) contrast(1.03) brightness(.94);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}
.material-main:hover img,
.material-tile:hover img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.03) brightness(.98);
}
.material-main:after,
.material-tile:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.68) 100%);
}
.material-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:14px;
}
.material-caption{
  position:absolute;
  z-index:2;
  left:27px;
  right:25px;
  bottom:24px;
  color:#fff;
}
.material-caption span{
  display:block;
  color:#d4b98f;
  font-size:11px;
  letter-spacing:.15em;
  margin-bottom:6px;
}
.material-caption strong{
  display:block;
  font:400 25px Georgia,serif;
}
html[lang="zh-CN"] .material-caption strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
}

.material-footer{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:36px;
  padding-top:32px;
}
.material-terms{
  display:flex;
  flex-wrap:wrap;
  gap:10px 32px;
}
.material-terms span{
  font-size:12.5px;
  letter-spacing:.13em;
  color:#74685b;
}
.material-link{
  color:#62472c!important;
  margin-top:0!important;
}

/* Signature quote becomes a transition, not a full giant screen */
.signature-quote{
  position:relative;
  min-height:470px;
  background:#090807;
  color:#eee5d9;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.signature-backdrop{
  position:absolute;
  right:-2%;
  top:-45%;
  width:48%;
  height:190%;
  opacity:.105;
  transform:rotate(-6deg);
  mix-blend-mode:screen;
}
.signature-backdrop img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:invert(1) grayscale(1) contrast(.8);
}
.signature-inner{
  position:relative;
  z-index:2;
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:1fr .32fr;
  grid-template-rows:auto auto;
  gap:18px 60px;
  align-items:end;
  padding:90px 0;
}
.signature-inner .smallcaps{
  grid-column:1/3;
  color:#a88a65!important;
}
.signature-inner blockquote{
  margin:0;
  max-width:1050px;
  font:400 clamp(56px,6.4vw,98px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;
}
html[lang="zh-CN"] .signature-inner blockquote{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:clamp(48px,5vw,78px);
  line-height:1.22;
  letter-spacing:.055em;
}
.signature-meta{
  border-top:1px solid rgba(255,255,255,.25);
  padding-top:18px;
}
.signature-meta span{
  display:block;
  color:#b69b77;
  font-size:13px;
  letter-spacing:.13em;
}
.signature-meta strong{
  display:block;
  margin-top:7px;
  color:#ddd4ca;
  font:400 19px Georgia,serif;
}

/* Sketch story */
.sketch-story{
  background:#f0eadf;
  color:#171411;
  padding:112px 0 120px;
}
.sketch-feature{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:14px;
  min-height:640px;
}
.sketch-feature-image,
.sketch-feature-object{
  position:relative;
  overflow:hidden;
  background:#ded5c8;
}
.sketch-feature-image{
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sketch-feature-image .sketch-art{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:saturate(.62) contrast(.94);
}
.sketch-stamp{
  position:absolute;
  left:28px;
  bottom:24px;
  color:#6d6155;
}
.sketch-stamp span{
  display:block;
  font-size:10px;
  letter-spacing:.17em;
}
.sketch-stamp strong{
  display:block;
  margin-top:5px;
  font:400 22px Georgia,serif;
  color:#201b17;
}
.sketch-feature-object img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) brightness(.94);
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.sketch-feature-object:hover img{
  transform:scale(1.03);
}
.sketch-feature-object:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75) 100%);
}
.sketch-object-copy{
  position:absolute;
  z-index:2;
  left:32px;
  right:32px;
  bottom:28px;
  color:#fff;
}
.sketch-object-copy span{
  display:block;
  color:#d1b58c;
  font-size:11px;
  letter-spacing:.16em;
}
.sketch-object-copy strong{
  display:block;
  font:400 31px Georgia,serif;
  margin:8px 0 7px;
}
html[lang="zh-CN"] .sketch-object-copy strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
}
.sketch-object-copy em{
  display:block;
  font-style:normal;
  color:#d6cec4;
  font-size:14px;
  line-height:1.65;
}

.sketch-archive{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
}
.sketch-archive-card{
  color:#171411;
  background:#e4dccf;
  border-top:1px solid #c9bdad;
  transition:background .35s ease;
}
.sketch-archive-card:hover{
  background:#ddd2c2;
}
.sketch-archive-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  aspect-ratio:1.8/1;
  overflow:hidden;
}
.sketch-archive-pair img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.sketch-archive-pair img:first-child{
  filter:saturate(.62) contrast(.95);
}
.sketch-archive-card>div:last-child{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:18px 20px 21px;
}
.sketch-archive-card span{
  color:#7d705f;
  font-size:11px;
  letter-spacing:.13em;
}
.sketch-archive-card strong{
  font:400 20px Georgia,serif;
  text-align:right;
}
html[lang="zh-CN"] .sketch-archive-card strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
}

@media(max-width:980px){
  .material-story,.sketch-story{padding:76px 0 82px}
  .material-story-head,.sketch-story-head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}
  .material-gallery{height:auto;grid-template-columns:1fr}
  .material-main{min-height:430px}
  .material-side{grid-template-columns:1fr 1fr;grid-template-rows:260px}
  .material-footer{grid-template-columns:1fr;align-items:start}
  .signature-inner{grid-template-columns:1fr;grid-template-rows:auto;gap:24px;padding:70px 0}
  .signature-inner .smallcaps{grid-column:1}
  .signature-meta{max-width:360px}
  .signature-backdrop{width:70%;right:-20%}
  .sketch-feature{grid-template-columns:1fr;min-height:auto}
  .sketch-feature-image,.sketch-feature-object{min-height:430px}
  .sketch-archive{grid-template-columns:1fr}
}


/* =========================================================
   V4.7 — Material boards refinement
   ========================================================= */
.material-gallery--boards{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  height:auto;
}
.material-board{
  position:relative;
  overflow:hidden;
  background:#191613;
  aspect-ratio:1.28/1;
  min-height:0;
}
.material-board img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.94) contrast(1.02) brightness(.94);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}
.material-board:hover img{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.04) brightness(.98);
}
.material-board:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 44%,rgba(0,0,0,.74) 100%);
}
.material-board .material-caption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  color:#fff;
}
.material-board .material-caption span{
  display:block;
  color:#d4b98f;
  font-size:11px;
  letter-spacing:.15em;
  margin-bottom:8px;
}
.material-board .material-caption strong{
  display:block;
  font:400 27px/1.05 Georgia,serif;
  margin-bottom:10px;
}
html[lang="zh-CN"] .material-board .material-caption strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:29px;
  line-height:1.18;
  letter-spacing:.04em;
}
.material-board .material-caption em{
  display:block;
  font-style:normal;
  color:rgba(255,245,235,.86);
  font-size:14px;
  line-height:1.72;
  max-width:34ch;
}
html[lang="zh-CN"] .material-board .material-caption em{
  line-height:1.8;
  letter-spacing:.02em;
}

@media(max-width:1200px){
  .material-gallery--boards{grid-template-columns:1fr;gap:14px}
  .material-board{aspect-ratio:1.42/1}
}


/* =========================================================
   V4.8 — Collection viewport-fit refinement
   Reduce headline dominance and bring product imagery upward.
   ========================================================= */

#collection{
  padding-top:58px !important;
  padding-bottom:96px !important;
}

#collection .section-head{
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  margin-bottom:28px !important;
}

#collection .section-num{
  padding-top:7px !important;
  font-size:12.5px !important;
}

#collection .section-head h2{
  font-size:clamp(44px,4.25vw,64px) !important;
  line-height:1.04 !important;
  max-width:900px !important;
  letter-spacing:-.025em !important;
}

html[lang="zh-CN"] #collection .section-head h2{
  font-size:clamp(36px,3.55vw,52px) !important;
  line-height:1.22 !important;
  letter-spacing:.04em !important;
  max-width:820px !important;
}

#collection .section-intro{
  font-size:15.5px !important;
  max-width:720px !important;
  margin-top:12px !important;
  line-height:1.72 !important;
}

html[lang="zh-CN"] #collection .section-intro{
  font-size:15.5px !important;
  line-height:1.82 !important;
}

.collection{
  min-height:480px !important;
}

.c3,.c4,.c5{
  min-height:390px !important;
}

.collection-txt h3{
  font-size:36px !important;
}

html[lang="zh-CN"] .collection-txt h3{
  font-size:33px !important;
}

.collection-txt .count{
  font-size:12px !important;
}

.collection-txt p{
  font-size:14px !important;
}

.collection-arrow{
  font-size:13px !important;
  margin-top:14px !important;
}

@media(max-width:980px){
  #collection{
    padding-top:52px !important;
    padding-bottom:78px !important;
  }
  #collection .section-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-bottom:28px !important;
  }
  html[lang="zh-CN"] #collection .section-head h2{
    font-size:38px !important;
  }
}


/* =========================================================
   V4.9 — Signature + Sketch scale correction
   Much smaller, tighter, more editorial.
   ========================================================= */

.signature-quote{
  min-height:330px !important;
}

.signature-inner{
  padding:54px 0 !important;
  gap:12px 46px !important;
}

.signature-inner .smallcaps{
  font-size:12px !important;
  margin-bottom:2px !important;
}

.signature-inner blockquote{
  font-size:clamp(42px,4.5vw,66px) !important;
  line-height:1.02 !important;
  max-width:900px !important;
  letter-spacing:-.025em !important;
}

html[lang="zh-CN"] .signature-inner blockquote{
  font-size:clamp(34px,3.5vw,50px) !important;
  line-height:1.2 !important;
  letter-spacing:.045em !important;
}

.signature-meta{
  padding-top:14px !important;
}

.signature-meta span{
  font-size:11.5px !important;
}

.signature-meta strong{
  font-size:16px !important;
}

.signature-backdrop{
  width:42% !important;
  right:0 !important;
  top:-38% !important;
  height:175% !important;
}

/* Sketch heading and section height */
.sketch-story{
  padding:72px 0 90px !important;
}

.sketch-story-head{
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  margin-bottom:34px !important;
}

.sketch-story-head h2{
  font-size:clamp(40px,4.1vw,60px) !important;
  line-height:1.04 !important;
  max-width:840px !important;
}

html[lang="zh-CN"] .sketch-story-head h2{
  font-size:clamp(32px,3.2vw,46px) !important;
  line-height:1.22 !important;
  letter-spacing:.04em !important;
  max-width:760px !important;
}

.sketch-story-head p{
  font-size:15.5px !important;
  margin-top:14px !important;
  max-width:760px !important;
  line-height:1.75 !important;
}

html[lang="zh-CN"] .sketch-story-head p{
  font-size:15.5px !important;
  line-height:1.85 !important;
}

.sketch-index{
  font-size:12px !important;
  padding-top:7px !important;
}

.sketch-feature{
  min-height:540px !important;
}

@media(max-width:980px){
  .signature-quote{min-height:280px !important}
  .signature-inner{padding:45px 0 !important}
  html[lang="zh-CN"] .signature-inner blockquote{font-size:34px !important}
  .sketch-story{padding:58px 0 72px !important}
  .sketch-story-head{grid-template-columns:1fr !important;gap:12px !important;margin-bottom:28px !important}
  html[lang="zh-CN"] .sketch-story-head h2{font-size:36px !important}
}


/* =========================================================
   V4.10 — Sketch section viewport-fit compression
   Make the full sketch module fit in a standard 100% viewport.
   ========================================================= */
.sketch-story{
  padding:52px 0 58px !important;
}

.sketch-story-head{
  grid-template-columns:180px minmax(0,1fr) !important;
  gap:24px !important;
  margin-bottom:18px !important;
  align-items:start !important;
}

.sketch-index{
  padding-top:2px !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

.sketch-story-head h2{
  font-size:clamp(34px,3.4vw,50px) !important;
  line-height:1.06 !important;
  max-width:720px !important;
  margin:0 !important;
}
html[lang="zh-CN"] .sketch-story-head h2{
  font-size:clamp(30px,2.75vw,42px) !important;
  line-height:1.18 !important;
  letter-spacing:.03em !important;
  max-width:680px !important;
}

.sketch-story-head p{
  font-size:14px !important;
  line-height:1.7 !important;
  margin-top:10px !important;
  max-width:760px !important;
}
html[lang="zh-CN"] .sketch-story-head p{
  font-size:14px !important;
  line-height:1.75 !important;
}

.sketch-feature{
  gap:12px !important;
  min-height:390px !important;
}

.sketch-feature-image,
.sketch-feature-object{
  min-height:390px !important;
}

.sketch-feature-image{
  padding:22px !important;
}

.sketch-feature-image .sketch-art{
  max-height:100% !important;
}

.sketch-stamp{
  left:20px !important;
  bottom:16px !important;
}
.sketch-stamp span{
  font-size:9px !important;
}
.sketch-stamp strong{
  margin-top:3px !important;
  font-size:16px !important;
}

.sketch-object-copy{
  left:22px !important;
  right:22px !important;
  bottom:18px !important;
}
.sketch-object-copy span{
  font-size:10px !important;
}
.sketch-object-copy strong{
  font-size:22px !important;
  margin:6px 0 4px !important;
}
.sketch-object-copy em{
  font-size:12.5px !important;
  line-height:1.55 !important;
}

.sketch-archive{
  gap:12px !important;
  margin-top:12px !important;
}

.sketch-archive-pair{
  aspect-ratio:2.25/1 !important;
}

.sketch-archive-card>div:last-child{
  padding:12px 16px 14px !important;
  gap:10px !important;
}
.sketch-archive-card span{
  font-size:10px !important;
}
.sketch-archive-card strong{
  font-size:16px !important;
}

@media (max-width: 980px){
  .sketch-story{padding:48px 0 54px !important;}
  .sketch-story-head{grid-template-columns:1fr !important; gap:10px !important; margin-bottom:16px !important;}
  html[lang="zh-CN"] .sketch-story-head h2{font-size:30px !important;}
  .sketch-feature,
  .sketch-feature-image,
  .sketch-feature-object{min-height:320px !important;}
  .sketch-feature-image{padding:18px !important;}
  .sketch-archive-pair{aspect-ratio:1.85/1 !important;}
}


/* =========================================================
   V4.11 — Signature transition tightened + Sketch section Plan B
   1) narrow the black signature band
   2) keep main two-column showcase
   3) reduce bottom archive to two cards only
   ========================================================= */
.signature-quote{
  min-height:310px !important;
}
.signature-backdrop{
  top:-58% !important;
  height:220% !important;
  opacity:.085 !important;
}
.signature-inner{
  gap:14px 44px !important;
  padding:54px 0 !important;
}
.signature-inner .smallcaps{
  font-size:11px !important;
}
.signature-inner blockquote{
  max-width:900px !important;
  font-size:clamp(42px,4.5vw,66px) !important;
  line-height:1.02 !important;
}
html[lang="zh-CN"] .signature-inner blockquote{
  font-size:clamp(34px,3.7vw,54px) !important;
  line-height:1.18 !important;
  letter-spacing:.045em !important;
}
.signature-meta{
  padding-top:14px !important;
}
.signature-meta span{
  font-size:12px !important;
}
.signature-meta strong{
  font-size:16px !important;
  margin-top:5px !important;
}

.sketch-story{
  padding:44px 0 54px !important;
}
.sketch-story-head{
  margin-bottom:14px !important;
}
.sketch-story-head h2{
  font-size:clamp(32px,3vw,44px) !important;
  max-width:640px !important;
}
html[lang="zh-CN"] .sketch-story-head h2{
  font-size:clamp(26px,2.45vw,38px) !important;
  line-height:1.16 !important;
  max-width:620px !important;
}
.sketch-story-head p,
html[lang="zh-CN"] .sketch-story-head p{
  font-size:13.5px !important;
  line-height:1.7 !important;
  margin-top:8px !important;
  max-width:720px !important;
}

.sketch-feature{
  min-height:350px !important;
  gap:10px !important;
}
.sketch-feature-image,
.sketch-feature-object{
  min-height:350px !important;
}
.sketch-feature-image{
  padding:18px !important;
}
.sketch-stamp{
  left:18px !important;
  bottom:14px !important;
}
.sketch-stamp strong{
  font-size:15px !important;
}
.sketch-object-copy{
  left:20px !important;
  right:20px !important;
  bottom:16px !important;
}
.sketch-object-copy strong{
  font-size:20px !important;
  margin:5px 0 4px !important;
}
.sketch-object-copy em{
  font-size:12px !important;
  line-height:1.52 !important;
}

.sketch-archive{
  grid-template-columns:repeat(2,1fr) !important;
  gap:10px !important;
  margin-top:10px !important;
}
.sketch-archive-pair{
  aspect-ratio:2.45/1 !important;
}
.sketch-archive-card>div:last-child{
  padding:10px 14px 12px !important;
}
.sketch-archive-card strong{
  font-size:15px !important;
}

@media (max-width: 980px){
  .signature-quote{min-height:250px !important;}
  .signature-inner{grid-template-columns:1fr !important; gap:10px !important; padding:42px 0 !important;}
  .signature-inner .smallcaps{grid-column:auto !important;}
  .sketch-feature,
  .sketch-feature-image,
  .sketch-feature-object{min-height:300px !important;}
  .sketch-archive{grid-template-columns:1fr !important;}
}


/* =========================================================
   V4.12 — Signature + Sketch refinement
   - black signature band slimmer
   - FU-001 large duo slightly smaller
   - bottom archive back to 3 cards
   - left HO-033 / middle CC-001 / right HO-034
   ========================================================= */
.signature-quote{
  min-height: 220px !important;
}
.signature-backdrop{
  top:-82% !important;
  height:255% !important;
  opacity:.07 !important;
}
.signature-inner{
  gap:10px 38px !important;
  padding:34px 0 !important;
  align-items:center !important;
}
.signature-inner .smallcaps{
  font-size:10.5px !important;
  letter-spacing:.22em !important;
}
.signature-inner blockquote{
  max-width:780px !important;
  font-size:clamp(34px,3.65vw,54px) !important;
  line-height:1.02 !important;
}
html[lang="zh-CN"] .signature-inner blockquote{
  font-size:clamp(30px,3.15vw,46px) !important;
  line-height:1.14 !important;
}
.signature-meta{
  padding-top:8px !important;
}
.signature-meta span{
  font-size:11px !important;
}
.signature-meta strong{
  font-size:15px !important;
  margin-top:4px !important;
}

.sketch-story{
  padding:28px 0 34px !important;
}
.sketch-story-head{
  margin-bottom:10px !important;
  gap:10px !important;
}
.sketch-story-head h2{
  font-size:clamp(30px,2.6vw,40px) !important;
}
html[lang="zh-CN"] .sketch-story-head h2{
  font-size:clamp(24px,2.1vw,34px) !important;
  line-height:1.14 !important;
  letter-spacing:.025em !important;
}
.sketch-story-head p,
html[lang="zh-CN"] .sketch-story-head p{
  font-size:12.5px !important;
  line-height:1.65 !important;
  margin-top:6px !important;
}

.sketch-feature{
  min-height:290px !important;
  gap:10px !important;
}
.sketch-feature-image,
.sketch-feature-object{
  min-height:290px !important;
}
.sketch-feature-image{
  padding:14px !important;
}
.sketch-stamp{
  left:14px !important;
  bottom:12px !important;
}
.sketch-stamp span{
  font-size:10px !important;
}
.sketch-stamp strong{
  font-size:14px !important;
}
.sketch-object-copy{
  left:16px !important;
  right:18px !important;
  bottom:14px !important;
}
.sketch-object-copy span{
  font-size:10px !important;
}
.sketch-object-copy strong{
  font-size:18px !important;
  margin:4px 0 3px !important;
}
.sketch-object-copy em{
  font-size:11.5px !important;
  line-height:1.48 !important;
}

.sketch-archive{
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin-top:10px !important;
}
.sketch-archive-pair{
  aspect-ratio:2.05/1 !important;
}
.sketch-archive-card > div:last-child{
  padding:9px 12px 10px !important;
}
.sketch-archive-card span{
  font-size:10px !important;
}
.sketch-archive-card strong{
  font-size:14px !important;
}
html[lang="zh-CN"] .sketch-archive-card strong{
  font-size:13px !important;
}

@media (max-width: 980px){
  .signature-quote{min-height:200px !important;}
  .signature-inner{padding:28px 0 !important;}
  .sketch-story{padding:30px 0 38px !important;}
  .sketch-feature,
  .sketch-feature-image,
  .sketch-feature-object{min-height:250px !important;}
  .sketch-archive{grid-template-columns:1fr !important;}
}


/* =========================================================
   V4.13 — Global Typography System
   One consistent scale across the whole Hanjade site.
   ========================================================= */
:root{
  --type-display-en:68px;
  --type-display-zh:58px;
  --type-section-en:48px;
  --type-section-zh:44px;
  --type-card-en:25px;
  --type-card-zh:24px;
  --type-eyebrow:12.5px;
  --type-body:16px;
  --type-body-small:14px;
  --type-nav:16px;
}

body{font-size:var(--type-body)!important;}

/* Navigation: one fixed size everywhere */
.navlinks,
html[lang="zh-CN"] .navlinks{
  font-size:var(--type-nav)!important;
  line-height:1.2!important;
}
.lang,.lang button{font-size:15px!important;}

/* Eyebrows / section numbers / small headings */
.smallcaps,
.section-num,
.hero-kicker,
.material-index,
.sketch-index,
.expo-label,
.feature .code,
.p-code,
.capability .n{
  font-size:var(--type-eyebrow)!important;
  line-height:1.25!important;
  letter-spacing:.17em!important;
}

/* Level 1: page / hero titles */
.hero h1,
.page-hero h1,
.expo-hero h1,
.product-copy h1{
  font-size:var(--type-display-en)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}
html[lang="zh-CN"] .hero h1,
html[lang="zh-CN"] .page-hero h1,
html[lang="zh-CN"] .expo-hero h1,
html[lang="zh-CN"] .product-copy h1{
  font-size:var(--type-display-zh)!important;
  line-height:1.16!important;
  letter-spacing:.035em!important;
}

/* Level 2: every major section title uses the same scale */
.section h2,
#collection .section-head h2,
.material-story-head h2,
.sketch-story-head h2,
.editorial-copy h2,
.product-sketch h2,
.contact-copy h2,
.expo-title,
.signature-inner blockquote{
  font-size:var(--type-section-en)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
html[lang="zh-CN"] .section h2,
html[lang="zh-CN"] #collection .section-head h2,
html[lang="zh-CN"] .material-story-head h2,
html[lang="zh-CN"] .sketch-story-head h2,
html[lang="zh-CN"] .editorial-copy h2,
html[lang="zh-CN"] .product-sketch h2,
html[lang="zh-CN"] .contact-copy h2,
html[lang="zh-CN"] .expo-title,
html[lang="zh-CN"] .signature-inner blockquote{
  font-size:var(--type-section-zh)!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
}

/* Level 3: card / product titles */
.collection-txt h3,
.feature h3,
.capability h3,
.p-info h3,
.material-caption strong,
.material-board .material-caption strong,
.sketch-object-copy strong,
.sketch-archive-card strong,
.signature-meta strong{
  font-size:var(--type-card-en)!important;
  line-height:1.18!important;
}
html[lang="zh-CN"] .collection-txt h3,
html[lang="zh-CN"] .feature h3,
html[lang="zh-CN"] .capability h3,
html[lang="zh-CN"] .p-info h3,
html[lang="zh-CN"] .material-caption strong,
html[lang="zh-CN"] .material-board .material-caption strong,
html[lang="zh-CN"] .sketch-object-copy strong,
html[lang="zh-CN"] .sketch-archive-card strong,
html[lang="zh-CN"] .signature-meta strong{
  font-size:var(--type-card-zh)!important;
  line-height:1.25!important;
}

/* Body copy: fixed readable hierarchy */
.section-intro,
.hero-sub,
.editorial-copy p,
.material-story-head p,
.sketch-story-head p,
.product-copy .desc,
.product-sketch p,
.expo-sub,
.capability p{
  font-size:var(--type-body)!important;
  line-height:1.78!important;
}
html[lang="zh-CN"] .section-intro,
html[lang="zh-CN"] .hero-sub,
html[lang="zh-CN"] .editorial-copy p,
html[lang="zh-CN"] .material-story-head p,
html[lang="zh-CN"] .sketch-story-head p,
html[lang="zh-CN"] .product-copy .desc,
html[lang="zh-CN"] .product-sketch p,
html[lang="zh-CN"] .expo-sub,
html[lang="zh-CN"] .capability p{
  font-size:var(--type-body)!important;
  line-height:1.88!important;
}

.collection-txt p,
.feature p,
.p-info span,
.product-note,
.sketch-object-copy em,
.material-board .material-caption em,
.sketch-caption span,
.footer{
  font-size:var(--type-body-small)!important;
}

/* Keep the black signature band elegant and slim */
.signature-quote{min-height:205px!important;}
.signature-inner{padding:30px 0!important;}
.signature-backdrop{top:-95%!important;height:290%!important;opacity:.06!important;}

/* Main FU-001 sketch/object duo: slightly smaller */
.sketch-story{padding:26px 0 32px!important;}
.sketch-story-head{margin-bottom:8px!important;}
.sketch-feature{min-height:265px!important;}
.sketch-feature-image,.sketch-feature-object{min-height:265px!important;}
.sketch-feature-image{padding:12px!important;}

/* Three archive cards: HO-033 / CC-001 / HO-027 */
.sketch-archive{grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin-top:9px!important;}
.sketch-archive-pair{aspect-ratio:2.15/1!important;}
.sketch-archive-card>div:last-child{padding:8px 11px 9px!important;}

@media(max-width:980px){
  :root{
    --type-display-en:46px;
    --type-display-zh:42px;
    --type-section-en:36px;
    --type-section-zh:34px;
    --type-card-en:21px;
    --type-card-zh:20px;
    --type-body:15px;
    --type-body-small:13px;
  }
}


/* =========================================================
   V4.14 — 04 Selected Pieces
   Curated editorial grid. Uses the locked V4.13 type system.
   ========================================================= */

.selected-section{
  padding:64px 0 78px !important;
  overflow:hidden;
}
.selected-head{
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  margin-bottom:32px !important;
  align-items:start !important;
}
.selected-head h2{
  max-width:940px;
}
.selected-head .section-intro{
  max-width:720px !important;
  margin-top:14px !important;
}

.selected-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:clamp(270px,30vh,330px) clamp(205px,23vh,250px);
  gap:12px;
}

.selected-item{
  position:relative;
  overflow:hidden;
  background:#171411;
  color:#fff;
}
.selected-main{grid-column:1 / 7;grid-row:1 / 3}
.selected-fu008{grid-column:7 / 10;grid-row:1}
.selected-cc001{grid-column:10 / 13;grid-row:1}
.selected-ho027{grid-column:7 / 9;grid-row:2}
.selected-ho033{grid-column:9 / 11;grid-row:2}
.selected-cr001{grid-column:11 / 13;grid-row:2}

.selected-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.86) contrast(1.035) brightness(.91);
  transform:scale(1.001);
  transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease;
}
.selected-item:hover img{
  transform:scale(1.035);
  filter:saturate(.98) contrast(1.03) brightness(.97);
}
.selected-item:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.01) 32%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.84) 100%);
  pointer-events:none;
}

.selected-copy{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:18px;
}
.selected-main .selected-copy{
  left:28px;
  right:30px;
  bottom:25px;
  max-width:610px;
}
.selected-code{
  display:block;
  color:#d1b187;
  font-size:var(--type-eyebrow);
  line-height:1.25;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.selected-copy h3{
  margin:0 0 7px;
  color:#fff;
  font:400 var(--type-card-en)/1.18 Georgia,"Times New Roman",serif;
}
html[lang="zh-CN"] .selected-copy h3{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
  letter-spacing:.035em;
}
.selected-copy p{
  margin:0;
  max-width:46ch;
  color:#d3cbc2;
  font-size:var(--type-body-small);
  line-height:1.58;
}
html[lang="zh-CN"] .selected-copy p{
  line-height:1.7;
}

.selected-small .selected-copy{
  left:16px;
  right:16px;
  bottom:14px;
}
.selected-small .selected-copy p{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(5px);
  transition:max-height .4s ease,opacity .35s ease,transform .35s ease,margin .35s ease;
}
.selected-small:hover .selected-copy p{
  max-height:80px;
  opacity:1;
  transform:translateY(0);
  margin-top:5px;
}

.selected-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:24px;
}

@media(max-width:1200px){
  .selected-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:360px 290px 220px;
  }
  .selected-main{grid-column:1 / 7;grid-row:1}
  .selected-fu008{grid-column:1 / 4;grid-row:2}
  .selected-cc001{grid-column:4 / 7;grid-row:2}
  .selected-ho027{grid-column:1 / 3;grid-row:3}
  .selected-ho033{grid-column:3 / 5;grid-row:3}
  .selected-cr001{grid-column:5 / 7;grid-row:3}
}

@media(max-width:980px){
  .selected-section{padding:52px 0 64px !important}
  .selected-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-bottom:28px !important;
  }
  .selected-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:10px;
  }
  .selected-item,
  .selected-main,
  .selected-fu008,
  .selected-cc001,
  .selected-ho027,
  .selected-ho033,
  .selected-cr001{
    grid-column:auto;
    grid-row:auto;
    min-height:330px;
  }
  .selected-main{min-height:420px}
  .selected-small .selected-copy p{
    max-height:80px;
    opacity:1;
    transform:none;
    margin-top:5px;
  }
  .selected-footer{justify-content:flex-start}
}


/* =========================================================
   V4.16 — 05 Capabilities
   Editorial ledger instead of generic four-card UI.
   Keeps the locked V4.13 type system.
   ========================================================= */

.capability-stage{
  padding:68px 0 74px !important;
  background:#e9e0d3 !important;
  color:#171411;
}

.capability-layout{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);
  gap:72px;
  align-items:start;
}

.capability-intro{
  position:sticky;
  top:118px;
  padding-right:12px;
}

.capability-intro .section-num{
  color:#896946;
  margin-bottom:22px;
}

.capability-intro h2{
  margin:0;
  max-width:560px;
  font:400 var(--type-section-en)/1.06 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}

html[lang="zh-CN"] .capability-intro h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.22;
  letter-spacing:.035em;
}

.capability-intro > p{
  margin:22px 0 0;
  max-width:520px;
  color:#6b6157;
  font-size:var(--type-body);
  line-height:1.82;
}

html[lang="zh-CN"] .capability-intro > p{
  line-height:1.95;
  letter-spacing:.02em;
}

.capability-signature{
  margin-top:42px;
  padding-top:18px;
  max-width:310px;
  border-top:1px solid #b9aa97;
}

.capability-signature span{
  display:block;
  color:#8b765f;
  font-size:11px;
  letter-spacing:.18em;
}

.capability-signature strong{
  display:block;
  margin-top:7px;
  font:400 20px Georgia,serif;
  color:#29221c;
  letter-spacing:.03em;
}

.capability-ledger{
  border-top:1px solid #aa9d8d;
}

.capability-row{
  display:grid;
  grid-template-columns:58px minmax(220px,.78fr) minmax(300px,1.22fr);
  gap:26px;
  align-items:center;
  min-height:126px;
  padding:20px 4px;
  border-bottom:1px solid #c1b5a5;
  transition:background .35s ease,padding .35s ease;
}

.capability-row:hover{
  background:rgba(255,255,255,.23);
  padding-left:14px;
  padding-right:14px;
}

.capability-number{
  align-self:start;
  padding-top:7px;
  color:#9a7650;
  font:400 18px Georgia,serif;
  letter-spacing:.08em;
}

.capability-name h3{
  margin:0;
  color:#1c1814;
  font:400 var(--type-card-en)/1.15 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .capability-name h3{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
  letter-spacing:.035em;
}

.capability-name span{
  display:block;
  margin-top:9px;
  color:#8a7865;
  font-size:10.5px;
  line-height:1.5;
  letter-spacing:.13em;
}

.capability-row > p{
  margin:0;
  color:#625a52;
  font-size:var(--type-body-small);
  line-height:1.72;
}

html[lang="zh-CN"] .capability-row > p{
  line-height:1.82;
  letter-spacing:.015em;
}

@media(max-width:1100px){
  .capability-layout{
    grid-template-columns:1fr;
    gap:38px;
  }
  .capability-intro{
    position:static;
  }
  .capability-row{
    grid-template-columns:50px minmax(200px,.75fr) 1.25fr;
  }
}

@media(max-width:760px){
  .capability-stage{padding:52px 0 58px !important}
  .capability-row{
    grid-template-columns:44px 1fr;
    gap:12px 14px;
    padding:18px 0;
  }
  .capability-row > p{
    grid-column:2;
  }
  .capability-signature{
    margin-top:28px;
  }
}


/* =========================================================
   V4.17 — 06 Made to Order
   One-screen bespoke editorial system.
   Uses the locked global typography hierarchy.
   ========================================================= */

.made-stage{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  min-height:650px;
  background:#5a4939;
  color:#f0e8dd;
  overflow:hidden;
}

.made-copy{
  padding:62px max(48px,6vw) 54px max(48px,7vw);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.made-index{
  color:#d7ba92 !important;
  margin-bottom:22px;
}

.made-copy h2{
  margin:0;
  max-width:760px;
  font:400 var(--type-section-en)/1.04 Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .made-copy h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.22;
  letter-spacing:.035em;
}

.made-lead{
  margin:20px 0 0;
  max-width:720px;
  color:#d8cec2;
  font-size:var(--type-body);
  line-height:1.78;
}

html[lang="zh-CN"] .made-lead{
  line-height:1.92;
  letter-spacing:.02em;
}

.made-modes{
  display:flex;
  flex-wrap:wrap;
  gap:7px 22px;
  margin-top:26px;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.22);
}

.made-modes span{
  color:#ead9c3;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.15em;
}

.made-ledger{
  margin-top:6px;
}

.made-line{
  display:grid;
  grid-template-columns:34px 112px minmax(0,1fr);
  gap:14px;
  align-items:baseline;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.made-line > span{
  color:#bf9d72;
  font:400 12px Georgia,serif;
}

.made-line strong{
  color:#fff4e6;
  font:400 16px/1.2 Georgia,serif;
}

html[lang="zh-CN"] .made-line strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:15px;
}

.made-line em{
  font-style:normal;
  color:#cfc4b7;
  font-size:var(--type-body-small);
  line-height:1.58;
}

html[lang="zh-CN"] .made-line em{
  line-height:1.7;
}

.made-cta{
  color:#f2dfc4 !important;
  margin-top:24px !important;
  align-self:flex-start;
}

.made-visual{
  position:relative;
  min-height:650px;
  overflow:hidden;
  background:#15120f;
}

.made-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.86) brightness(.9) contrast(1.03);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}

.made-visual:hover img{
  transform:scale(1.035);
  filter:saturate(.98) brightness(.95) contrast(1.03);
}

.made-visual-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.14) 57%,rgba(0,0,0,.78) 100%);
}

.made-visual-caption{
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:29px;
  color:#fff;
}

.made-visual-caption span{
  display:block;
  color:#d6b88e;
  font-size:var(--type-eyebrow);
  line-height:1.3;
  letter-spacing:.15em;
}

.made-visual-caption strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .made-visual-caption strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.24;
  letter-spacing:.035em;
}

.made-visual-caption em{
  display:block;
  margin-top:7px;
  max-width:500px;
  color:#d7cfc7;
  font-style:normal;
  font-size:var(--type-body-small);
  line-height:1.62;
}

@media(max-width:1100px){
  .made-stage{
    grid-template-columns:1fr;
  }
  .made-copy{
    padding:56px 7vw 52px;
  }
  .made-visual{
    min-height:520px;
  }
}

@media(max-width:720px){
  .made-copy{
    padding:48px 6vw 44px;
  }
  .made-line{
    grid-template-columns:28px 1fr;
    gap:5px 12px;
  }
  .made-line em{
    grid-column:2;
  }
  .made-visual{
    min-height:400px;
  }
}


/* =========================================================
   V4.18 — 07 About Hanjade
   Brand + manufacturing foundation, with verified company facts.
   ========================================================= */

.about-stage{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:680px;
  background:#0b0a09;
  color:#eee7df;
  overflow:hidden;
}

.about-visual{
  position:relative;
  min-height:680px;
  overflow:hidden;
  background:#171411;
}

.about-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.04) brightness(.78);
  transform:scale(1.001);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}

.about-visual:hover img{
  transform:scale(1.025);
  filter:saturate(.86) contrast(1.03) brightness(.84);
}

.about-visual-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 24%,rgba(0,0,0,.14) 54%,rgba(0,0,0,.78) 100%);
}

.about-visual-note{
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:28px;
}

.about-visual-note span{
  display:block;
  color:#cfad7e;
  font-size:var(--type-eyebrow);
  letter-spacing:.16em;
}

.about-visual-note strong{
  display:block;
  margin-top:8px;
  max-width:520px;
  color:#fff;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .about-visual-note strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
  letter-spacing:.035em;
}

.about-copy{
  padding:60px max(50px,6vw) 52px 58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-index{
  color:#c6a273 !important;
  margin-bottom:20px;
}

.about-copy h2{
  margin:0;
  max-width:850px;
  font:400 var(--type-section-en)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}

html[lang="zh-CN"] .about-copy h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.22;
  letter-spacing:.035em;
}

.about-lead{
  margin:18px 0 0;
  max-width:800px;
  color:#bbb2aa;
  font-size:var(--type-body);
  line-height:1.78;
}

html[lang="zh-CN"] .about-lead{
  line-height:1.9;
  letter-spacing:.015em;
}

.about-positioning{
  margin-top:25px;
  border-top:1px solid rgba(255,255,255,.16);
}

.about-positioning > div{
  display:grid;
  grid-template-columns:34px minmax(150px,.62fr) minmax(240px,1.38fr);
  gap:14px;
  align-items:baseline;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.about-positioning span{
  color:#ad895d;
  font:400 11px Georgia,serif;
}

.about-positioning strong{
  color:#eee4d8;
  font:400 16px/1.2 Georgia,serif;
}

html[lang="zh-CN"] .about-positioning strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:15px;
}

.about-positioning em{
  color:#9e968d;
  font-style:normal;
  font-size:var(--type-body-small);
  line-height:1.6;
}

.about-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
}

.about-stat{
  padding:17px 15px 16px 0;
  border-right:1px solid rgba(255,255,255,.13);
}

.about-stat:last-child{
  border-right:0;
  padding-left:18px;
}

.about-stat:not(:first-child){
  padding-left:18px;
}

.about-stat strong{
  display:block;
  color:#fff7ed;
  font:400 27px/1.1 Georgia,"Times New Roman",serif;
}

.about-stat span{
  display:block;
  margin-top:7px;
  color:#94897e;
  font-size:10.5px;
  line-height:1.4;
  letter-spacing:.14em;
}

.about-cta{
  margin-top:22px !important;
  color:#e3c49d !important;
  align-self:flex-start;
}

@media(max-width:1100px){
  .about-stage{
    grid-template-columns:1fr;
  }
  .about-visual{
    min-height:520px;
  }
  .about-copy{
    padding:56px 7vw 54px;
  }
}

@media(max-width:720px){
  .about-visual{
    min-height:390px;
  }
  .about-copy{
    padding:46px 6vw 48px;
  }
  .about-positioning > div{
    grid-template-columns:28px 1fr;
    gap:5px 10px;
  }
  .about-positioning em{
    grid-column:2;
  }
  .about-stats{
    grid-template-columns:1fr 1fr;
  }
  .about-stat{
    border-bottom:1px solid rgba(255,255,255,.13);
  }
}


/* =========================================================
   V4.19 — 06/07 vertical axis alignment
   Match About split to Made-to-Order split for a continuous grid.
   ========================================================= */

.about-stage{
  grid-template-columns:1.04fr .96fr !important;
}

.about-copy{
  padding:58px max(42px,5vw) 50px 46px !important;
}

.about-lead{
  max-width:720px !important;
}

.about-positioning > div{
  grid-template-columns:32px minmax(140px,.58fr) minmax(220px,1.42fr) !important;
}

@media(max-width:1100px){
  .about-stage{
    grid-template-columns:1fr !important;
  }
  .about-copy{
    padding:54px 7vw 52px !important;
  }
}


/* =========================================================
   V4.20 — 08 Contact / Projects + final footer
   A clean brand closing page.
   ========================================================= */

.contact-final{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  min-height:650px;
  background:#e9dfd1;
  color:#1a1714;
  overflow:hidden;
}

.contact-final-visual{
  position:relative;
  min-height:650px;
  overflow:hidden;
  background:#171411;
}

.contact-final-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.03) brightness(.9);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}

.contact-final-visual:hover img{
  transform:scale(1.03);
  filter:saturate(.96) contrast(1.03) brightness(.95);
}

.contact-final-visual-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 36%,rgba(0,0,0,.12) 56%,rgba(0,0,0,.76) 100%);
}

.contact-final-visual-note{
  position:absolute;
  z-index:2;
  left:32px;
  right:32px;
  bottom:27px;
  color:#fff;
}

.contact-final-visual-note span{
  display:block;
  color:#d4b88e;
  font-size:var(--type-eyebrow);
  letter-spacing:.16em;
}

.contact-final-visual-note strong{
  display:block;
  margin-top:8px;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .contact-final-visual-note strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
  letter-spacing:.035em;
}

.contact-final-copy{
  padding:58px max(44px,5vw) 48px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.contact-final-index{
  color:#876742 !important;
  margin-bottom:20px;
}

.contact-final-copy h2{
  margin:0;
  max-width:820px;
  font:400 var(--type-section-en)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.027em;
}

html[lang="zh-CN"] .contact-final-copy h2{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.22;
  letter-spacing:.035em;
}

.contact-final-lead{
  margin:18px 0 0;
  max-width:720px;
  color:#675e55;
  font-size:var(--type-body);
  line-height:1.78;
}

html[lang="zh-CN"] .contact-final-lead{
  line-height:1.9;
  letter-spacing:.015em;
}

.contact-final-ledger{
  margin-top:30px;
  border-top:1px solid #b5a794;
}

.contact-person{
  display:grid;
  grid-template-columns:36px 145px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:19px 0;
  border-bottom:1px solid #c2b6a5;
}

.contact-person-index{
  align-self:start;
  padding-top:4px;
  color:#96734c;
  font:400 12px Georgia,serif;
}

.contact-person span{
  display:block;
  color:#887866;
  font-size:10.5px;
  line-height:1.4;
  letter-spacing:.13em;
}

.contact-person strong{
  display:block;
  margin-top:6px;
  color:#1e1915;
  font:400 19px Georgia,serif;
  letter-spacing:.05em;
}

.contact-person a{
  display:inline-block;
  color:#211c17;
  font:400 20px Georgia,serif;
  border-bottom:1px solid rgba(33,28,23,.24);
  padding-bottom:2px;
}

.contact-person em{
  display:block;
  margin-top:7px;
  color:#756a5f;
  font-style:normal;
  font-size:var(--type-body-small);
  line-height:1.55;
}

.contact-final-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px 34px;
  margin-top:26px;
}

.contact-final-actions a{
  color:#60472d;
  font-size:14px;
  letter-spacing:.035em;
  padding-bottom:5px;
  border-bottom:1px solid rgba(96,71,45,.32);
}

.contact-final-domain{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:24px;
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid #b5a794;
}

.contact-final-domain span{
  color:#8a7965;
  font-size:10.5px;
  letter-spacing:.15em;
}

.contact-final-domain strong{
  color:#211c17;
  font:400 18px Georgia,serif;
}

.footer-final{
  background:#080706 !important;
  color:#948b82 !important;
  border-top:1px solid rgba(255,255,255,.1);
}

.footer-final .wrap{
  display:grid !important;
  grid-template-columns:1.3fr 1.7fr .7fr 1fr;
  align-items:center;
  gap:24px;
}

.footer-final .footer-logo{
  display:flex;
  align-items:center;
  gap:11px;
}

.footer-final .footer-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
}

.footer-final .footer-logo span{
  color:#d9d0c6;
  letter-spacing:.11em;
}

@media(max-width:1100px){
  .contact-final{
    grid-template-columns:1fr;
  }
  .contact-final-visual{
    min-height:500px;
  }
  .contact-final-copy{
    padding:54px 7vw 50px;
  }
  .footer-final .wrap{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:720px){
  .contact-final-visual{
    min-height:390px;
  }
  .contact-final-copy{
    padding:46px 6vw 44px;
  }
  .contact-person{
    grid-template-columns:30px 1fr;
    gap:7px 12px;
  }
  .contact-person > div:last-child{
    grid-column:2;
  }
  .contact-final-domain{
    display:block;
  }
  .contact-final-domain strong{
    display:block;
    margin-top:7px;
  }
  .footer-final .wrap{
    grid-template-columns:1fr;
    gap:10px;
  }
}


/* =========================================================
   V4.22 — Global Reach Contact
   Replaces product visual with a premium global cooperation map.
   ========================================================= */
.contact-global-visual{
  position:relative;
  min-height:650px;
  overflow:hidden;
  background:#0b0a08;
}
.contact-global-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.92) contrast(1.03);
}
.contact-global-visual-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 35%,rgba(189,149,91,.08),transparent 26%),
    linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.72) 100%);
}
.contact-global-note{
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:30px;
  color:#fff;
}
.contact-global-note span{
  display:block;
  color:#d2b17f;
  font-size:var(--type-eyebrow);
  letter-spacing:.16em;
}
.contact-global-note strong{
  display:block;
  margin-top:8px;
  color:#f7efe5;
  max-width:640px;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}
html[lang="zh-CN"] .contact-global-note strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.24;
  letter-spacing:.035em;
}

.contact-markets{
  margin-top:23px;
  padding:14px 0 15px;
  border-top:1px solid #b9ad9d;
  border-bottom:1px solid #c6baaa;
}
.contact-markets span{
  display:block;
  color:#876f55;
  font-size:10.5px;
  letter-spacing:.16em;
  margin-bottom:8px;
}
.contact-markets p{
  margin:0;
  max-width:760px;
  color:#5f554c;
  font-size:13.5px;
  line-height:1.72;
}
html[lang="zh-CN"] .contact-markets p{
  line-height:1.82;
  letter-spacing:.015em;
}

.contact-global .contact-final-ledger{
  margin-top:18px;
}
.contact-global .contact-final-actions{
  margin-top:22px;
}
.contact-global .contact-final-domain{
  margin-top:26px;
}

@media(max-width:1100px){
  .contact-global-visual{
    min-height:500px;
  }
}
@media(max-width:720px){
  .contact-global-visual{
    min-height:380px;
  }
  .contact-global-note{
    left:22px;
    right:22px;
    bottom:22px;
  }
  .contact-markets p{
    font-size:12.5px;
  }
}


/* =========================================================
   V4.24 — Fused Global Contact Section
   Merge the world-map visual and contact copy into one black-gold block.
   ========================================================= */
.contact-global-fused{
  background:#080706;
  color:#eee4d4;
  grid-template-columns:1.08fr .92fr;
  min-height:640px;
  border-top:1px solid rgba(212,180,127,.16);
}

.contact-global-fused .contact-global-visual,
.contact-global-fused .contact-final-copy{
  min-height:640px;
  background:#080706;
}

.contact-global-fused .contact-global-visual{
  border-right:1px solid rgba(212,180,127,.14);
}

.contact-global-fused .contact-global-visual img{
  filter:brightness(1.02) contrast(1.18) saturate(.88);
  object-position:center;
}

.contact-global-fused .contact-global-visual-shade{
  background:
    radial-gradient(circle at 84% 26%,rgba(213,175,118,.18),transparent 22%),
    linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.44) 76%,rgba(0,0,0,.74) 100%),
    linear-gradient(90deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,.12) 100%);
}

.contact-global-cluster{
  position:absolute;
  z-index:2;
  right:46px;
  top:138px;
  padding:6px 11px 7px;
  border:1px solid rgba(212,180,127,.30);
  color:#e1c290;
  background:rgba(8,7,6,.40);
  backdrop-filter: blur(5px);
  font-size:10px;
  letter-spacing:.18em;
}

.contact-global-fused .contact-global-note{
  left:20px;
  right:30px;
  bottom:18px;
}

.contact-global-fused .contact-global-note span{
  color:#d7b27a;
}

.contact-global-fused .contact-global-note strong{
  color:#f4eadb;
  max-width:560px;
}

.contact-global-fused .contact-final-copy{
  padding:52px max(42px,4vw) 44px 50px;
  justify-content:center;
}

.contact-global-fused .contact-final-index,
.contact-global-fused .contact-markets span,
.contact-global-fused .contact-person-index,
.contact-global-fused .contact-person span,
.contact-global-fused .contact-final-domain span{
  color:#c39a63 !important;
}

.contact-global-fused .contact-final-copy h2,
.contact-global-fused .contact-person strong,
.contact-global-fused .contact-person a,
.contact-global-fused .contact-final-domain strong{
  color:#f2e7d8;
}

.contact-global-fused .contact-final-lead,
.contact-global-fused .contact-markets p,
.contact-global-fused .contact-person em{
  color:#b7a898;
}

.contact-global-fused .contact-final-copy h2{
  max-width:760px;
}

.contact-global-fused .contact-markets,
.contact-global-fused .contact-final-ledger,
.contact-global-fused .contact-person,
.contact-global-fused .contact-final-domain{
  border-color:rgba(212,180,127,.18);
}

.contact-global-fused .contact-final-actions a{
  color:#d7b27a;
  border-bottom:1px solid rgba(215,178,122,.28);
}

.contact-global-fused .contact-final-actions a:hover,
.contact-global-fused .contact-person a:hover{
  color:#f3dfba;
  border-color:rgba(243,223,186,.52);
}

.contact-global-fused .contact-person a{
  border-bottom:1px solid rgba(242,231,216,.24);
}

@media(max-width:1100px){
  .contact-global-fused{
    grid-template-columns:1fr;
  }
  .contact-global-fused .contact-global-visual,
  .contact-global-fused .contact-final-copy{
    min-height:auto;
  }
  .contact-global-fused .contact-global-visual{
    min-height:460px;
    border-right:none;
    border-bottom:1px solid rgba(212,180,127,.14);
  }
}

@media(max-width:720px){
  .contact-global-cluster{
    right:22px;
    top:96px;
    font-size:9px;
    letter-spacing:.14em;
  }
  .contact-global-fused .contact-global-visual{
    min-height:360px;
  }
  .contact-global-fused .contact-final-copy{
    padding:40px 6vw 38px;
  }
}


/* =========================================================
   V4.25 — Global Contact refinement
   1) remove CN/HK/MO/TW marker
   2) brighten world-map golden linework
   3) unify divider alignment and visual weight
   ========================================================= */
.contact-global-fused{
  position:relative;
  align-items:stretch;
  grid-template-columns:1.06fr .94fr;
  min-height:626px;
  border-top:1px solid rgba(212,180,127,.15);
  border-bottom:1px solid rgba(212,180,127,.12);
}

.contact-global-fused .contact-global-visual,
.contact-global-fused .contact-final-copy{
  min-height:626px;
}

.contact-global-fused .contact-global-visual{
  position:relative;
  border-right:1px solid rgba(212,180,127,.16);
  background:#080706;
}

.contact-global-fused .contact-global-visual img{
  filter:brightness(1.16) contrast(1.42) saturate(.96) sepia(.08);
  transform:scale(1.01);
}

.contact-global-fused .contact-global-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 27%, rgba(226,184,112,.24), transparent 16%),
    radial-gradient(circle at 65% 20%, rgba(199,146,70,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,214,153,.02) 0%, rgba(255,214,153,0) 30%, rgba(0,0,0,.08) 100%),
    linear-gradient(90deg, rgba(255,190,104,.04) 0%, rgba(255,190,104,0) 18%, rgba(255,190,104,0) 82%, rgba(255,190,104,.03) 100%);
  mix-blend-mode:screen;
}

.contact-global-fused .contact-global-visual-shade{
  background:
    radial-gradient(circle at 84% 27%, rgba(236,191,120,.16), transparent 18%),
    linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.06) 44%, rgba(0,0,0,.26) 76%, rgba(0,0,0,.56) 100%),
    linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 76%, rgba(0,0,0,.08) 100%);
}

.contact-global-cluster{
  display:none !important;
}

.contact-global-fused .contact-global-note{
  left:22px;
  right:26px;
  bottom:20px;
}

.contact-global-fused .contact-final-copy{
  padding:50px max(42px,4vw) 42px 48px;
}

.contact-global-fused .contact-final-copy h2{
  margin-bottom:20px;
}

.contact-global-fused .contact-final-lead{
  max-width:780px;
}

.contact-global-fused .contact-markets{
  margin-top:20px;
  padding:15px 0 15px;
}

.contact-global-fused .contact-final-ledger{
  margin-top:16px;
  border-top:1px solid rgba(212,180,127,.18);
}

.contact-global-fused .contact-person{
  min-height:86px;
  align-items:center;
}

.contact-global-fused .contact-person:last-child{
  border-bottom:1px solid rgba(212,180,127,.18);
}

.contact-global-fused .contact-final-actions{
  margin-top:20px;
}

.contact-global-fused .contact-final-domain{
  margin-top:22px;
  padding-top:18px;
}

@media(max-width:1100px){
  .contact-global-fused{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .contact-global-fused .contact-global-visual,
  .contact-global-fused .contact-final-copy{
    min-height:auto;
  }
  .contact-global-fused .contact-global-visual{
    min-height:460px;
    border-right:none;
    border-bottom:1px solid rgba(212,180,127,.16);
  }
}

@media(max-width:720px){
  .contact-global-fused .contact-global-visual{
    min-height:360px;
  }
  .contact-global-fused .contact-final-copy{
    padding:40px 6vw 36px;
  }
}


/* =========================================================
   V4.26 — Global map hero redesign
   Merge the map + contact into one premium black-gold block
   Remove the middle divider and emphasize the map itself
   ========================================================= */
.contact-global-fused{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.14fr) minmax(400px, .86fr);
  gap:clamp(28px, 3vw, 52px);
  align-items:start;
  min-height:auto !important;
  padding:34px clamp(24px, 2.2vw, 40px) 30px;
  background:
    radial-gradient(circle at 66% 14%, rgba(198,145,73,.10), transparent 24%),
    radial-gradient(circle at 24% 22%, rgba(205,161,96,.05), transparent 30%),
    linear-gradient(180deg, #090807 0%, #050404 100%);
  border-top:1px solid rgba(212,180,127,.14);
  border-bottom:1px solid rgba(212,180,127,.12);
  overflow:hidden;
}

.contact-global-fused::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,208,140,.03) 0%, rgba(255,208,140,0) 15%, rgba(255,208,140,0) 85%, rgba(255,208,140,.02) 100%),
    linear-gradient(180deg, rgba(255,214,153,.02) 0%, rgba(255,214,153,0) 20%, rgba(0,0,0,0) 78%, rgba(255,214,153,.02) 100%);
}

.contact-global-fused .contact-global-visual,
.contact-global-fused .contact-final-copy{
  min-height:auto !important;
  position:relative;
  z-index:1;
}

.contact-global-fused .contact-global-visual{
  border-right:none !important;
  min-height:580px;
  background:#050404;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(212,180,127,.08);
}

.contact-global-fused .contact-global-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:48% center;
  filter:brightness(1.28) contrast(1.58) saturate(.92) sepia(.12);
  transform:scale(1.015);
}

.contact-global-fused .contact-global-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 83% 26%, rgba(240,194,120,.28), transparent 14%),
    radial-gradient(circle at 76% 23%, rgba(225,172,92,.12), transparent 22%),
    radial-gradient(circle at 22% 17%, rgba(201,146,69,.06), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.08) 44%, rgba(0,0,0,.18) 100%),
    linear-gradient(90deg, rgba(255,206,127,.05) 0%, rgba(255,206,127,0) 12%, rgba(255,206,127,0) 88%, rgba(255,206,127,.04) 100%);
  mix-blend-mode:screen;
}

.contact-global-fused .contact-global-visual-shade{
  background:
    radial-gradient(circle at 83% 26%, rgba(245,198,123,.14), transparent 16%),
    linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.05) 34%, rgba(0,0,0,.20) 76%, rgba(0,0,0,.46) 100%),
    linear-gradient(90deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 77%, rgba(0,0,0,.04) 100%);
}

.contact-global-fused .contact-global-note{
  left:20px;
  right:24px;
  bottom:18px;
  max-width:540px;
}

.contact-global-fused .contact-global-note span{
  color:var(--gold);
  opacity:.92;
}

.contact-global-fused .contact-global-note strong{
  color:#f1e7d6;
  text-shadow:0 0 16px rgba(0,0,0,.35);
}

.contact-global-fused .contact-final-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 2px 6px 0 !important;
  background:transparent !important;
}

.contact-global-fused .contact-final-index,
.contact-global-fused .contact-markets span,
.contact-global-fused .contact-person span,
.contact-global-fused .contact-person-index{
  color:var(--gold);
}

.contact-global-fused .contact-final-copy h2,
.contact-global-fused .contact-final-lead,
.contact-global-fused .contact-markets p,
.contact-global-fused .contact-person strong,
.contact-global-fused .contact-person em,
.contact-global-fused .contact-final-domain,
.contact-global-fused .contact-final-actions a,
.contact-global-fused .contact-final-copy a{
  color:#f1e7d6;
}

.contact-global-fused .contact-final-copy h2{
  margin-bottom:18px;
}

.contact-global-fused .contact-final-lead{
  max-width:680px;
  color:rgba(241,231,214,.86);
}

.contact-global-fused .contact-markets{
  margin-top:18px;
  padding:14px 0 16px;
  border-top:1px solid rgba(212,180,127,.16);
  border-bottom:1px solid rgba(212,180,127,.12);
}

.contact-global-fused .contact-final-ledger{
  margin-top:16px;
  border-top:none;
}

.contact-global-fused .contact-person{
  grid-template-columns:34px 150px 1fr;
  min-height:86px;
  padding:16px 0;
  border-top:1px solid rgba(212,180,127,.14);
}

.contact-global-fused .contact-person:last-child{
  border-bottom:1px solid rgba(212,180,127,.14);
}

.contact-global-fused .contact-person a{
  color:#f6ead5;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}

.contact-global-fused .contact-person em{
  opacity:.82;
}

.contact-global-fused .contact-final-actions{
  margin-top:18px;
}

.contact-global-fused .contact-final-actions a{
  border-bottom-color:rgba(212,180,127,.26);
}

.contact-global-fused .contact-final-domain{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(212,180,127,.12);
}

@media(max-width:1180px){
  .contact-global-fused{
    grid-template-columns:1fr;
    gap:22px;
    padding:28px 18px 24px;
  }
  .contact-global-fused .contact-global-visual{
    min-height:460px;
    border-bottom:none;
  }
  .contact-global-fused .contact-final-copy{
    padding:0 !important;
  }
}

@media(max-width:720px){
  .contact-global-fused .contact-global-visual{
    min-height:340px;
  }
  .contact-global-fused .contact-person{
    grid-template-columns:28px 1fr;
    gap:12px;
  }
  .contact-global-fused .contact-person > div:last-child{
    grid-column:2;
  }
}


/* =========================================================
   V4.27 — Map line boost / border visibility fix
   Focus: make country & continent outlines clearly visible
   ========================================================= */
.contact-global-fused .contact-global-visual img{
  filter: brightness(1.16) contrast(1.12) saturate(.94);
  transform: scale(1.01);
}

.contact-global-fused .contact-global-visual::after{
  background:
    radial-gradient(circle at 80% 26%, rgba(236,191,113,.18), transparent 14%),
    radial-gradient(circle at 72% 22%, rgba(210,158,82,.08), transparent 20%),
    linear-gradient(180deg, rgba(0,0,0,.01) 0%, rgba(0,0,0,.04) 44%, rgba(0,0,0,.10) 100%),
    linear-gradient(90deg, rgba(255,206,127,.025) 0%, rgba(255,206,127,0) 14%, rgba(255,206,127,0) 86%, rgba(255,206,127,.02) 100%);
  mix-blend-mode: screen;
}

.contact-global-fused .contact-global-visual-shade{
  background:
    radial-gradient(circle at 81% 25%, rgba(255,205,128,.10), transparent 16%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.02) 45%, rgba(0,0,0,.10) 100%);
}


/* =========================================================
   V4.28 — Collection / Products overview page
   Editorial archive rather than ecommerce catalogue.
   ========================================================= */

.collection-page{
  background:#eee6da;
  color:#1b1814;
}

.collection-page .nav{
  background:#080706;
  border-bottom:1px solid rgba(255,255,255,.10);
}

/* HERO */
.collection-hero{
  padding:160px 0 0;
  background:
    radial-gradient(circle at 83% 14%,rgba(181,132,70,.14),transparent 23%),
    linear-gradient(180deg,#090807 0%,#0c0a08 100%);
  color:#eee5d9;
}

.collection-hero-grid{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:64px;
  align-items:start;
  padding-bottom:65px;
}

.collection-hero-index .smallcaps{
  color:#c6a071 !important;
}

.collection-hero-count{
  margin-top:40px;
  padding-top:17px;
  border-top:1px solid rgba(210,175,126,.28);
}

.collection-hero-count span{
  display:block;
  color:#f1e5d5;
  font:400 52px/1 Georgia,"Times New Roman",serif;
}

.collection-hero-count em{
  display:block;
  margin-top:8px;
  color:#8f8275;
  font-style:normal;
  font-size:10.5px;
  letter-spacing:.17em;
}

.collection-hero-copy h1{
  margin:0;
  max-width:1050px;
  color:#f5ede2;
  font:400 var(--type-display-en)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.038em;
}

html[lang="zh-CN"] .collection-hero-copy h1{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-display-zh);
  line-height:1.22;
  letter-spacing:.035em;
  max-width:970px;
}

.collection-hero-copy p{
  max-width:820px;
  margin:24px 0 0;
  color:#aaa096;
  font-size:var(--type-body);
  line-height:1.8;
}

html[lang="zh-CN"] .collection-hero-copy p{
  line-height:1.92;
  letter-spacing:.015em;
}

/* CATEGORY INDEX */
.collection-category-index{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border-top:1px solid rgba(210,175,126,.19);
}

.collection-category{
  appearance:none;
  border:0;
  border-right:1px solid rgba(210,175,126,.13);
  border-top:2px solid transparent;
  margin:0;
  padding:19px 18px 21px;
  text-align:left;
  background:transparent;
  color:#9b8e82;
  cursor:pointer;
  transition:background .3s ease,color .3s ease,border-color .3s ease;
}

.collection-category:first-child{
  border-left:1px solid rgba(210,175,126,.13);
}

.collection-category:hover{
  background:rgba(255,255,255,.025);
  color:#d7c7b3;
}

.collection-category.active{
  border-top-color:#bc925b;
  color:#f0e1cd;
  background:rgba(181,132,70,.055);
}

.collection-category span,
.collection-category em{
  color:#96754d;
  font-size:10px;
  font-style:normal;
  letter-spacing:.13em;
}

.collection-category strong{
  display:block;
  min-height:34px;
  margin:7px 0 3px;
  font:400 15px/1.35 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .collection-category strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:14px;
  letter-spacing:.035em;
}

/* TOOLBAR */
.catalogue-stage{
  background:#eee6da;
  min-height:700px;
}

.catalogue-toolbar{
  position:sticky;
  top:94px;
  z-index:30;
  background:rgba(238,230,218,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid #cfc2b1;
}

.catalogue-toolbar-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.catalogue-status{
  display:flex;
  align-items:baseline;
  gap:14px;
}

.catalogue-status span{
  color:#7b6955;
  font-size:11px;
  letter-spacing:.16em;
}

.catalogue-status strong{
  color:#211c17;
  font:400 24px Georgia,"Times New Roman",serif;
}

.catalogue-search{
  width:min(420px,40vw);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  border-bottom:1px solid #9f8d77;
  padding:10px 0 8px;
}

.catalogue-search > span{
  color:#8a765e;
  font-size:10.5px;
  letter-spacing:.16em;
}

.catalogue-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#221c17;
  font:400 14px Georgia,"Times New Roman",serif;
}

.catalogue-search input::placeholder{
  color:#9a8d7f;
}

/* PRODUCT ARCHIVE */
.catalogue-body{
  padding-top:45px;
  padding-bottom:110px;
}

.collection-product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:44px 18px !important;
}

.collection-card{
  color:#1b1814;
}

.collection-card-image{
  position:relative;
  aspect-ratio:1.24/1 !important;
  overflow:hidden;
  background:#d8cebf !important;
}

.collection-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.02) brightness(.96);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;
}

.collection-card:hover .collection-card-image img{
  transform:scale(1.032);
  filter:saturate(.98) contrast(1.03) brightness(.99);
}

.collection-card-view{
  position:absolute;
  right:13px;
  bottom:12px;
  padding:7px 9px;
  background:rgba(8,7,6,.75);
  color:#ead5b5;
  font-size:9.5px;
  letter-spacing:.10em;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .3s ease,transform .3s ease;
}

.collection-card:hover .collection-card-view{
  opacity:1;
  transform:translateY(0);
}

.collection-card-info{
  padding:13px 1px 0 !important;
}

.collection-card-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.collection-card-meta .p-code{
  color:#9b7447 !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
}

.collection-card-meta em{
  color:#938778;
  font-size:9.5px;
  font-style:normal;
  letter-spacing:.10em;
}

.collection-card-info h3{
  margin:8px 0 4px !important;
  color:#1d1915;
  font:400 20px/1.22 Georgia,"Times New Roman",serif !important;
}

html[lang="zh-CN"] .collection-card-info h3{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-size:19px !important;
  letter-spacing:.035em;
}

.collection-card-secondary{
  display:block;
  min-height:22px;
  color:#81766b !important;
  font-size:12.5px !important;
  line-height:1.5;
}

html[lang="zh-CN"] .collection-card-secondary{
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px !important;
}

.catalogue-empty{
  padding:80px 0 130px;
  color:#7b6d5f;
  font:400 28px Georgia,"Times New Roman",serif;
}

/* responsive */
@media(max-width:1280px){
  .collection-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .collection-hero{
    padding-top:120px;
  }
  .collection-hero-grid{
    grid-template-columns:1fr;
    gap:28px;
    padding-bottom:42px;
  }
  .collection-hero-count{
    display:none;
  }
  .collection-category-index{
    grid-template-columns:repeat(3,1fr);
  }
  .catalogue-toolbar{
    top:68px;
  }
  .catalogue-toolbar-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:15px 0;
    gap:12px;
  }
  .catalogue-search{
    width:100%;
  }
  .collection-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:32px 12px !important;
  }
}

@media(max-width:620px){
  .collection-category-index{
    grid-template-columns:repeat(2,1fr);
  }
  .collection-category{
    padding:15px 13px 17px;
  }
  .catalogue-body{
    padding-top:28px;
  }
  .collection-product-grid{
    grid-template-columns:1fr !important;
  }
  .collection-card-image{
    aspect-ratio:1.3/1 !important;
  }
}


/* =========================================================
   V5.0 — 06 MADE TO ORDER / Luxury revision
   Cinematic black-gold bespoke chapter.
   ========================================================= */
.v5-made{
  position:relative;
  min-height:clamp(700px,86vh,810px);
  overflow:hidden;
  background:#080706;
  color:#efe6d8;
  isolation:isolate;
}

.v5-made-bg{
  position:absolute;
  z-index:-3;
  inset:0 0 0 38%;
  overflow:hidden;
}

.v5-made-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  filter:saturate(.66) contrast(1.08) brightness(.57);
  transform:scale(1.012);
}

.v5-made-shade{
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(90deg,#080706 0%,#080706 31%,rgba(8,7,6,.90) 46%,rgba(8,7,6,.42) 72%,rgba(8,7,6,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.02) 39%,rgba(0,0,0,.18) 70%,#080706 100%),
    radial-gradient(circle at 72% 31%,rgba(197,152,86,.12),transparent 28%);
}

.v5-made::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(202,160,98,.09) 0 1px,transparent 1px),
    radial-gradient(circle at 65% 24%,rgba(231,192,130,.06),transparent 19%);
  opacity:.75;
}

.v5-made-head{
  position:relative;
  z-index:2;
  padding-top:clamp(72px,8vh,96px);
  max-width:var(--max);
}

.v5-made-index{
  color:#c8a56a !important;
  margin-bottom:22px;
}

.v5-made-head h2{
  margin:0;
  max-width:720px;
  color:#f1e8dc;
  font:400 var(--type-section-en)/1.04 Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;
  text-wrap:balance;
}

html[lang="zh-CN"] .v5-made-head h2{
  max-width:650px;
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.23;
  letter-spacing:.04em;
}

.v5-made-lead{
  margin:22px 0 0;
  max-width:610px;
  color:#b9aea2;
  font-size:var(--type-body);
  line-height:1.82;
}

html[lang="zh-CN"] .v5-made-lead{
  line-height:1.95;
  letter-spacing:.018em;
}

.v5-made-modes{
  display:flex;
  flex-wrap:wrap;
  gap:9px 23px;
  max-width:650px;
  margin-top:28px;
  padding-top:15px;
  border-top:1px solid rgba(200,165,106,.25);
}

.v5-made-modes span{
  color:#c9aa7c;
  font-size:10.5px;
  letter-spacing:.17em;
}

.v5-made-cta{
  display:inline-block;
  margin-top:25px;
  padding-bottom:6px;
  color:#e0c495;
  border-bottom:1px solid rgba(224,196,149,.36);
  font-size:14px;
  letter-spacing:.035em;
  transition:color .3s ease,border-color .3s ease;
}

.v5-made-cta:hover{
  color:#f5dfb8;
  border-color:rgba(245,223,184,.72);
}

.v5-made-process{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  width:min(var(--max),92vw);
  background:rgba(200,165,106,.18);
  border-top:1px solid rgba(200,165,106,.24);
  border-bottom:1px solid rgba(200,165,106,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.v5-made-step{
  position:relative;
  min-height:166px;
  overflow:hidden;
  color:#f3eadf;
  background:#0c0a08;
}

.v5-made-step img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.06) brightness(.52);
  transform:scale(1.01);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;
}

.v5-made-form img{
  filter:grayscale(.32) sepia(.32) contrast(1.04) brightness(.47);
}

.v5-made-step:hover img{
  transform:scale(1.045);
  filter:saturate(.9) contrast(1.06) brightness(.61);
}

.v5-made-form:hover img{
  filter:grayscale(.18) sepia(.26) contrast(1.05) brightness(.57);
}

.v5-made-step-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.17) 0%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.84) 100%),
    linear-gradient(90deg,rgba(8,7,6,.18),rgba(8,7,6,.02));
}

.v5-made-step-copy{
  position:absolute;
  z-index:2;
  left:20px;
  right:18px;
  bottom:17px;
}

.v5-made-step-copy > span{
  display:block;
  margin-bottom:6px;
  color:#c8a56a;
  font:400 11px Georgia,"Times New Roman",serif;
  letter-spacing:.13em;
}

.v5-made-step-copy strong{
  display:block;
  color:#f3eadf;
  font:400 22px/1.12 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .v5-made-step-copy strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:20px;
  letter-spacing:.04em;
}

.v5-made-step-copy em{
  display:block;
  max-width:30ch;
  margin-top:7px;
  color:#bbb0a3;
  font-style:normal;
  font-size:12.5px;
  line-height:1.5;
}

html[lang="zh-CN"] .v5-made-step-copy em{
  line-height:1.65;
}

@media(max-width:1100px){
  .v5-made{
    min-height:auto;
    padding-bottom:34px;
  }
  .v5-made-bg{
    inset:0 0 0 24%;
  }
  .v5-made-head{
    padding-bottom:54px;
  }
  .v5-made-process{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    margin-top:10px;
    grid-template-columns:repeat(2,1fr);
  }
  .v5-made-step{
    min-height:190px;
  }
}

@media(max-width:680px){
  .v5-made-bg{
    inset:0;
  }
  .v5-made-shade{
    background:linear-gradient(180deg,rgba(8,7,6,.82) 0%,rgba(8,7,6,.88) 48%,#080706 100%);
  }
  .v5-made-head{
    padding-top:64px;
    padding-bottom:34px;
  }
  .v5-made-process{
    grid-template-columns:1fr;
    width:92vw;
  }
  .v5-made-step{
    min-height:165px;
  }
}


/* =========================================================
   V5.1 — 06 MADE TO ORDER / REDESIGN
   Full-width quiet-luxury background, stable 2-column layout.
   ========================================================= */

.v51-made{
  position:relative;
  min-height:660px;
  height:min(74vw,760px);
  max-height:760px;
  overflow:hidden;
  background:#080706;
  color:#efe6d8;
  isolation:isolate;
}

.v51-made-bg{
  position:absolute;
  inset:0;
  z-index:-3;
}

.v51-made-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 56%;
  filter:saturate(.72) contrast(1.04) brightness(.70);
  transform:scale(1.015);
}

.v51-made-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(5,5,4,.97) 0%,
      rgba(5,5,4,.93) 28%,
      rgba(5,5,4,.70) 52%,
      rgba(5,5,4,.47) 72%,
      rgba(5,5,4,.54) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.12) 0%,
      rgba(0,0,0,.02) 45%,
      rgba(0,0,0,.42) 100%);
}

.v51-made::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 74% 35%,rgba(195,143,75,.12),transparent 22%),
    linear-gradient(180deg,rgba(215,180,126,.035),transparent 25%);
}

.v51-made-grid{
  height:100%;
  min-height:660px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);
  gap:clamp(54px,6vw,110px);
  align-items:center;
  padding-top:42px;
  padding-bottom:42px;
}

.v51-made-copy{
  align-self:center;
  max-width:730px;
}

.v51-made-index{
  color:#c9a36d !important;
  margin-bottom:22px;
}

.v51-made-copy h2{
  margin:0;
  max-width:720px;
  color:#f4eadb;
  font:400 var(--type-section-en)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.027em;
}

html[lang="zh-CN"] .v51-made-copy h2{
  max-width:660px;
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.23;
  letter-spacing:.035em;
}

.v51-made-lead{
  max-width:660px;
  margin:22px 0 0;
  color:rgba(239,230,216,.72);
  font-size:var(--type-body);
  line-height:1.82;
}

html[lang="zh-CN"] .v51-made-lead{
  line-height:1.94;
  letter-spacing:.018em;
}

.v51-made-modes{
  display:flex;
  flex-wrap:wrap;
  gap:9px 23px;
  margin-top:34px;
  padding:16px 0;
  border-top:1px solid rgba(201,163,109,.22);
  border-bottom:1px solid rgba(201,163,109,.14);
}

.v51-made-modes span{
  color:#d9ba8f;
  font-size:10.5px;
  letter-spacing:.15em;
  line-height:1.4;
}

.v51-made-cta{
  display:inline-flex;
  margin-top:28px;
  padding-bottom:5px;
  color:#e4c494;
  border-bottom:1px solid rgba(228,196,148,.32);
  font-size:14px;
  letter-spacing:.035em;
}

.v51-made-cta:hover{
  color:#f6dfb9;
  border-color:rgba(246,223,185,.65);
}

/* RIGHT SYSTEM */
.v51-made-system{
  align-self:center;
  background:rgba(8,7,6,.42);
  border-top:1px solid rgba(204,169,117,.28);
  border-bottom:1px solid rgba(204,169,117,.20);
  backdrop-filter:blur(8px);
}

.v51-made-system-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 2px 14px;
  border-bottom:1px solid rgba(204,169,117,.16);
}

.v51-made-system-label span,
.v51-made-system-label em{
  color:#c09a68;
  font-size:10px;
  font-style:normal;
  letter-spacing:.17em;
}

.v51-made-row{
  display:grid;
  grid-template-columns:38px minmax(150px,.72fr) minmax(230px,1.28fr);
  gap:18px;
  align-items:center;
  min-height:106px;
  padding:16px 2px;
  color:#efe6d8;
  border-bottom:1px solid rgba(204,169,117,.13);
  transition:background .3s ease,padding .3s ease;
}

.v51-made-row:last-child{
  border-bottom:0;
}

.v51-made-row:hover{
  background:rgba(201,163,109,.055);
  padding-left:10px;
  padding-right:10px;
}

.v51-made-no{
  align-self:start;
  padding-top:4px;
  color:#c79c65;
  font:400 12px Georgia,"Times New Roman",serif;
}

.v51-made-row strong{
  display:block;
  color:#f4eadb;
  font:400 var(--type-card-en)/1.15 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .v51-made-row strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
  letter-spacing:.035em;
}

.v51-made-row em{
  display:block;
  margin-top:6px;
  color:#a99885;
  font-style:normal;
  font-size:10px;
  letter-spacing:.095em;
  line-height:1.45;
}

.v51-made-row p{
  margin:0;
  color:#c1b5a6;
  font-size:var(--type-body-small);
  line-height:1.62;
}

html[lang="zh-CN"] .v51-made-row p{
  line-height:1.72;
}

/* discreet visual credit */
.v51-made-artnote{
  position:absolute;
  right:28px;
  bottom:18px;
  display:flex;
  gap:9px;
  align-items:baseline;
  color:rgba(234,218,194,.56);
  font-size:9.5px;
  letter-spacing:.10em;
}

.v51-made-artnote strong{
  font-weight:400;
}

@media(max-width:1180px){
  .v51-made{
    height:auto;
    max-height:none;
    min-height:auto;
  }
  .v51-made-grid{
    min-height:auto;
    grid-template-columns:1fr;
    gap:40px;
    padding-top:72px;
    padding-bottom:70px;
  }
  .v51-made-overlay{
    background:
      linear-gradient(90deg,rgba(5,5,4,.94),rgba(5,5,4,.72)),
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.40));
  }
  .v51-made-system{
    max-width:850px;
  }
}

@media(max-width:720px){
  .v51-made-grid{
    padding-top:58px;
    padding-bottom:60px;
    gap:34px;
  }
  .v51-made-row{
    grid-template-columns:30px 1fr;
    gap:7px 12px;
    min-height:auto;
    padding:16px 0;
  }
  .v51-made-row p{
    grid-column:2;
  }
  .v51-made-artnote{
    display:none;
  }
}


/* =========================================================
   V5.2 — UNIFIED LUXURY LANGUAGE / SECTIONS 05–08
   One grid, one palette, one rhythm, one type hierarchy.
   ========================================================= */

:root{
  --lux-bg:#080706;
  --lux-bg-soft:#0d0b09;
  --lux-ivory:#efe6d8;
  --lux-muted:#b9ad9f;
  --lux-gold:#c8a56a;
  --lux-line:rgba(200,165,106,.18);
  --lux-line-soft:rgba(200,165,106,.11);
}

/* common chapter */
.lux-chain{
  position:relative;
  min-height:640px;
  background:
    radial-gradient(circle at 82% 15%,rgba(177,128,63,.09),transparent 24%),
    linear-gradient(180deg,var(--lux-bg) 0%,#060504 100%);
  color:var(--lux-ivory);
  border-top:1px solid var(--lux-line-soft);
  overflow:hidden;
}

.lux-grid{
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(600px,1.22fr);
  gap:clamp(58px,6vw,104px);
  align-items:center;
  padding-top:66px;
  padding-bottom:66px;
}

.lux-kicker{
  color:var(--lux-gold) !important;
  margin-bottom:22px;
}

.lux-title{
  margin:0;
  max-width:760px;
  color:var(--lux-ivory);
  font:400 var(--type-section-en)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:-.027em;
}

html[lang="zh-CN"] .lux-title{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-section-zh);
  line-height:1.23;
  letter-spacing:.035em;
}

.lux-lead{
  max-width:690px;
  margin:22px 0 0;
  color:var(--lux-muted);
  font-size:var(--type-body);
  line-height:1.82;
}

html[lang="zh-CN"] .lux-lead{
  line-height:1.94;
  letter-spacing:.015em;
}

.lux-signature{
  margin-top:38px;
  max-width:320px;
  padding-top:16px;
  border-top:1px solid var(--lux-line);
}

.lux-signature span{
  display:block;
  color:#8f7a61;
  font-size:10px;
  letter-spacing:.18em;
}

.lux-signature strong{
  display:block;
  margin-top:7px;
  color:#e4d6c4;
  font:400 19px Georgia,"Times New Roman",serif;
  letter-spacing:.04em;
}

/* shared ledger */
.lux-ledger{
  background:rgba(8,7,6,.34);
  border-top:1px solid var(--lux-line);
  border-bottom:1px solid var(--lux-line-soft);
  backdrop-filter:blur(8px);
}

.lux-ledger-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 2px 13px;
  border-bottom:1px solid var(--lux-line-soft);
}

.lux-ledger-head span,
.lux-ledger-head em{
  color:#b68e59;
  font-size:10px;
  font-style:normal;
  letter-spacing:.17em;
}

.lux-row{
  display:grid;
  grid-template-columns:38px minmax(170px,.72fr) minmax(260px,1.28fr);
  gap:19px;
  align-items:center;
  min-height:112px;
  padding:17px 2px;
  border-bottom:1px solid var(--lux-line-soft);
  transition:background .28s ease,padding .28s ease;
}

.lux-row:last-child{border-bottom:0}

.lux-row:hover{
  background:rgba(200,165,106,.045);
  padding-left:9px;
  padding-right:9px;
}

.lux-no{
  align-self:start;
  padding-top:3px;
  color:var(--lux-gold);
  font:400 12px Georgia,"Times New Roman",serif;
}

.lux-row-name strong{
  display:block;
  color:#f2e8da;
  font:400 var(--type-card-en)/1.15 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .lux-row-name strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.24;
  letter-spacing:.035em;
}

.lux-row-name em{
  display:block;
  margin-top:6px;
  color:#998a78;
  font-size:10px;
  font-style:normal;
  letter-spacing:.09em;
  line-height:1.45;
}

.lux-row > p{
  margin:0;
  color:#bdb1a2;
  font-size:var(--type-body-small);
  line-height:1.65;
}

html[lang="zh-CN"] .lux-row > p{
  line-height:1.76;
}

.lux-cta{
  display:inline-flex;
  margin-top:27px;
  padding-bottom:5px;
  color:#dfbe8b;
  border-bottom:1px solid rgba(223,190,139,.30);
  font-size:14px;
  letter-spacing:.035em;
}

.lux-cta:hover{
  color:#f3d9af;
  border-color:rgba(243,217,175,.65);
}

.lux-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px 23px;
  margin-top:32px;
  padding:15px 0;
  border-top:1px solid var(--lux-line);
  border-bottom:1px solid var(--lux-line-soft);
}

.lux-tags span{
  color:#d2ad78;
  font-size:10px;
  letter-spacing:.15em;
}

/* 05 */
.lux-05::before{
  content:"05";
  position:absolute;
  right:-.02em;
  bottom:-.18em;
  color:rgba(200,165,106,.025);
  font:400 360px/1 Georgia,"Times New Roman",serif;
  pointer-events:none;
}

/* 06 */
.lux-06{
  isolation:isolate;
}

.lux-06-bg{
  position:absolute;
  inset:0;
  z-index:-3;
}

.lux-06-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 56%;
  filter:saturate(.72) contrast(1.04) brightness(.67);
  transform:scale(1.015);
}

.lux-06-veil{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(5,5,4,.96) 0%,rgba(5,5,4,.91) 32%,rgba(5,5,4,.69) 56%,rgba(5,5,4,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.30));
}

.lux-06::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 76% 36%,rgba(196,143,73,.11),transparent 20%);
}

.lux-artnote{
  position:absolute;
  right:28px;
  bottom:18px;
  display:flex;
  gap:9px;
  align-items:baseline;
  color:rgba(232,217,196,.50);
  font-size:9.5px;
  letter-spacing:.10em;
}

/* 07 */
.lux-about-grid{
  grid-template-columns:minmax(470px,1.02fr) minmax(520px,.98fr);
  gap:clamp(44px,4.5vw,82px);
}

.lux-about-visual{
  position:relative;
  height:500px;
  overflow:hidden;
  background:#161310;
}

.lux-about-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.66) contrast(1.05) brightness(.74);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}

.lux-about-visual:hover img{
  transform:scale(1.022);
  filter:saturate(.78) contrast(1.04) brightness(.79);
}

.lux-about-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(0,0,0,.67) 100%);
}

.lux-about-caption{
  position:absolute;
  left:26px;
  right:26px;
  bottom:22px;
}

.lux-about-caption span{
  display:block;
  color:var(--lux-gold);
  font-size:10px;
  letter-spacing:.16em;
}

.lux-about-caption strong{
  display:block;
  margin-top:7px;
  color:#f1e7da;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .lux-about-caption strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
}

.lux-about-lines{
  margin-top:25px;
  border-top:1px solid var(--lux-line);
}

.lux-about-lines > div{
  display:grid;
  grid-template-columns:34px 170px minmax(220px,1fr);
  gap:14px;
  align-items:baseline;
  padding:10px 0;
  border-bottom:1px solid var(--lux-line-soft);
}

.lux-about-lines span{
  color:var(--lux-gold);
  font:400 11px Georgia,"Times New Roman",serif;
}

.lux-about-lines strong{
  color:#e9ded0;
  font:400 15px Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .lux-about-lines strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
}

.lux-about-lines em{
  color:#9f9180;
  font-size:12px;
  font-style:normal;
}

.lux-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:25px;
  border-top:1px solid var(--lux-line);
  border-bottom:1px solid var(--lux-line);
}

.lux-stats > div{
  padding:16px 15px 15px 0;
  border-right:1px solid var(--lux-line-soft);
}

.lux-stats > div:not(:first-child){padding-left:16px}
.lux-stats > div:last-child{border-right:0}

.lux-stats strong{
  display:block;
  color:#f4e9da;
  font:400 25px/1.1 Georgia,"Times New Roman",serif;
}

.lux-stats span{
  display:block;
  margin-top:6px;
  color:#8e806f;
  font-size:9.5px;
  letter-spacing:.13em;
}

/* 08 */
.lux-08{
  min-height:660px;
}

.lux-global-wrap{
  min-height:660px;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);
  gap:clamp(34px,4vw,72px);
  align-items:center;
  width:min(var(--max),93vw);
  margin:0 auto;
  padding:38px 0 34px;
}

.lux-global-map{
  position:relative;
  height:570px;
  overflow:hidden;
  background:#050403;
}

.lux-global-map img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.13) contrast(1.18) saturate(.92);
}

.lux-global-map-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 83% 28%,rgba(236,191,113,.14),transparent 16%),
    linear-gradient(180deg,rgba(0,0,0,.00) 20%,rgba(0,0,0,.09) 64%,rgba(0,0,0,.55) 100%);
}

.lux-global-caption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
}

.lux-global-caption span{
  color:var(--lux-gold);
  font-size:10px;
  letter-spacing:.16em;
}

.lux-global-caption strong{
  display:block;
  margin-top:7px;
  color:#efe4d3;
  font:400 var(--type-card-en)/1.16 Georgia,"Times New Roman",serif;
}

html[lang="zh-CN"] .lux-global-caption strong{
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  font-size:var(--type-card-zh);
  line-height:1.25;
}

.lux-global-copy{
  padding-right:2px;
}

.lux-market-line{
  margin-top:23px;
  padding:14px 0 15px;
  border-top:1px solid var(--lux-line);
  border-bottom:1px solid var(--lux-line-soft);
}

.lux-market-line span{
  color:var(--lux-gold);
  font-size:10px;
  letter-spacing:.16em;
}

.lux-market-line p{
  margin:7px 0 0;
  color:#aa9c8b;
  font-size:12.5px;
  line-height:1.7;
}

.lux-contact-ledger{
  margin-top:16px;
}

.lux-contact-row{
  display:grid;
  grid-template-columns:34px 145px minmax(250px,1fr);
  gap:14px;
  align-items:center;
  min-height:86px;
  padding:14px 0;
  border-top:1px solid var(--lux-line-soft);
}

.lux-contact-row:last-child{
  border-bottom:1px solid var(--lux-line-soft);
}

.lux-contact-row em{
  display:block;
  color:#a1835c;
  font-size:9.5px;
  font-style:normal;
  letter-spacing:.11em;
}

.lux-contact-row strong{
  display:block;
  margin-top:5px;
  color:#eee3d4;
  font:400 17px Georgia,"Times New Roman",serif;
}

.lux-contact-row a{
  color:#f0e2ce;
  font:400 18px Georgia,"Times New Roman",serif;
  border-bottom:1px solid rgba(240,226,206,.22);
}

.lux-contact-row p{
  margin:6px 0 0;
  color:#95897c;
  font-size:12px;
}

.lux-global-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px 30px;
  margin-top:19px;
}

.lux-global-actions a{
  padding-bottom:5px;
  color:#d7b27a;
  border-bottom:1px solid rgba(215,178,122,.27);
  font-size:13px;
}

.lux-domain{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  margin-top:21px;
  padding-top:16px;
  border-top:1px solid var(--lux-line-soft);
}

.lux-domain span{
  color:#967951;
  font-size:9.5px;
  letter-spacing:.15em;
}

.lux-domain strong{
  color:#e8dccd;
  font:400 16px Georgia,"Times New Roman",serif;
}

/* responsive */
@media(max-width:1180px){
  .lux-grid,
  .lux-about-grid{
    grid-template-columns:1fr;
    min-height:auto;
    gap:40px;
    padding-top:62px;
    padding-bottom:62px;
  }

  .lux-chain{min-height:auto}

  .lux-ledger{max-width:900px}

  .lux-global-wrap{
    grid-template-columns:1fr;
    min-height:auto;
    gap:24px;
    padding:30px 0;
  }

  .lux-global-map{height:460px}
}

@media(max-width:720px){
  .lux-grid{
    padding-top:52px;
    padding-bottom:54px;
    gap:32px;
  }

  .lux-row{
    grid-template-columns:30px 1fr;
    gap:7px 12px;
    min-height:auto;
    padding:15px 0;
  }

  .lux-row > p{grid-column:2}

  .lux-about-visual{height:360px}

  .lux-about-lines > div{
    grid-template-columns:28px 1fr;
    gap:5px 10px;
  }

  .lux-about-lines em{grid-column:2}

  .lux-stats{grid-template-columns:1fr 1fr}

  .lux-global-map{height:340px}

  .lux-contact-row{
    grid-template-columns:28px 1fr;
    gap:8px 12px;
  }

  .lux-contact-row > div:last-child{grid-column:2}
  .lux-domain{display:block}
  .lux-domain strong{display:block;margin-top:6px}
}


/* =========================================================
   V5.3 — 05–08 QUIET LUXURY FINISH
   Refines color, typography, spacing and line hierarchy
   without changing the V5.2 structure.
   ========================================================= */

:root{
  --lux-bg:#080706;
  --lux-bg-soft:#0b0908;
  --lux-bg-warm:#0e0b09;
  --lux-ivory:#eee7dd;
  --lux-ivory-soft:#d8cfc3;
  --lux-muted:#9f9589;
  --lux-muted-2:#746b61;
  --lux-gold:#b89a67;
  --lux-gold-soft:#8f744d;
  --lux-line:rgba(184,154,103,.16);
  --lux-line-soft:rgba(184,154,103,.085);
  --lux-display-font:"Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  --lux-cn-font:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
}

/* ---------------------------------------------------------
   GLOBAL RHYTHM FOR 05–08
   --------------------------------------------------------- */
.lux-chain{
  background:
    radial-gradient(circle at 78% 12%,rgba(158,118,66,.055),transparent 23%),
    linear-gradient(180deg,#090807 0%,#070605 100%) !important;
  color:var(--lux-ivory);
  border-top:1px solid rgba(184,154,103,.075) !important;
}

.lux-05{
  background:
    radial-gradient(circle at 86% 18%,rgba(164,125,72,.045),transparent 25%),
    linear-gradient(180deg,#0a0908 0%,#080706 100%) !important;
}

.lux-06{
  background:#090807 !important;
}

.lux-07{
  background:
    radial-gradient(circle at 18% 16%,rgba(150,112,65,.045),transparent 24%),
    linear-gradient(180deg,#080706 0%,#0a0807 100%) !important;
}

.lux-08{
  background:
    radial-gradient(circle at 71% 10%,rgba(167,125,68,.052),transparent 20%),
    linear-gradient(180deg,#070605 0%,#050404 100%) !important;
}

/* ---------------------------------------------------------
   TYPOGRAPHY: lighter, taller, more editorial
   --------------------------------------------------------- */
.lux-kicker{
  color:var(--lux-gold) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  letter-spacing:.235em !important;
  font-weight:400 !important;
  opacity:.92;
  margin-bottom:24px !important;
}

.lux-title{
  color:var(--lux-ivory) !important;
  font-family:var(--lux-display-font) !important;
  font-size:clamp(43px,3.35vw,58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.032em !important;
  font-weight:400 !important;
  text-wrap:balance;
  max-width:760px !important;
}

html[lang="zh-CN"] .lux-title{
  font-family:var(--lux-cn-font) !important;
  font-size:clamp(38px,2.8vw,50px) !important;
  line-height:1.34 !important;
  letter-spacing:.045em !important;
  font-weight:400 !important;
  max-width:720px !important;
}

.lux-lead{
  color:var(--lux-muted) !important;
  font-size:15px !important;
  line-height:1.88 !important;
  letter-spacing:.006em !important;
  max-width:660px !important;
  margin-top:24px !important;
}

html[lang="zh-CN"] .lux-lead{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14.5px !important;
  line-height:2 !important;
  letter-spacing:.025em !important;
}

/* Shared editorial ledger */
.lux-ledger{
  background:rgba(8,7,6,.20) !important;
  border-top:1px solid var(--lux-line) !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
  backdrop-filter:blur(10px);
}

.lux-ledger-head{
  padding:15px 0 14px !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-ledger-head span,
.lux-ledger-head em{
  color:var(--lux-gold-soft) !important;
  font-size:9.5px !important;
  letter-spacing:.22em !important;
  font-weight:400 !important;
}

.lux-row{
  grid-template-columns:42px minmax(178px,.70fr) minmax(280px,1.30fr) !important;
  gap:20px !important;
  min-height:112px !important;
  padding:20px 0 !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-row:hover{
  background:rgba(184,154,103,.026) !important;
  padding-left:8px !important;
  padding-right:8px !important;
}

.lux-no{
  color:var(--lux-gold-soft) !important;
  font-family:var(--lux-display-font) !important;
  font-size:11px !important;
  letter-spacing:.11em !important;
}

.lux-row-name strong{
  color:#eadfd1 !important;
  font-family:var(--lux-display-font) !important;
  font-size:22px !important;
  line-height:1.16 !important;
  letter-spacing:-.005em !important;
  font-weight:400 !important;
}

html[lang="zh-CN"] .lux-row-name strong{
  font-family:var(--lux-cn-font) !important;
  font-size:21px !important;
  line-height:1.28 !important;
  letter-spacing:.055em !important;
}

.lux-row-name em{
  color:var(--lux-muted-2) !important;
  font-size:9px !important;
  letter-spacing:.14em !important;
  line-height:1.55 !important;
  margin-top:8px !important;
}

.lux-row > p{
  color:#a89d91 !important;
  font-size:13px !important;
  line-height:1.72 !important;
  letter-spacing:.003em !important;
}

html[lang="zh-CN"] .lux-row > p{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:12.5px !important;
  line-height:1.85 !important;
  letter-spacing:.018em !important;
}

/* tags / CTA */
.lux-tags{
  margin-top:34px !important;
  padding:17px 0 16px !important;
  border-top:1px solid var(--lux-line-soft) !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
  gap:10px 26px !important;
}

.lux-tags span{
  color:#a98a5f !important;
  font-size:9.5px !important;
  letter-spacing:.18em !important;
}

.lux-cta{
  margin-top:30px !important;
  color:#c8a875 !important;
  border-bottom:1px solid rgba(200,168,117,.25) !important;
  font-size:12.5px !important;
  letter-spacing:.075em !important;
  padding-bottom:6px !important;
}

.lux-cta:hover{
  color:#ead1a9 !important;
  border-color:rgba(234,209,169,.48) !important;
}

/* ---------------------------------------------------------
   05 CAPABILITIES
   --------------------------------------------------------- */
.lux-05::before{
  color:rgba(184,154,103,.014) !important;
  font-family:var(--lux-display-font) !important;
  font-size:330px !important;
}

.lux-signature{
  margin-top:42px !important;
  max-width:300px !important;
  padding-top:17px !important;
  border-top:1px solid var(--lux-line-soft) !important;
}

.lux-signature span{
  color:var(--lux-muted-2) !important;
  font-size:9px !important;
  letter-spacing:.21em !important;
}

.lux-signature strong{
  margin-top:9px !important;
  color:#d9cdbc !important;
  font-family:var(--lux-display-font) !important;
  font-size:18px !important;
  font-weight:400 !important;
  letter-spacing:.055em !important;
}

/* ---------------------------------------------------------
   06 MADE TO ORDER
   Make image more cinematic but less loud
   --------------------------------------------------------- */
.lux-06-bg img{
  filter:saturate(.54) contrast(1.06) brightness(.55) !important;
  object-position:center 53% !important;
}

.lux-06-veil{
  background:
    linear-gradient(90deg,
      rgba(5,4,4,.985) 0%,
      rgba(5,4,4,.94) 30%,
      rgba(5,4,4,.79) 53%,
      rgba(5,4,4,.58) 74%,
      rgba(5,4,4,.63) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.42)) !important;
}

.lux-06::after{
  background:
    radial-gradient(circle at 76% 38%,rgba(167,124,68,.085),transparent 20%),
    linear-gradient(180deg,rgba(184,154,103,.02),transparent 24%) !important;
}

.lux-artnote{
  color:rgba(216,199,176,.36) !important;
  font-size:8.5px !important;
  letter-spacing:.14em !important;
}

/* ---------------------------------------------------------
   07 ABOUT
   --------------------------------------------------------- */
.lux-about-visual{
  height:520px !important;
  background:#11100e !important;
}

.lux-about-visual img{
  filter:saturate(.50) contrast(1.08) brightness(.61) !important;
}

.lux-about-visual:hover img{
  filter:saturate(.62) contrast(1.07) brightness(.66) !important;
}

.lux-about-shade{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 22%,rgba(0,0,0,.19) 58%,rgba(0,0,0,.75) 100%) !important;
}

.lux-about-caption{
  left:28px !important;
  right:28px !important;
  bottom:24px !important;
}

.lux-about-caption span{
  color:var(--lux-gold) !important;
  font-size:9.5px !important;
  letter-spacing:.20em !important;
}

.lux-about-caption strong{
  color:#e9dfd1 !important;
  font-family:var(--lux-display-font) !important;
  font-size:23px !important;
  font-weight:400 !important;
  letter-spacing:.005em !important;
}

html[lang="zh-CN"] .lux-about-caption strong{
  font-family:var(--lux-cn-font) !important;
  font-size:22px !important;
  letter-spacing:.055em !important;
}

.lux-about-lines{
  margin-top:28px !important;
  border-top:1px solid var(--lux-line-soft) !important;
}

.lux-about-lines > div{
  padding:12px 0 !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-about-lines span{
  color:var(--lux-gold-soft) !important;
  font-size:10px !important;
}

.lux-about-lines strong{
  color:#dcd0c1 !important;
  font-family:var(--lux-display-font) !important;
  font-size:15px !important;
  font-weight:400 !important;
}

html[lang="zh-CN"] .lux-about-lines strong{
  font-family:var(--lux-cn-font) !important;
  font-size:15px !important;
  letter-spacing:.05em !important;
}

.lux-about-lines em{
  color:#81766a !important;
  font-size:11.5px !important;
  letter-spacing:.01em !important;
}

.lux-stats{
  margin-top:28px !important;
  border-top:1px solid var(--lux-line-soft) !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-stats > div{
  padding-top:18px !important;
  padding-bottom:17px !important;
  border-right:1px solid var(--lux-line-soft) !important;
}

.lux-stats strong{
  color:#e8ddcf !important;
  font-family:var(--lux-display-font) !important;
  font-size:25px !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
}

.lux-stats span{
  color:#756b61 !important;
  font-size:8.5px !important;
  letter-spacing:.17em !important;
}

/* ---------------------------------------------------------
   08 GLOBAL
   Quieter gold, no "tech dashboard" feeling
   --------------------------------------------------------- */
.lux-global-wrap{
  min-height:650px !important;
  padding-top:44px !important;
  padding-bottom:40px !important;
}

.lux-global-map{
  height:560px !important;
  background:#050403 !important;
  box-shadow:inset 0 0 0 1px rgba(184,154,103,.05);
}

.lux-global-map img{
  filter:brightness(.98) contrast(1.10) saturate(.72) !important;
}

.lux-global-map-shade{
  background:
    radial-gradient(circle at 83% 28%,rgba(183,142,83,.085),transparent 17%),
    linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.10) 60%,rgba(0,0,0,.62) 100%) !important;
}

.lux-global-caption{
  left:22px !important;
  bottom:20px !important;
}

.lux-global-caption span{
  color:var(--lux-gold) !important;
  font-size:9.5px !important;
  letter-spacing:.20em !important;
}

.lux-global-caption strong{
  color:#e6dccf !important;
  font-family:var(--lux-display-font) !important;
  font-size:23px !important;
  font-weight:400 !important;
}

html[lang="zh-CN"] .lux-global-caption strong{
  font-family:var(--lux-cn-font) !important;
  font-size:22px !important;
  letter-spacing:.055em !important;
}

.lux-market-line{
  margin-top:26px !important;
  padding:16px 0 !important;
  border-top:1px solid var(--lux-line-soft) !important;
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-market-line span{
  color:var(--lux-gold-soft) !important;
  font-size:9px !important;
  letter-spacing:.20em !important;
}

.lux-market-line p{
  color:#8e8276 !important;
  font-size:11.5px !important;
  line-height:1.78 !important;
}

.lux-contact-row{
  min-height:90px !important;
  padding:16px 0 !important;
  border-top:1px solid var(--lux-line-soft) !important;
}

.lux-contact-row:last-child{
  border-bottom:1px solid var(--lux-line-soft) !important;
}

.lux-contact-row em{
  color:var(--lux-gold-soft) !important;
  font-size:8.5px !important;
  letter-spacing:.16em !important;
}

.lux-contact-row strong{
  color:#e8ddcf !important;
  font-family:var(--lux-display-font) !important;
  font-size:17px !important;
  letter-spacing:.06em !important;
}

.lux-contact-row a{
  color:#e8ddcf !important;
  font-family:var(--lux-display-font) !important;
  font-size:18px !important;
  border-bottom:1px solid rgba(232,221,207,.14) !important;
}

.lux-contact-row p{
  color:#7e746a !important;
  font-size:11.5px !important;
  line-height:1.6 !important;
}

.lux-global-actions{
  margin-top:22px !important;
  gap:14px 32px !important;
}

.lux-global-actions a{
  color:#b99968 !important;
  border-bottom:1px solid rgba(185,153,104,.22) !important;
  font-size:11.5px !important;
  letter-spacing:.055em !important;
}

.lux-domain{
  margin-top:23px !important;
  padding-top:17px !important;
  border-top:1px solid var(--lux-line-soft) !important;
}

.lux-domain span{
  color:#705f49 !important;
  font-size:8.5px !important;
  letter-spacing:.19em !important;
}

.lux-domain strong{
  color:#dcd0c1 !important;
  font-family:var(--lux-display-font) !important;
  font-size:16px !important;
  font-weight:400 !important;
}

/* ---------------------------------------------------------
   SECTION TRANSITIONS: visually connect 05 → 08
   --------------------------------------------------------- */
.lux-05,
.lux-06,
.lux-07,
.lux-08{
  box-shadow:none !important;
}

.lux-05 + .lux-06,
.lux-06 + .lux-07,
.lux-07 + .lux-08{
  border-top:1px solid rgba(184,154,103,.07) !important;
}

/* Desktop breathing room */
@media(min-width:1181px){
  .lux-grid{
    min-height:650px !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  .lux-05 .lux-grid,
  .lux-07 .lux-grid{
    min-height:665px !important;
  }
}

/* Responsive keeps the same hierarchy */
@media(max-width:1180px){
  .lux-title{
    font-size:46px !important;
  }
  html[lang="zh-CN"] .lux-title{
    font-size:40px !important;
  }
  .lux-row{
    min-height:104px !important;
  }
}

@media(max-width:720px){
  .lux-title{
    font-size:38px !important;
  }
  html[lang="zh-CN"] .lux-title{
    font-size:33px !important;
    line-height:1.35 !important;
  }
  .lux-lead{
    font-size:14px !important;
  }
  .lux-global-map{
    height:330px !important;
  }
  .lux-about-visual{
    height:340px !important;
  }
}


/* =========================================================
   V5.4 — 07–08 SMOKED BRONZE LUXURY SUITE
   Keep 05–06 unchanged.
   07 and 08 become one warm, luxurious chapter:
   smoked bronze / deep mocha / champagne / warm ivory.
   ========================================================= */

:root{
  --bronze-bg-1:#211710;
  --bronze-bg-2:#2a1f17;
  --bronze-bg-3:#33251a;
  --bronze-bg-4:#3a2b20;
  --bronze-gold:#c9aa72;
  --bronze-gold-soft:#a68558;
  --bronze-ivory:#f0e6d8;
  --bronze-muted:#c2b2a2;
  --bronze-muted-2:#9d8978;
  --bronze-line:rgba(213,178,118,.18);
  --bronze-line-soft:rgba(213,178,118,.10);
}

/* ---------------------------------------------------------
   Shared 07 + 08 visual chapter
   --------------------------------------------------------- */
.lux-07,
.lux-08{
  background:
    radial-gradient(circle at 78% 16%,rgba(203,161,96,.12),transparent 24%),
    radial-gradient(circle at 18% 82%,rgba(142,92,52,.10),transparent 28%),
    linear-gradient(135deg,
      var(--bronze-bg-1) 0%,
      var(--bronze-bg-2) 42%,
      var(--bronze-bg-3) 76%,
      #261b14 100%) !important;
  color:var(--bronze-ivory) !important;
  border-top:none !important;
}

.lux-07{
  position:relative;
  padding-bottom:0 !important;
}

.lux-08{
  position:relative;
  border-top:1px solid rgba(218,181,121,.09) !important;
}

.lux-07::after{
  content:"";
  position:absolute;
  left:7vw;
  right:7vw;
  bottom:0;
  height:1px;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(215,180,118,.16) 18%,
      rgba(215,180,118,.28) 50%,
      rgba(215,180,118,.16) 82%,
      transparent 100%);
}

.lux-07 .lux-kicker,
.lux-08 .lux-kicker{
  color:var(--bronze-gold) !important;
}

.lux-07 .lux-title,
.lux-08 .lux-title{
  color:var(--bronze-ivory) !important;
}

.lux-07 .lux-lead,
.lux-08 .lux-lead{
  color:var(--bronze-muted) !important;
}

/* ---------------------------------------------------------
   07 ABOUT — "private residence / atelier" tone
   --------------------------------------------------------- */
.lux-07 .lux-about-grid{
  grid-template-columns:minmax(480px,1.03fr) minmax(520px,.97fr) !important;
  gap:clamp(48px,5vw,88px) !important;
  padding-top:76px !important;
  padding-bottom:78px !important;
}

.lux-07 .lux-about-visual{
  height:520px !important;
  background:#281e17 !important;
  box-shadow:
    0 30px 60px rgba(15,9,5,.22),
    inset 0 0 0 1px rgba(213,178,118,.10);
}

.lux-07 .lux-about-visual::before{
  content:"";
  position:absolute;
  inset:16px;
  z-index:2;
  border:1px solid rgba(223,190,135,.12);
  pointer-events:none;
}

.lux-07 .lux-about-visual img{
  filter:
    saturate(.62)
    sepia(.10)
    contrast(1.05)
    brightness(.70) !important;
}

.lux-07 .lux-about-visual:hover img{
  filter:
    saturate(.72)
    sepia(.08)
    contrast(1.04)
    brightness(.75) !important;
}

.lux-07 .lux-about-shade{
  background:
    linear-gradient(180deg,
      rgba(42,27,18,.05) 0%,
      rgba(35,24,17,.12) 46%,
      rgba(22,14,10,.74) 100%),
    linear-gradient(90deg,
      rgba(181,126,76,.07) 0%,
      rgba(181,126,76,0) 55%) !important;
}

.lux-07 .lux-about-caption{
  left:30px !important;
  right:30px !important;
  bottom:28px !important;
}

.lux-07 .lux-about-caption span{
  color:var(--bronze-gold) !important;
}

.lux-07 .lux-about-caption strong{
  color:var(--bronze-ivory) !important;
}

.lux-07 .lux-about-lines{
  border-top:1px solid var(--bronze-line) !important;
}

.lux-07 .lux-about-lines > div{
  border-bottom:1px solid var(--bronze-line-soft) !important;
}

.lux-07 .lux-about-lines span{
  color:var(--bronze-gold-soft) !important;
}

.lux-07 .lux-about-lines strong{
  color:#eadbc8 !important;
}

.lux-07 .lux-about-lines em{
  color:#a89583 !important;
}

.lux-07 .lux-stats{
  border-top:1px solid var(--bronze-line) !important;
  border-bottom:1px solid var(--bronze-line) !important;
}

.lux-07 .lux-stats > div{
  border-right:1px solid var(--bronze-line-soft) !important;
}

.lux-07 .lux-stats strong{
  color:#f0e0cb !important;
}

.lux-07 .lux-stats span{
  color:#9d846b !important;
}

.lux-07 .lux-cta{
  color:#d7b77f !important;
  border-bottom-color:rgba(215,183,127,.28) !important;
}

/* ---------------------------------------------------------
   08 GLOBAL — same suite, slightly richer bronze
   --------------------------------------------------------- */
.lux-08{
  background:
    radial-gradient(circle at 70% 18%,rgba(211,167,99,.15),transparent 20%),
    radial-gradient(circle at 20% 70%,rgba(126,80,46,.13),transparent 30%),
    linear-gradient(135deg,
      #241811 0%,
      #2d2118 38%,
      #37281d 70%,
      #2a1c14 100%) !important;
}

.lux-08 .lux-global-wrap{
  min-height:650px !important;
  padding-top:50px !important;
  padding-bottom:48px !important;
}

.lux-08 .lux-global-map{
  height:555px !important;
  background:#201710 !important;
  box-shadow:
    0 30px 70px rgba(18,10,5,.24),
    inset 0 0 0 1px rgba(218,181,121,.10);
}

.lux-08 .lux-global-map::before{
  content:"";
  position:absolute;
  inset:16px;
  z-index:2;
  border:1px solid rgba(219,184,126,.10);
  pointer-events:none;
}

.lux-08 .lux-global-map img{
  filter:
    brightness(1.02)
    contrast(1.10)
    saturate(.76)
    sepia(.16) !important;
}

.lux-08 .lux-global-map-shade{
  background:
    radial-gradient(circle at 82% 27%,rgba(236,191,113,.14),transparent 17%),
    linear-gradient(180deg,
      rgba(37,25,17,.00) 18%,
      rgba(37,25,17,.12) 56%,
      rgba(24,15,10,.72) 100%),
    linear-gradient(90deg,
      rgba(139,89,50,.05) 0%,
      rgba(139,89,50,0) 48%,
      rgba(203,153,88,.04) 100%) !important;
}

.lux-08 .lux-global-caption span{
  color:var(--bronze-gold) !important;
}

.lux-08 .lux-global-caption strong{
  color:#efe0cc !important;
}

.lux-08 .lux-market-line{
  border-top:1px solid var(--bronze-line) !important;
  border-bottom:1px solid var(--bronze-line-soft) !important;
}

.lux-08 .lux-market-line span{
  color:var(--bronze-gold-soft) !important;
}

.lux-08 .lux-market-line p{
  color:#aa9684 !important;
}

.lux-08 .lux-contact-row{
  border-top:1px solid var(--bronze-line-soft) !important;
}

.lux-08 .lux-contact-row:last-child{
  border-bottom:1px solid var(--bronze-line-soft) !important;
}

.lux-08 .lux-contact-row .lux-no,
.lux-08 .lux-contact-row em{
  color:var(--bronze-gold-soft) !important;
}

.lux-08 .lux-contact-row strong{
  color:#eadac6 !important;
}

.lux-08 .lux-contact-row a{
  color:#f0dfca !important;
  border-bottom-color:rgba(240,223,202,.17) !important;
}

.lux-08 .lux-contact-row p{
  color:#9f8d7d !important;
}

.lux-08 .lux-global-actions a{
  color:#d0ae77 !important;
  border-bottom-color:rgba(208,174,119,.24) !important;
}

.lux-08 .lux-domain{
  border-top:1px solid var(--bronze-line-soft) !important;
}

.lux-08 .lux-domain span{
  color:#9b7b55 !important;
}

.lux-08 .lux-domain strong{
  color:#e4d4c0 !important;
}

/* ---------------------------------------------------------
   Make 07 → 08 read like one long editorial chapter
   --------------------------------------------------------- */
.lux-07 .wrap,
.lux-08 .lux-global-wrap{
  width:min(var(--max),93vw) !important;
}

.lux-07 .lux-title,
.lux-08 .lux-title{
  text-shadow:0 1px 0 rgba(255,255,255,.01);
}

@media(min-width:1181px){
  .lux-07 .lux-about-copy{
    padding-top:10px;
  }
  .lux-08 .lux-global-copy{
    padding-top:6px;
  }
}

@media(max-width:1180px){
  .lux-07 .lux-about-grid{
    grid-template-columns:1fr !important;
    padding-top:60px !important;
    padding-bottom:62px !important;
  }
  .lux-08 .lux-global-wrap{
    padding-top:38px !important;
    padding-bottom:42px !important;
  }
}

@media(max-width:720px){
  .lux-07 .lux-about-visual{
    height:350px !important;
  }
  .lux-08 .lux-global-map{
    height:330px !important;
  }
}


/* =========================================================
   V5.5 — 01–02 SMOKED BRONZE LUXURY SUITE
   Match the successful visual language of 07–08.
   Structure/content unchanged.
   ========================================================= */

:root{
  --bronze-bg-1:#211710;
  --bronze-bg-2:#2a1f17;
  --bronze-bg-3:#33251a;
  --bronze-bg-4:#3a2b20;
  --bronze-gold:#c9aa72;
  --bronze-gold-soft:#a68558;
  --bronze-ivory:#f0e6d8;
  --bronze-muted:#c2b2a2;
  --bronze-muted-2:#9d8978;
  --bronze-line:rgba(213,178,118,.18);
  --bronze-line-soft:rgba(213,178,118,.10);
  --lux-display-font:"Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  --lux-cn-font:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
}

/* =========================================================
   01 · THE COLLECTION
   Deep smoked bronze — editorial collection chapter
   ========================================================= */

#collection{
  position:relative;
  background:
    radial-gradient(circle at 82% 12%,rgba(204,160,94,.105),transparent 22%),
    radial-gradient(circle at 18% 84%,rgba(139,90,52,.09),transparent 27%),
    linear-gradient(135deg,
      #1d140f 0%,
      #261b14 38%,
      #302218 72%,
      #241811 100%) !important;
  color:var(--bronze-ivory) !important;
  padding-top:74px !important;
  padding-bottom:94px !important;
  border-top:1px solid rgba(213,178,118,.08);
  border-bottom:1px solid rgba(213,178,118,.08);
  overflow:hidden;
}

#collection::before{
  content:"01";
  position:absolute;
  right:-.015em;
  top:-.15em;
  color:rgba(221,183,119,.018);
  font:400 350px/1 var(--lux-display-font);
  pointer-events:none;
}

#collection .section-head{
  position:relative;
  z-index:2;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  margin-bottom:42px !important;
}

#collection .section-num{
  color:var(--bronze-gold) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  letter-spacing:.225em !important;
  font-weight:400 !important;
  padding-top:8px !important;
}

#collection .section-head h2{
  margin:0 !important;
  max-width:900px !important;
  color:var(--bronze-ivory) !important;
  font-family:var(--lux-display-font) !important;
  font-size:clamp(43px,3.35vw,58px) !important;
  font-weight:400 !important;
  line-height:1.04 !important;
  letter-spacing:-.032em !important;
}

html[lang="zh-CN"] #collection .section-head h2{
  max-width:780px !important;
  color:var(--bronze-ivory) !important;
  font-family:var(--lux-cn-font) !important;
  font-size:clamp(38px,2.8vw,50px) !important;
  line-height:1.34 !important;
  letter-spacing:.045em !important;
}

#collection .section-intro{
  margin-top:20px !important;
  max-width:760px !important;
  color:var(--bronze-muted) !important;
  font-size:15px !important;
  line-height:1.88 !important;
  letter-spacing:.006em !important;
}

html[lang="zh-CN"] #collection .section-intro{
  color:var(--bronze-muted) !important;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14.5px !important;
  line-height:2 !important;
  letter-spacing:.025em !important;
}

/* gallery geometry remains unchanged; only finish changes */
#collection .collections{
  position:relative;
  z-index:2;
  gap:16px !important;
}

#collection .collection{
  background:#17110d !important;
  box-shadow:
    0 22px 48px rgba(12,7,4,.20),
    inset 0 0 0 1px rgba(219,183,123,.08);
}

#collection .collection::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(221,187,128,.085);
  pointer-events:none;
}

#collection .collection img{
  filter:
    saturate(.67)
    sepia(.09)
    contrast(1.055)
    brightness(.79) !important;
}

#collection .collection:hover img{
  transform:scale(1.032) !important;
  filter:
    saturate(.78)
    sepia(.06)
    contrast(1.045)
    brightness(.85) !important;
}

#collection .collection:after{
  background:
    linear-gradient(180deg,
      rgba(25,15,10,.01) 20%,
      rgba(25,15,10,.10) 48%,
      rgba(20,11,7,.86) 100%) !important;
}

#collection .collection-txt{
  left:30px !important;
  right:30px !important;
  bottom:28px !important;
}

#collection .collection-txt .count{
  color:var(--bronze-gold) !important;
  font-size:10.5px !important;
  letter-spacing:.19em !important;
}

#collection .collection-txt h3{
  margin:9px 0 7px !important;
  color:#f0e4d5 !important;
  font-family:var(--lux-display-font) !important;
  font-size:31px !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  letter-spacing:-.012em !important;
}

html[lang="zh-CN"] #collection .collection-txt h3{
  color:#f0e4d5 !important;
  font-family:var(--lux-cn-font) !important;
  font-size:29px !important;
  line-height:1.24 !important;
  letter-spacing:.055em !important;
}

#collection .collection-txt p{
  color:#a99a89 !important;
  font-size:12px !important;
  letter-spacing:.025em !important;
}

#collection .collection-arrow{
  margin-top:12px !important;
  color:#c4a16f !important;
  font-size:11px !important;
  letter-spacing:.085em !important;
  opacity:.68 !important;
}

#collection .collection:hover .collection-arrow{
  opacity:1 !important;
}


/* =========================================================
   02 · MATERIAL PLATFORM
   Warm antique bronze — material atelier chapter
   ========================================================= */

.material-story{
  position:relative;
  background:
    radial-gradient(circle at 20% 18%,rgba(224,188,126,.105),transparent 23%),
    radial-gradient(circle at 82% 72%,rgba(126,75,43,.11),transparent 27%),
    linear-gradient(135deg,
      #36271d 0%,
      #3e2d21 40%,
      #473326 72%,
      #332319 100%) !important;
  color:var(--bronze-ivory) !important;
  padding:78px 0 90px !important;
  border-bottom:1px solid rgba(213,178,118,.09);
  overflow:hidden;
}

.material-story::before{
  content:"02";
  position:absolute;
  right:-.01em;
  top:-.19em;
  color:rgba(229,195,137,.022);
  font:400 340px/1 var(--lux-display-font);
  pointer-events:none;
}

.material-story-head{
  position:relative;
  z-index:2;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  margin-bottom:42px !important;
}

.material-index{
  color:var(--bronze-gold) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  letter-spacing:.225em !important;
  font-weight:400 !important;
  padding-top:8px !important;
}

.material-story-head h2{
  margin:0 !important;
  max-width:900px !important;
  color:var(--bronze-ivory) !important;
  font-family:var(--lux-display-font) !important;
  font-size:clamp(43px,3.35vw,58px) !important;
  font-weight:400 !important;
  line-height:1.04 !important;
  letter-spacing:-.032em !important;
}

html[lang="zh-CN"] .material-story-head h2{
  max-width:780px !important;
  color:var(--bronze-ivory) !important;
  font-family:var(--lux-cn-font) !important;
  font-size:clamp(38px,2.8vw,50px) !important;
  line-height:1.34 !important;
  letter-spacing:.045em !important;
}

.material-story-head p{
  margin-top:20px !important;
  max-width:760px !important;
  color:var(--bronze-muted) !important;
  font-size:15px !important;
  line-height:1.88 !important;
}

html[lang="zh-CN"] .material-story-head p{
  color:var(--bronze-muted) !important;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14.5px !important;
  line-height:2 !important;
  letter-spacing:.025em !important;
}

/* three material boards */
.material-gallery--boards{
  position:relative;
  z-index:2;
  gap:16px !important;
}

.material-board{
  background:#261a13 !important;
  box-shadow:
    0 22px 48px rgba(19,10,5,.18),
    inset 0 0 0 1px rgba(222,187,127,.08);
}

.material-board::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(225,192,134,.085);
  pointer-events:none;
}

.material-board img{
  filter:
    saturate(.73)
    sepia(.07)
    contrast(1.045)
    brightness(.84) !important;
}

.material-board:hover img{
  transform:scale(1.028) !important;
  filter:
    saturate(.83)
    sepia(.045)
    contrast(1.04)
    brightness(.90) !important;
}

.material-board:after{
  background:
    linear-gradient(180deg,
      rgba(31,18,11,.01) 15%,
      rgba(31,18,11,.10) 48%,
      rgba(24,13,8,.83) 100%) !important;
}

.material-board .material-caption{
  left:27px !important;
  right:27px !important;
  bottom:24px !important;
}

.material-board .material-caption span{
  color:var(--bronze-gold) !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  margin-bottom:8px !important;
}

.material-board .material-caption strong{
  margin-bottom:9px !important;
  color:#f0e3d2 !important;
  font-family:var(--lux-display-font) !important;
  font-size:26px !important;
  font-weight:400 !important;
  line-height:1.10 !important;
}

html[lang="zh-CN"] .material-board .material-caption strong{
  color:#f0e3d2 !important;
  font-family:var(--lux-cn-font) !important;
  font-size:25px !important;
  line-height:1.25 !important;
  letter-spacing:.055em !important;
}

.material-board .material-caption em{
  color:#b8a797 !important;
  font-size:12px !important;
  line-height:1.72 !important;
}

html[lang="zh-CN"] .material-board .material-caption em{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:11.5px !important;
  line-height:1.82 !important;
}

/* material footer becomes champagne-metal detail */
.material-footer{
  position:relative;
  z-index:2;
  padding-top:30px !important;
  border-top:1px solid rgba(213,178,118,.10);
  margin-top:30px !important;
}

.material-terms{
  gap:9px 30px !important;
}

.material-terms span{
  color:#a99073 !important;
  font-size:9.5px !important;
  letter-spacing:.17em !important;
}

.material-link{
  color:#d0ae78 !important;
  border-bottom:1px solid rgba(208,174,120,.25);
  padding-bottom:5px;
  font-size:11.5px !important;
  letter-spacing:.065em !important;
}


/* =========================================================
   01 → 02 TRANSITION
   Same visual family, subtle chapter shift
   ========================================================= */

#collection + .material-story{
  border-top:1px solid rgba(222,187,126,.075) !important;
}

@media(min-width:1181px){
  #collection .wrap,
  .material-story .wrap{
    width:min(var(--max),93vw) !important;
  }
}

@media(max-width:980px){
  #collection{
    padding-top:58px !important;
    padding-bottom:72px !important;
  }

  .material-story{
    padding-top:58px !important;
    padding-bottom:72px !important;
  }

  #collection .section-head,
  .material-story-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-bottom:30px !important;
  }

  #collection .section-head h2,
  .material-story-head h2{
    font-size:43px !important;
  }

  html[lang="zh-CN"] #collection .section-head h2,
  html[lang="zh-CN"] .material-story-head h2{
    font-size:37px !important;
  }
}

@media(max-width:720px){
  #collection .section-head h2,
  .material-story-head h2{
    font-size:37px !important;
  }

  html[lang="zh-CN"] #collection .section-head h2,
  html[lang="zh-CN"] .material-story-head h2{
    font-size:32px !important;
  }
}


/* =========================================================
   V5.6 — 03–04 ART EDITORIAL REFINEMENT
   04 now uses the same warm-paper background family as 03.
   Both sections gain a more artistic, catalogue-like feeling.
   ========================================================= */

:root{
  --paper-warm:#f0eadf;
  --paper-warm-2:#e8dece;
  --paper-ink:#1c1713;
  --paper-copy:#6d645b;
  --paper-copy-2:#867a6d;
  --paper-gold:#a9885f;
  --paper-line:#c9bcaa;
  --paper-line-soft:rgba(126,106,80,.16);
  --paper-frame:rgba(146,118,83,.16);
  --paper-display:"Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  --paper-cn:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
}

/* ---------------------------------------------------------
   Shared 03 / 04 paper editorial rhythm
   --------------------------------------------------------- */
.sketch-story,
.selected-section{
  position:relative;
  background:var(--paper-warm) !important;
  color:var(--paper-ink) !important;
  overflow:hidden;
}

.sketch-story::before,
.selected-section::before{
  position:absolute;
  right:-.01em;
  top:-.17em;
  color:rgba(154,127,89,.045);
  font:400 310px/1 var(--paper-display);
  pointer-events:none;
}

.sketch-story::before{content:"03";}
.selected-section::before{content:"04";}

.sketch-story-head,
.selected-head{
  position:relative;
  z-index:2;
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:42px !important;
  align-items:start !important;
  margin-bottom:44px !important;
}

.sketch-index,
.selected-head .section-num{
  color:var(--paper-gold) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  letter-spacing:.225em !important;
  font-weight:400 !important;
  padding-top:8px !important;
}

.sketch-story-head h2,
.selected-head h2{
  margin:0 !important;
  max-width:860px !important;
  color:var(--paper-ink) !important;
  font-family:var(--paper-display) !important;
  font-size:clamp(42px,3.2vw,56px) !important;
  font-weight:400 !important;
  line-height:1.04 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

html[lang="zh-CN"] .sketch-story-head h2,
html[lang="zh-CN"] .selected-head h2{
  color:var(--paper-ink) !important;
  font-family:var(--paper-cn) !important;
  font-size:clamp(36px,2.65vw,48px) !important;
  line-height:1.34 !important;
  letter-spacing:.05em !important;
}

.sketch-story-head p,
.selected-head .section-intro{
  margin-top:20px !important;
  max-width:720px !important;
  color:var(--paper-copy) !important;
  font-size:14.5px !important;
  line-height:1.95 !important;
  letter-spacing:.008em !important;
}

html[lang="zh-CN"] .sketch-story-head p,
html[lang="zh-CN"] .selected-head .section-intro{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14px !important;
  line-height:2.02 !important;
  letter-spacing:.025em !important;
}

/* ---------------------------------------------------------
   03 — sketch page refined like a design folio
   --------------------------------------------------------- */
.sketch-story{
  padding:104px 0 110px !important;
  border-top:1px solid rgba(169,136,95,.08);
  border-bottom:1px solid rgba(169,136,95,.08);
}

.sketch-feature{
  width:min(var(--max),93vw)!important;
  gap:16px !important;
  min-height:620px !important;
}

.sketch-feature-image,
.sketch-feature-object{
  background:#e4d9ca !important;
  box-shadow:
    0 18px 40px rgba(44,31,20,.07),
    inset 0 0 0 1px rgba(153,122,86,.10);
}

.sketch-feature-image::before,
.sketch-feature-object::before,
.sketch-archive-card::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid var(--paper-frame);
  pointer-events:none;
}

.sketch-feature-image{
  padding:36px !important;
}

.sketch-feature-image .sketch-art{
  filter:saturate(.50) contrast(.96) brightness(.99) !important;
}

.sketch-stamp{
  left:30px !important;
  bottom:26px !important;
  color:var(--paper-copy-2) !important;
}

.sketch-stamp span{
  font-size:9.5px !important;
  letter-spacing:.18em !important;
}

.sketch-stamp strong{
  margin-top:6px !important;
  color:var(--paper-ink) !important;
  font-family:var(--paper-display) !important;
  font-size:20px !important;
  font-weight:400 !important;
}

.sketch-feature-object img{
  filter:saturate(.72) contrast(1.03) brightness(.90) !important;
}

.sketch-feature-object:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.01) 43%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.76) 100%) !important;
}

.sketch-object-copy{
  left:34px !important;
  right:34px !important;
  bottom:30px !important;
}

.sketch-object-copy span{
  color:#d1b389 !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
}

.sketch-object-copy strong{
  color:#f7f2ec !important;
  font-family:var(--paper-display) !important;
  font-size:32px !important;
  font-weight:400 !important;
  line-height:1.10 !important;
  margin:10px 0 8px !important;
}

html[lang="zh-CN"] .sketch-object-copy strong{
  font-family:var(--paper-cn) !important;
  font-size:30px !important;
  line-height:1.24 !important;
  letter-spacing:.05em !important;
}

.sketch-object-copy em{
  color:#ddd4ca !important;
  font-size:13px !important;
  line-height:1.72 !important;
}

.sketch-archive{
  width:min(var(--max),93vw)!important;
  gap:16px !important;
  margin-top:16px !important;
}

.sketch-archive-card{
  position:relative;
  background:var(--paper-warm-2) !important;
  border-top:1px solid var(--paper-line) !important;
  transition:background .35s ease,transform .35s ease,box-shadow .35s ease !important;
  box-shadow:0 12px 26px rgba(38,24,14,.04);
}

.sketch-archive-card:hover{
  background:#e3d7c6 !important;
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(38,24,14,.08);
}

.sketch-archive-pair{
  aspect-ratio:1.9/1 !important;
}

.sketch-archive-pair img:first-child{
  filter:saturate(.48) contrast(.97) !important;
}

.sketch-archive-card>div:last-child{
  padding:19px 22px 22px !important;
}

.sketch-archive-card span{
  color:var(--paper-copy-2) !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
}

.sketch-archive-card strong{
  color:var(--paper-ink) !important;
  font-family:var(--paper-display) !important;
  font-size:20px !important;
  font-weight:400 !important;
}

html[lang="zh-CN"] .sketch-archive-card strong{
  font-family:var(--paper-cn) !important;
  font-size:19px !important;
  letter-spacing:.05em !important;
}

/* ---------------------------------------------------------
   04 — same warm paper background, more artistic grid
   --------------------------------------------------------- */
.selected-section{
  padding:100px 0 108px !important;
  border-top:1px solid rgba(169,136,95,.08);
  border-bottom:1px solid rgba(169,136,95,.08);
}

.selected-head{
  margin-bottom:40px !important;
}

.selected-grid{
  gap:14px !important;
  grid-template-rows:clamp(285px,31vh,345px) clamp(215px,24vh,255px) !important;
}

.selected-item{
  position:relative;
  background:#ddd3c5 !important;
  color:#fff;
  box-shadow:
    0 16px 34px rgba(36,23,14,.05),
    inset 0 0 0 1px rgba(147,118,83,.08);
}

.selected-item::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(231,214,191,.12);
  pointer-events:none;
}

.selected-item img{
  filter:saturate(.74) contrast(1.03) brightness(.88) !important;
}

.selected-item:hover img{
  filter:saturate(.84) contrast(1.03) brightness(.94) !important;
}

.selected-item:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.01) 28%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.83) 100%) !important;
}

.selected-copy{
  left:24px !important;
  right:24px !important;
  bottom:20px !important;
}

.selected-main .selected-copy{
  left:32px !important;
  right:32px !important;
  bottom:28px !important;
  max-width:590px !important;
}

.selected-code{
  color:#d4b78b !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  margin-bottom:9px !important;
}

.selected-copy h3{
  color:#fbf7f1 !important;
  font-family:var(--paper-display) !important;
  font-size:27px !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  letter-spacing:-.01em !important;
  margin:0 0 8px !important;
}

html[lang="zh-CN"] .selected-copy h3{
  font-family:var(--paper-cn) !important;
  font-size:25px !important;
  line-height:1.24 !important;
  letter-spacing:.05em !important;
}

.selected-main .selected-copy h3{
  font-size:33px !important;
}

html[lang="zh-CN"] .selected-main .selected-copy h3{
  font-size:31px !important;
}

.selected-copy p{
  color:#ded5cb !important;
  font-size:12.5px !important;
  line-height:1.72 !important;
  max-width:48ch !important;
}

html[lang="zh-CN"] .selected-copy p{
  font-size:12px !important;
  line-height:1.82 !important;
}

.selected-small .selected-copy{
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
}

/* make 04 feel more curated/editorial */
.selected-main{
  grid-column:1 / 7;
  grid-row:1 / 3;
}
.selected-fu008{
  grid-column:7 / 10;
  grid-row:1;
}
.selected-cc001{
  grid-column:10 / 13;
  grid-row:1;
}
.selected-ho027{
  grid-column:7 / 9;
  grid-row:2;
}
.selected-ho033{
  grid-column:9 / 11;
  grid-row:2;
}
.selected-cr001{
  grid-column:11 / 13;
  grid-row:2;
}

@media(max-width:980px){
  .sketch-story,
  .selected-section{
    padding:72px 0 78px !important;
  }

  .sketch-story-head,
  .selected-head{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-bottom:30px !important;
  }

  .sketch-story-head h2,
  .selected-head h2{
    font-size:40px !important;
  }

  html[lang="zh-CN"] .sketch-story-head h2,
  html[lang="zh-CN"] .selected-head h2{
    font-size:35px !important;
  }

  .selected-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
    gap:12px !important;
  }

  .selected-item,
  .selected-main,
  .selected-fu008,
  .selected-cc001,
  .selected-ho027,
  .selected-ho033,
  .selected-cr001{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:330px !important;
  }

  .selected-main{
    min-height:420px !important;
  }
}

@media(max-width:720px){
  .sketch-story-head h2,
  .selected-head h2{
    font-size:35px !important;
  }

  html[lang="zh-CN"] .sketch-story-head h2,
  html[lang="zh-CN"] .selected-head h2{
    font-size:31px !important;
  }

  .sketch-feature-image,
  .sketch-feature-object{
    min-height:390px !important;
  }
}


/* =========================================================
   V5.7 — COLLECTION PAGE / LUXURY ARCHIVE
   Matches the current homepage visual system.
   ========================================================= */

.collection-page{
  background:#eee7dc !important;
  color:#1c1713 !important;
}

/* Header remains dark but warmer */
.collection-page .nav{
  background:rgba(18,12,9,.96) !important;
  border-bottom:1px solid rgba(202,169,112,.12) !important;
  backdrop-filter:blur(16px);
}

/* ---------------------------------------------------------
   HERO — smoked bronze / quiet luxury
   --------------------------------------------------------- */
.collection-hero{
  position:relative;
  padding:156px 0 0 !important;
  background:
    radial-gradient(circle at 82% 15%,rgba(211,171,108,.12),transparent 24%),
    radial-gradient(circle at 18% 82%,rgba(126,78,45,.10),transparent 30%),
    linear-gradient(135deg,#211710 0%,#2b2018 44%,#37281d 76%,#281b14 100%) !important;
  color:#efe6d8 !important;
  overflow:hidden;
}

.collection-hero::before{
  content:"COLLECTION";
  position:absolute;
  right:-.03em;
  top:24px;
  color:rgba(226,190,130,.025);
  font:400 170px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
  pointer-events:none;
}

.collection-hero-grid{
  position:relative;
  z-index:2;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:58px !important;
  padding-bottom:62px !important;
}

.collection-hero-index .smallcaps{
  color:#c7a36d !important;
  font-size:10.5px !important;
  letter-spacing:.22em !important;
}

.collection-hero-count{
  margin-top:38px !important;
  padding-top:17px !important;
  border-top:1px solid rgba(210,175,126,.17) !important;
}

.collection-hero-count span{
  color:#f0e3d3 !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:55px !important;
  font-weight:400 !important;
}

.collection-hero-count em{
  margin-top:9px !important;
  color:#9f8870 !important;
  font-size:9.5px !important;
  letter-spacing:.18em !important;
}

.collection-hero-copy h1{
  max-width:1050px !important;
  color:#f1e6d7 !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:clamp(48px,4.25vw,72px) !important;
  font-weight:400 !important;
  line-height:1.01 !important;
  letter-spacing:-.035em !important;
}

html[lang="zh-CN"] .collection-hero-copy h1{
  max-width:900px !important;
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif) !important;
  font-size:clamp(42px,3.4vw,58px) !important;
  line-height:1.32 !important;
  letter-spacing:.045em !important;
}

.collection-hero-copy p{
  max-width:780px !important;
  margin-top:25px !important;
  color:#b9a999 !important;
  font-size:15px !important;
  line-height:1.9 !important;
}

html[lang="zh-CN"] .collection-hero-copy p{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:14.5px !important;
  line-height:2 !important;
  letter-spacing:.025em !important;
}

/* ---------------------------------------------------------
   CATEGORY INDEX — fashion catalogue tabs
   --------------------------------------------------------- */
.collection-category-index{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(210,175,126,.14) !important;
}

.collection-category{
  position:relative;
  padding:20px 18px 22px !important;
  border-right:1px solid rgba(210,175,126,.10) !important;
  border-top:1px solid transparent !important;
  background:transparent !important;
  color:#9f8e7f !important;
}

.collection-category:first-child{
  border-left:1px solid rgba(210,175,126,.10) !important;
}

.collection-category:hover{
  background:rgba(255,255,255,.018) !important;
  color:#d7c4ad !important;
}

.collection-category.active{
  border-top-color:#c6a16a !important;
  background:rgba(190,145,78,.04) !important;
  color:#f0dfca !important;
}

.collection-category span,
.collection-category em{
  color:#9b7a52 !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
}

.collection-category strong{
  min-height:32px !important;
  margin:8px 0 4px !important;
  color:inherit !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
}

html[lang="zh-CN"] .collection-category strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif) !important;
  font-size:15px !important;
  letter-spacing:.05em !important;
}

/* ---------------------------------------------------------
   ARCHIVE / paper background
   --------------------------------------------------------- */
.catalogue-stage{
  background:
    linear-gradient(180deg,#f0e9df 0%,#ece3d7 100%) !important;
}

.catalogue-toolbar{
  top:94px !important;
  background:rgba(240,233,223,.92) !important;
  border-bottom:1px solid rgba(143,116,82,.18) !important;
  backdrop-filter:blur(18px) !important;
}

.catalogue-toolbar-inner{
  min-height:72px !important;
}

.catalogue-status span{
  color:#9a7955 !important;
  font-size:9.5px !important;
  letter-spacing:.18em !important;
}

.catalogue-status strong{
  color:#2a211a !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:23px !important;
  font-weight:400 !important;
}

.catalogue-search{
  border-bottom:1px solid rgba(124,98,68,.38) !important;
}

.catalogue-search > span{
  color:#9a7955 !important;
  font-size:9px !important;
  letter-spacing:.18em !important;
}

.catalogue-search input{
  color:#2a211a !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:14px !important;
}

.catalogue-search input::placeholder{
  color:#9c8f82 !important;
}

/* ---------------------------------------------------------
   PRODUCT CARDS — editorial archive, not ecommerce
   --------------------------------------------------------- */
.catalogue-body{
  padding-top:54px !important;
  padding-bottom:120px !important;
}

.collection-product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:48px 18px !important;
}

.collection-card{
  color:#1f1915 !important;
}

.collection-card-image{
  position:relative;
  aspect-ratio:1.22/1 !important;
  background:#ded4c7 !important;
  box-shadow:
    0 12px 28px rgba(41,27,17,.05),
    inset 0 0 0 1px rgba(142,112,78,.09);
}

.collection-card-image::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}

.collection-card-image img{
  filter:saturate(.76) contrast(1.025) brightness(.96) !important;
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease !important;
}

.collection-card:hover .collection-card-image img{
  transform:scale(1.025) !important;
  filter:saturate(.86) contrast(1.025) brightness(.99) !important;
}

.collection-card-view{
  right:13px !important;
  bottom:12px !important;
  padding:7px 9px !important;
  background:rgba(31,21,15,.72) !important;
  color:#e5cda8 !important;
  font-size:8.5px !important;
  letter-spacing:.12em !important;
}

.collection-card-info{
  padding:14px 2px 0 !important;
}

.collection-card-meta .p-code{
  color:#9e7950 !important;
  font-size:9.5px !important;
  letter-spacing:.17em !important;
}

.collection-card-meta em{
  color:#9a8c7d !important;
  font-size:8.5px !important;
  letter-spacing:.11em !important;
}

.collection-card-info h3{
  margin:9px 0 5px !important;
  color:#201a16 !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:21px !important;
  font-weight:400 !important;
  line-height:1.18 !important;
  letter-spacing:-.005em !important;
}

html[lang="zh-CN"] .collection-card-info h3{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif) !important;
  font-size:20px !important;
  line-height:1.3 !important;
  letter-spacing:.05em !important;
}

.collection-card-secondary{
  min-height:21px !important;
  color:#81766b !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
}

.catalogue-empty{
  color:#7a6b5d !important;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif) !important;
  font-size:26px !important;
}

/* responsive */
@media(max-width:1280px){
  .collection-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .collection-hero{
    padding-top:118px !important;
  }
  .collection-hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding-bottom:42px !important;
  }
  .collection-category-index{
    grid-template-columns:repeat(3,1fr) !important;
  }
  .catalogue-toolbar{
    top:68px !important;
  }
  .collection-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px 12px !important;
  }
}

@media(max-width:620px){
  .collection-category-index{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .collection-product-grid{
    grid-template-columns:1fr !important;
  }
  .collection-hero-copy h1{
    font-size:42px !important;
  }
  html[lang="zh-CN"] .collection-hero-copy h1{
    font-size:36px !important;
  }
}


/* =========================================================
   V5.8 — PRODUCT DETAIL / EDITORIAL OBJECT PAGE
   Luxury product page, not ecommerce.
   ========================================================= */

.product-detail-page{
  background:#eee7dc;
  color:#1c1713;
}

.product-detail-page .nav{
  background:rgba(18,12,9,.96) !important;
  border-bottom:1px solid rgba(202,169,112,.12) !important;
  backdrop-filter:blur(16px);
}

/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */
.pdp-hero{
  position:relative;
  padding:132px 0 88px;
  background:
    radial-gradient(circle at 80% 14%,rgba(211,171,108,.12),transparent 23%),
    radial-gradient(circle at 16% 82%,rgba(126,78,45,.10),transparent 29%),
    linear-gradient(135deg,#211710 0%,#2c2018 44%,#38291e 76%,#281b14 100%);
  color:#efe6d8;
  overflow:hidden;
}

.pdp-hero::before{
  content:"OBJECT";
  position:absolute;
  right:-.02em;
  top:35px;
  color:rgba(226,190,130,.025);
  font:400 190px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
  pointer-events:none;
}

.pdp-breadcrumb{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:28px;
  color:#9e876e;
  font-size:9.5px;
  letter-spacing:.18em;
}

.pdp-breadcrumb a{
  color:#c19d69;
}

.pdp-breadcrumb em{
  font-style:normal;
}

.pdp-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);
  gap:clamp(46px,5vw,88px);
  align-items:center;
}

.pdp-main-media{
  position:relative;
  height:min(66vw,680px);
  max-height:680px;
  min-height:560px;
  margin:0;
  overflow:hidden;
  background:#1b130e;
  box-shadow:
    0 32px 72px rgba(13,7,4,.24),
    inset 0 0 0 1px rgba(218,181,121,.09);
}

.pdp-main-media::before{
  content:"";
  position:absolute;
  inset:14px;
  z-index:2;
  border:1px solid rgba(229,197,144,.10);
  pointer-events:none;
}

.pdp-main-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.74) sepia(.06) contrast(1.04) brightness(.86);
}

.pdp-media-caption{
  position:absolute;
  z-index:3;
  left:28px;
  right:28px;
  bottom:24px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
}

.pdp-media-caption span{
  color:#e8d7c0;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.05em;
}

.pdp-media-caption em{
  color:#b39062;
  font-size:9px;
  font-style:normal;
  letter-spacing:.17em;
}

.pdp-category{
  color:#c8a56e !important;
  margin-bottom:23px;
  font-size:10px !important;
  letter-spacing:.22em !important;
}

.pdp-hero-copy h1{
  margin:0;
  max-width:650px;
  color:#f2e7d8;
  font-family:var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  font-size:clamp(46px,4vw,68px);
  font-weight:400;
  line-height:1.01;
  letter-spacing:-.035em;
}

html[lang="zh-CN"] .pdp-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(40px,3.2vw,55px);
  line-height:1.3;
  letter-spacing:.05em;
}

.pdp-secondary-name{
  margin-top:14px;
  color:#9e8d7d;
  font-size:14px;
  line-height:1.6;
  letter-spacing:.04em;
}

.pdp-hairline{
  width:100%;
  height:1px;
  margin:28px 0 25px;
  background:linear-gradient(90deg,rgba(207,172,116,.30),rgba(207,172,116,.04));
}

.pdp-description{
  max-width:620px;
  margin:0;
  color:#bcad9e;
  font-size:14.5px;
  line-height:1.9;
}

html[lang="zh-CN"] .pdp-description{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:2;
  letter-spacing:.02em;
}

.pdp-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:30px;
  border-top:1px solid rgba(207,172,116,.14);
  border-bottom:1px solid rgba(207,172,116,.10);
}

.pdp-facts > div{
  padding:16px 18px 16px 0;
}

.pdp-facts > div + div{
  padding-left:20px;
  border-left:1px solid rgba(207,172,116,.10);
}

.pdp-facts span{
  display:block;
  color:#8f7554;
  font-size:8.5px;
  letter-spacing:.18em;
}

.pdp-facts strong{
  display:block;
  margin-top:7px;
  color:#e7d9c7;
  font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.04em;
}

html[lang="zh-CN"] .pdp-facts strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

.pdp-note{
  margin:20px 0 0;
  color:#877b70;
  font-size:11px;
  line-height:1.72;
}

.pdp-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px 28px;
  align-items:center;
  margin-top:30px;
}

.pdp-primary,
.pdp-secondary{
  display:inline-flex;
  padding-bottom:6px;
  font-size:12px;
  letter-spacing:.07em;
}

.pdp-primary{
  color:#d2af79;
  border-bottom:1px solid rgba(210,175,121,.30);
}

.pdp-secondary{
  color:#9c8c7d;
  border-bottom:1px solid rgba(156,140,125,.18);
}

/* ---------------------------------------------------------
   MATERIAL STUDY
   --------------------------------------------------------- */
.pdp-study{
  position:relative;
  padding:104px 0 112px;
  background:#f0eadf;
  color:#1c1713;
  overflow:hidden;
}

.pdp-study::before{
  content:"01";
  position:absolute;
  right:-.01em;
  top:-.17em;
  color:rgba(154,127,89,.045);
  font:400 310px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  pointer-events:none;
}

.pdp-section-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:44px;
}

.pdp-section-head > .smallcaps{
  color:#a9885f !important;
  padding-top:8px;
  font-size:10.5px !important;
  letter-spacing:.22em !important;
}

.pdp-section-head h2{
  margin:0;
  max-width:820px;
  color:#1c1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .pdp-section-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}

.pdp-section-head p{
  max-width:720px;
  margin:20px 0 0;
  color:#6d645b;
  font-size:14.5px;
  line-height:1.95;
}

.pdp-study-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:16px;
  align-items:stretch;
}

.pdp-sketch-panel{
  position:relative;
  min-height:560px;
  margin:0;
  padding:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#e5dacb;
  box-shadow:
    0 18px 40px rgba(44,31,20,.06),
    inset 0 0 0 1px rgba(153,122,86,.10);
}

.pdp-sketch-panel::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(146,118,83,.16);
  pointer-events:none;
}

.pdp-sketch-panel img{
  width:100%;
  height:100%;
  max-height:485px;
  object-fit:contain;
  filter:saturate(.48) contrast(.96) brightness(.99);
}

.pdp-sketch-panel figcaption{
  position:absolute;
  left:30px;
  bottom:26px;
  color:#7b6d60;
}

.pdp-sketch-panel figcaption span{
  display:block;
  font-size:9px;
  letter-spacing:.18em;
}

.pdp-sketch-panel figcaption strong{
  display:block;
  margin-top:6px;
  color:#1c1713;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.05em;
}

.pdp-sketch-panel.no-sketch{
  background:
    linear-gradient(135deg,#e7dccd,#ddd0bf);
}

.pdp-sketch-panel.no-sketch::after{
  content:"HANJADE · DESIGN STUDY";
  color:rgba(106,87,66,.38);
  font:400 28px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.08em;
}

.pdp-development{
  padding:34px 38px 32px;
  background:#2c2018;
  color:#efe5d7;
}

.pdp-development-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:15px;
  border-bottom:1px solid rgba(207,172,116,.16);
}

.pdp-development-head span,
.pdp-development-head em{
  color:#a98a60;
  font-size:9px;
  font-style:normal;
  letter-spacing:.18em;
}

.pdp-development-row{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  padding:24px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}

.pdp-development-row > span{
  color:#a98a60;
  font:400 11px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.pdp-development-row strong{
  display:block;
  color:#eadccb;
  font:400 24px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .pdp-development-row strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:22px;
  letter-spacing:.05em;
}

.pdp-development-row em{
  display:block;
  margin-top:6px;
  color:#8f8072;
  font-size:10px;
  font-style:normal;
  letter-spacing:.08em;
  line-height:1.6;
}

.pdp-development-link{
  display:inline-flex;
  margin-top:26px;
  padding-bottom:5px;
  color:#d1ae78;
  border-bottom:1px solid rgba(209,174,120,.25);
  font-size:11.5px;
  letter-spacing:.065em;
}

/* ---------------------------------------------------------
   MADE TO ORDER
   --------------------------------------------------------- */
.pdp-project{
  position:relative;
  padding:90px 0 94px;
  background:
    radial-gradient(circle at 78% 15%,rgba(203,161,96,.12),transparent 24%),
    linear-gradient(135deg,#211710 0%,#2f2219 54%,#38281d 100%);
  color:#efe6d8;
}

.pdp-project-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);
  gap:clamp(58px,7vw,120px);
  align-items:start;
}

.pdp-project .smallcaps{
  color:#c8a56e !important;
  margin-bottom:23px;
  font-size:10px !important;
  letter-spacing:.22em !important;
}

.pdp-project h2{
  margin:0;
  max-width:700px;
  color:#f0e5d6;
  font:400 clamp(42px,3.15vw,55px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .pdp-project h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.6vw,47px);
  line-height:1.34;
  letter-spacing:.05em;
}

.pdp-project-copy{
  padding-top:40px;
}

.pdp-project-copy p{
  max-width:700px;
  margin:0;
  color:#b9a99a;
  font-size:14.5px;
  line-height:1.95;
}

.pdp-project-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:30px 0 26px;
  padding:16px 0;
  border-top:1px solid rgba(207,172,116,.14);
  border-bottom:1px solid rgba(207,172,116,.10);
}

.pdp-project-tags span{
  color:#a98a60;
  font-size:9px;
  letter-spacing:.18em;
}

.pdp-project-copy > a{
  display:inline-flex;
  padding-bottom:6px;
  color:#d2af79;
  border-bottom:1px solid rgba(210,175,121,.28);
  font-size:12px;
  letter-spacing:.07em;
}

/* ---------------------------------------------------------
   RELATED PIECES
   --------------------------------------------------------- */
.pdp-related{
  position:relative;
  padding:96px 0 110px;
  background:linear-gradient(180deg,#f0e9df 0%,#ebe1d4 100%);
  color:#1c1713;
}

.pdp-related-head{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:40px;
}

.pdp-related-head > .smallcaps{
  color:#a9885f !important;
  padding-top:8px;
  font-size:10px !important;
  letter-spacing:.22em !important;
}

.pdp-related-head h2{
  margin:0;
  max-width:800px;
  color:#1c1713;
  font:400 clamp(40px,3vw,52px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .pdp-related-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(34px,2.45vw,44px);
  line-height:1.34;
  letter-spacing:.05em;
}

.pdp-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.pdp-related-card{
  color:#1c1713;
}

.pdp-related-image{
  position:relative;
  aspect-ratio:1.28/1;
  overflow:hidden;
  background:#ded4c7;
  box-shadow:
    0 12px 28px rgba(41,27,17,.05),
    inset 0 0 0 1px rgba(142,112,78,.09);
}

.pdp-related-image::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}

.pdp-related-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.76) contrast(1.025) brightness(.96);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;
}

.pdp-related-card:hover .pdp-related-image img{
  transform:scale(1.026);
  filter:saturate(.86) contrast(1.025) brightness(.99);
}

.pdp-related-image span{
  position:absolute;
  z-index:3;
  right:14px;
  bottom:12px;
  padding:7px 9px;
  background:rgba(31,21,15,.72);
  color:#e5cda8;
  font-size:8.5px;
  letter-spacing:.12em;
}

.pdp-related-copy{
  padding:15px 2px 0;
}

.pdp-related-copy strong{
  display:block;
  color:#201a16;
  font:400 22px/1.18 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .pdp-related-copy strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:21px;
  line-height:1.3;
  letter-spacing:.05em;
}

.pdp-related-copy em{
  display:block;
  margin-top:6px;
  color:#81766b;
  font-size:11.5px;
  font-style:normal;
}

@media(max-width:1080px){
  .pdp-hero-grid,
  .pdp-study-grid,
  .pdp-project-grid{
    grid-template-columns:1fr;
  }

  .pdp-main-media{
    min-height:520px;
    height:68vw;
  }

  .pdp-development{
    max-width:900px;
  }
}

@media(max-width:820px){
  .pdp-hero{
    padding-top:112px;
  }

  .pdp-section-head,
  .pdp-related-head{
    grid-template-columns:1fr;
    gap:15px;
  }

  .pdp-related-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .pdp-main-media{
    min-height:420px;
  }
}

@media(max-width:620px){
  .pdp-hero{
    padding-bottom:64px;
  }

  .pdp-main-media{
    min-height:360px;
    height:76vw;
  }

  .pdp-hero-copy h1{
    font-size:42px;
  }

  html[lang="zh-CN"] .pdp-hero-copy h1{
    font-size:36px;
  }

  .pdp-facts{
    grid-template-columns:1fr;
  }

  .pdp-facts > div + div{
    padding-left:0;
    border-left:0;
    border-top:1px solid rgba(207,172,116,.10);
  }

  .pdp-sketch-panel{
    min-height:390px;
    padding:30px;
  }

  .pdp-development{
    padding:28px 24px;
  }
}


/* =========================================================
   V5.9 — MATERIAL & CRAFT / MATERIAL EDITORIAL PAGE
   ========================================================= */

.material-page{
  background:#f0eadf;
  color:#1c1713;
}

.material-page .nav{
  background:rgba(18,12,9,.96)!important;
  border-bottom:1px solid rgba(202,169,112,.12)!important;
  backdrop-filter:blur(16px);
}

/* HERO */
.mc-hero{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:flex-end;
  color:#efe6d8;
  overflow:hidden;
  background:#241811;
}

.mc-hero-bg{
  position:absolute;
  inset:0;
}

.mc-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  filter:saturate(.70) sepia(.08) contrast(1.06) brightness(.67);
  transform:scale(1.01);
}

.mc-hero-veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(24,15,10,.94) 0%,rgba(24,15,10,.78) 40%,rgba(24,15,10,.38) 72%,rgba(24,15,10,.52) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.20) 58%,rgba(17,10,6,.72) 100%);
}

.mc-hero-grid{
  position:relative;
  z-index:2;
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:50px;
  align-items:end;
  padding:0 0 82px;
}

.mc-hero-index .smallcaps{
  color:#c8a56e!important;
  font-size:10px!important;
  letter-spacing:.22em!important;
}

.mc-hero-number{
  margin-top:27px;
  padding-top:17px;
  border-top:1px solid rgba(210,175,121,.16);
  color:#a18461;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.12em;
}

.mc-hero-copy h1{
  margin:0;
  max-width:1000px;
  color:#f2e7d8;
  font:400 clamp(50px,4.4vw,76px)/1.01 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.038em;
}

html[lang="zh-CN"] .mc-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(43px,3.55vw,60px);
  line-height:1.30;
  letter-spacing:.05em;
}

.mc-hero-copy > p{
  max-width:770px;
  margin:24px 0 0;
  color:#c0b0a0;
  font-size:15px;
  line-height:1.92;
}

.mc-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 27px;
  margin-top:34px;
  padding-top:17px;
  border-top:1px solid rgba(210,175,121,.14);
}

.mc-hero-meta span{
  color:#b89464;
  font-size:9px;
  letter-spacing:.18em;
}

/* shared head */
.mc-section-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:44px;
}

.mc-section-head > .smallcaps{
  color:#a9885f!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.mc-section-head h2{
  margin:0;
  max-width:850px;
  color:#1c1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .mc-section-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}

.mc-section-head p{
  max-width:720px;
  margin:20px 0 0;
  color:#6d645b;
  font-size:14.5px;
  line-height:1.95;
}

/* MATERIAL LIBRARY */
.mc-library{
  position:relative;
  padding:104px 0 104px;
  background:#f0eadf;
  overflow:hidden;
}

.mc-library::before{
  content:"01";
  position:absolute;
  right:-.01em;
  top:-.17em;
  color:rgba(154,127,89,.045);
  font:400 310px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.mc-board-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.30fr .85fr .85fr;
  gap:16px;
}

.mc-board{
  position:relative;
  min-height:430px;
  overflow:hidden;
  background:#d9cec0;
  box-shadow:0 16px 34px rgba(36,23,14,.055);
}

.mc-board-large{
  min-height:560px;
}

.mc-board::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:3;
  border:1px solid rgba(227,207,179,.14);
  pointer-events:none;
}

.mc-board img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.03) brightness(.90);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}

.mc-board:hover img{
  transform:scale(1.028);
  filter:saturate(.87) contrast(1.03) brightness(.96);
}

.mc-board-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.01) 36%,rgba(0,0,0,.14) 61%,rgba(0,0,0,.82) 100%);
}

.mc-board-copy{
  position:absolute;
  z-index:4;
  left:26px;
  right:26px;
  bottom:24px;
}

.mc-board-copy span{
  color:#d1ae78;
  font-size:9px;
  letter-spacing:.18em;
}

.mc-board-copy strong{
  display:block;
  margin-top:9px;
  color:#f4ece2;
  font:400 28px/1.10 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mc-board-copy strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:26px;
  letter-spacing:.05em;
}

.mc-board-copy em{
  display:block;
  margin-top:8px;
  color:#c9bcb0;
  font-size:11.5px;
  font-style:normal;
  line-height:1.55;
}

.mc-material-notes{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:44px;
  align-items:start;
  margin-top:42px;
  padding-top:24px;
  border-top:1px solid rgba(130,103,72,.18);
}

.mc-material-note-title span{
  display:block;
  color:#a0805d;
  font-size:9px;
  letter-spacing:.18em;
}

.mc-material-note-title strong{
  display:block;
  margin-top:8px;
  color:#251e19;
  font:400 21px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.mc-wood-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid rgba(130,103,72,.10);
}

.mc-wood-list span{
  padding:13px 14px 13px 0;
  color:#6e645b;
  font-size:12px;
  border-bottom:1px solid rgba(130,103,72,.10);
}

/* COMPOSITION */
.mc-composition{
  position:relative;
  padding:90px 0 96px;
  background:
    radial-gradient(circle at 76% 16%,rgba(209,168,103,.12),transparent 23%),
    linear-gradient(135deg,#241811 0%,#302219 54%,#38281d 100%);
  color:#efe6d8;
}

.mc-composition-grid{
  display:grid;
  grid-template-columns:minmax(420px,.85fr) minmax(0,1.15fr);
  gap:clamp(56px,6vw,106px);
  align-items:center;
}

.mc-composition-copy .smallcaps{
  color:#c8a56e!important;
  margin-bottom:23px;
  font-size:10px!important;
  letter-spacing:.22em!important;
}

.mc-composition-copy h2{
  margin:0;
  max-width:650px;
  color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .mc-composition-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}

.mc-composition-copy > p{
  margin:22px 0 0;
  color:#b9a99a;
  font-size:14.5px;
  line-height:1.95;
}

.mc-composition-lines{
  margin-top:30px;
  border-top:1px solid rgba(207,172,116,.14);
}

.mc-composition-lines > div{
  display:grid;
  grid-template-columns:36px 135px minmax(0,1fr);
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}

.mc-composition-lines span{
  color:#a98a60;
  font:400 10px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.mc-composition-lines strong{
  color:#e8dac9;
  font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mc-composition-lines strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

.mc-composition-lines em{
  color:#928375;
  font-size:11.5px;
  font-style:normal;
  line-height:1.6;
}

.mc-composition-visual{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
  min-height:560px;
}

.mc-composition-main,
.mc-composition-small{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#1d140f;
  box-shadow:0 26px 58px rgba(15,8,4,.22);
}

.mc-composition-main img,
.mc-composition-small img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.68) sepia(.06) contrast(1.04) brightness(.78);
}

.mc-composition-main figcaption,
.mc-composition-small figcaption{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  z-index:2;
}

.mc-composition-main::after,
.mc-composition-small::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.72) 100%);
}

.mc-composition-visual span{
  color:#c5a16d;
  font-size:8.5px;
  letter-spacing:.16em;
}

.mc-composition-visual strong{
  display:block;
  margin-top:6px;
  color:#efe4d5;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mc-composition-visual strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

/* CRAFT */
.mc-craft{
  position:relative;
  padding:102px 0 110px;
  background:#ede4d8;
  color:#1c1713;
}

.mc-craft::before{
  content:"03";
  position:absolute;
  right:-.01em;
  top:-.17em;
  color:rgba(154,127,89,.04);
  font:400 310px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.mc-craft-ledger{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(130,103,72,.20);
}

.mc-craft-ledger article{
  display:grid;
  grid-template-columns:50px minmax(220px,.65fr) minmax(320px,1.35fr);
  gap:22px;
  align-items:center;
  min-height:108px;
  padding:18px 0;
  border-bottom:1px solid rgba(130,103,72,.13);
}

.mc-craft-ledger article > span{
  align-self:start;
  padding-top:3px;
  color:#a0805d;
  font:400 11px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.10em;
}

.mc-craft-ledger strong{
  display:block;
  color:#251e19;
  font:400 23px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mc-craft-ledger strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:21px;
  letter-spacing:.05em;
}

.mc-craft-ledger em{
  display:block;
  margin-top:7px;
  color:#8b7d70;
  font-size:10px;
  font-style:normal;
  letter-spacing:.08em;
}

.mc-craft-ledger p{
  margin:0;
  color:#6f655c;
  font-size:13px;
  line-height:1.72;
}

/* PLATFORM */
.mc-platform{
  padding:92px 0 98px;
  background:
    radial-gradient(circle at 80% 14%,rgba(210,168,100,.14),transparent 22%),
    linear-gradient(135deg,#211710 0%,#2d2118 48%,#37281d 100%);
  color:#efe6d8;
}

.mc-platform-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);
  gap:clamp(58px,7vw,120px);
  align-items:start;
}

.mc-platform .smallcaps{
  color:#c8a56e!important;
  margin-bottom:23px;
  font-size:10px!important;
  letter-spacing:.22em!important;
}

.mc-platform h2{
  margin:0;
  max-width:660px;
  color:#f0e5d6;
  font:400 clamp(42px,3.15vw,55px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .mc-platform h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.6vw,47px);
  line-height:1.34;
  letter-spacing:.05em;
}

.mc-platform-copy{
  padding-top:36px;
}

.mc-platform-copy > p{
  margin:0;
  color:#b9a99a;
  font-size:14.5px;
  line-height:1.95;
}

.mc-platform-links{
  margin-top:28px;
  border-top:1px solid rgba(207,172,116,.14);
}

.mc-platform-links a{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:14px;
  align-items:center;
  min-height:64px;
  border-bottom:1px solid rgba(207,172,116,.10);
  color:#d9ccbc;
}

.mc-platform-links span{
  color:#a98a60;
  font:400 10px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.mc-platform-links strong{
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mc-platform-links strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

.mc-platform-cta{
  display:inline-flex;
  margin-top:28px;
  padding-bottom:6px;
  color:#d2af79;
  border-bottom:1px solid rgba(210,175,121,.28);
  font-size:11.5px;
  letter-spacing:.07em;
}

@media(max-width:1080px){
  .mc-hero-grid,
  .mc-composition-grid,
  .mc-platform-grid{
    grid-template-columns:1fr;
  }

  .mc-board-grid{
    grid-template-columns:1fr 1fr;
  }

  .mc-board-large{
    grid-column:1/3;
  }

  .mc-composition-visual{
    min-height:500px;
  }
}

@media(max-width:820px){
  .mc-hero{
    min-height:660px;
  }

  .mc-hero-grid,
  .mc-section-head{
    grid-template-columns:1fr;
    gap:16px;
  }

  .mc-hero-index{
    display:none;
  }

  .mc-material-notes{
    grid-template-columns:1fr;
  }

  .mc-wood-list{
    grid-template-columns:1fr 1fr;
  }

  .mc-craft-ledger article{
    grid-template-columns:34px 1fr;
  }

  .mc-craft-ledger article p{
    grid-column:2;
  }
}

@media(max-width:620px){
  .mc-hero{
    min-height:610px;
  }

  .mc-hero-copy h1{
    font-size:43px;
  }

  html[lang="zh-CN"] .mc-hero-copy h1{
    font-size:36px;
  }

  .mc-board-grid{
    grid-template-columns:1fr;
  }

  .mc-board-large{
    grid-column:auto;
    min-height:420px;
  }

  .mc-board{
    min-height:380px;
  }

  .mc-wood-list{
    grid-template-columns:1fr;
  }

  .mc-composition-visual{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .mc-composition-main,
  .mc-composition-small{
    min-height:360px;
  }
}


/* =========================================================
   V6.0 — MATERIAL & CRAFT REBUILT
   Luxury editorial redesign. No giant first-screen image.
   ========================================================= */

.material-page-v2{
  background:#f3ede3;
  color:#1d1713;
}

.material-page-v2 .nav{
  background:rgba(247,241,233,.92)!important;
  border-bottom:1px solid rgba(150,121,86,.12)!important;
  backdrop-filter:blur(16px);
}

.material-page-v2 .nav .wordmark,
.material-page-v2 .nav .navlinks a{
  color:#231c17 !important;
}
.material-page-v2 .nav .navlinks a.active,
.material-page-v2 .nav .navlinks a:hover{
  color:#8f6a3f !important;
}
.material-page-v2 .nav .lang button,
.material-page-v2 .nav .lang span{
  color:#635447 !important;
}

/* shared */
.mcx-head{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:44px;
}
.mcx-head>.smallcaps{
  color:#a7865f!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.mcx-head h2{
  margin:0;
  max-width:860px;
  color:#1d1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .mcx-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}
.mcx-head p{
  max-width:740px;
  margin:20px 0 0;
  color:#6d645b;
  font-size:14.5px;
  line-height:1.95;
}

/* hero */
.mcx-hero{
  position:relative;
  padding:150px 0 110px;
  background:
    radial-gradient(circle at 84% 16%,rgba(211,171,108,.10),transparent 20%),
    linear-gradient(180deg,#f7f1e9 0%,#f1e9de 100%);
  overflow:hidden;
}
.mcx-hero::before{
  content:"MATERIAL";
  position:absolute;
  right:-.03em;
  top:34px;
  color:rgba(158,126,87,.055);
  font:400 160px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.045em;
  pointer-events:none;
}
.mcx-hero-grid{
  width:min(var(--max),93vw)!important;
  display:grid;
  grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);
  gap:clamp(48px,6vw,110px);
  align-items:center;
}
.mcx-hero-copy .smallcaps{
  color:#9f7b4f!important;
  margin-bottom:24px;
  font-size:10px!important;
  letter-spacing:.22em!important;
}
.mcx-hero-copy h1{
  margin:0;
  max-width:700px;
  color:#1e1712;
  font:400 clamp(50px,4.3vw,74px)/1.00 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
}
html[lang="zh-CN"] .mcx-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(42px,3.35vw,58px);
  line-height:1.28;
  letter-spacing:.05em;
}
.mcx-hero-copy>p{
  max-width:660px;
  margin:24px 0 0;
  color:#70665c;
  font-size:14.8px;
  line-height:1.98;
}
.mcx-hero-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(145,116,82,.16);
}
.mcx-hero-links span{
  color:#9f7b4f;
  font-size:9px;
  letter-spacing:.18em;
}

.mcx-hero-composition{
  position:relative;
  min-height:610px;
}
.mcx-hero-main,
.mcx-hero-small{
  position:absolute;
  margin:0;
  background:#d9cebf;
  box-shadow:
    0 20px 46px rgba(33,23,15,.08),
    inset 0 0 0 1px rgba(145,116,82,.10);
  overflow:hidden;
}
.mcx-hero-main::before,
.mcx-hero-small::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}
.mcx-hero-main{
  left:0;
  top:22px;
  width:62%;
  height:430px;
}
.mcx-hero-small-a{
  right:0;
  top:0;
  width:34%;
  height:240px;
}
.mcx-hero-small-b{
  right:0;
  bottom:0;
  width:34%;
  height:220px;
}
.mcx-hero-main img,
.mcx-hero-small img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.03) brightness(.93);
}
.mcx-hero-main figcaption,
.mcx-hero-small figcaption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:16px;
  z-index:3;
}
.mcx-hero-main::after,
.mcx-hero-small::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.72) 100%);
}
.mcx-hero-main span,
.mcx-hero-small span{
  color:#d2b07a;
  font-size:8.5px;
  letter-spacing:.16em;
}
.mcx-hero-main strong,
.mcx-hero-small strong{
  display:block;
  margin-top:6px;
  color:#f5ede3;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-hero-main strong,
html[lang="zh-CN"] .mcx-hero-small strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.mcx-hero-note{
  position:absolute;
  left:18%;
  bottom:70px;
  z-index:5;
  width:42%;
  padding:22px 24px 22px;
  background:rgba(251,246,239,.92);
  box-shadow:0 16px 34px rgba(36,23,14,.06);
  border:1px solid rgba(146,118,83,.12);
}
.mcx-hero-note span{
  display:block;
  color:#a0805d;
  font-size:8.5px;
  letter-spacing:.18em;
}
.mcx-hero-note strong{
  display:block;
  margin-top:8px;
  color:#221a15;
  font:400 25px/1.18 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-hero-note strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:23px;
  letter-spacing:.05em;
}
.mcx-hero-note em{
  display:block;
  margin-top:10px;
  color:#6f6458;
  font-size:12px;
  font-style:normal;
  line-height:1.68;
}

/* library */
.mcx-library{
  padding:98px 0 102px;
  background:#f3ede3;
}
.mcx-library-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.mcx-library-card{
  color:#1f1915;
}
.mcx-library-image{
  position:relative;
  aspect-ratio:1.12/1;
  overflow:hidden;
  background:#ddd2c4;
  box-shadow:0 14px 32px rgba(38,24,14,.05), inset 0 0 0 1px rgba(145,116,82,.09);
}
.mcx-library-image::before{
  content:"";
  position:absolute;
  inset:11px;
  z-index:2;
  border:1px solid rgba(148,117,82,.11);
  pointer-events:none;
}
.mcx-library-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.025) brightness(.95);
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease;
}
.mcx-library-card:hover img{
  transform:scale(1.025);
  filter:saturate(.87) contrast(1.025) brightness(.99);
}
.mcx-library-copy{
  padding:16px 4px 0;
}
.mcx-library-copy span{
  color:#9f7b4f;
  font-size:9px;
  letter-spacing:.17em;
}
.mcx-library-copy strong{
  display:block;
  margin-top:9px;
  color:#221a15;
  font:400 24px/1.14 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-library-copy strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:22px;
  letter-spacing:.05em;
}
.mcx-library-copy em{
  display:block;
  margin-top:7px;
  color:#7a7066;
  font-size:11.5px;
  font-style:normal;
  line-height:1.58;
}

/* woods */
.mcx-woods{
  padding:92px 0 96px;
  background:
    radial-gradient(circle at 82% 20%,rgba(210,168,101,.11),transparent 24%),
    linear-gradient(135deg,#241811 0%,#302219 54%,#38281d 100%);
  color:#efe6d8;
}
.mcx-woods-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);
  gap:clamp(56px,7vw,120px);
  align-items:start;
}
.mcx-woods-copy .smallcaps{
  color:#c8a56e!important;
  margin-bottom:24px;
  font-size:10px!important;
  letter-spacing:.22em!important;
}
.mcx-woods-copy h2{
  margin:0;
  max-width:660px;
  color:#f0e5d6;
  font:400 clamp(42px,3.15vw,56px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .mcx-woods-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.6vw,47px);
  line-height:1.34;
  letter-spacing:.05em;
}
.mcx-woods-copy p{
  margin:22px 0 0;
  color:#b9a99a;
  font-size:14.5px;
  line-height:1.95;
}
.mcx-wood-list{
  border-top:1px solid rgba(207,172,116,.14);
}
.mcx-wood-list > div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:center;
  min-height:72px;
  border-bottom:1px solid rgba(207,172,116,.10);
}
.mcx-wood-list span{
  color:#a98a60;
  font:400 10px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.11em;
}
.mcx-wood-list strong{
  color:#eadccc;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-wood-list strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

/* principle */
.mcx-principle{
  padding:102px 0 106px;
  background:#efe7dc;
}
.mcx-principle-grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  gap:clamp(54px,6vw,106px);
  align-items:center;
}
.mcx-principle-visual{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  min-height:560px;
}
.mcx-principle-main,
.mcx-principle-side{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#ddd2c4;
  box-shadow:0 16px 36px rgba(38,24,14,.05);
}
.mcx-principle-main::before,
.mcx-principle-side::before{
  content:"";
  position:absolute;
  inset:11px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}
.mcx-principle-main img,
.mcx-principle-side img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.76) contrast(1.03) brightness(.93);
}
.mcx-principle-main::after,
.mcx-principle-side::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.76) 100%);
}
.mcx-principle-main figcaption,
.mcx-principle-side figcaption{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  z-index:3;
}
.mcx-principle-main span,
.mcx-principle-side span{
  color:#d0ac76;
  font-size:8.5px;
  letter-spacing:.16em;
}
.mcx-principle-main strong,
.mcx-principle-side strong{
  display:block;
  margin-top:6px;
  color:#f4ece2;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-principle-main strong,
html[lang="zh-CN"] .mcx-principle-side strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.mcx-principle-copy .smallcaps{
  color:#a7865f!important;
  margin-bottom:24px;
  font-size:10px!important;
  letter-spacing:.22em!important;
}
.mcx-principle-copy h2{
  margin:0;
  max-width:620px;
  color:#1e1712;
  font:400 clamp(42px,3.2vw,56px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .mcx-principle-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}
.mcx-principle-copy>p{
  margin:22px 0 0;
  color:#6f665c;
  font-size:14.5px;
  line-height:1.95;
}
.mcx-principle-lines{
  margin-top:28px;
  border-top:1px solid rgba(130,103,72,.16);
}
.mcx-principle-lines>div{
  display:grid;
  grid-template-columns:36px 140px 1fr;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid rgba(130,103,72,.12);
}
.mcx-principle-lines span{
  color:#9f7b4f;
  font:400 10px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
.mcx-principle-lines strong{
  color:#211913;
  font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-principle-lines strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.mcx-principle-lines em{
  color:#7b7066;
  font-size:11.5px;
  font-style:normal;
  line-height:1.6;
}

/* craft */
.mcx-craft{
  padding:100px 0 112px;
  background:#f6f0e7;
}
.mcx-craft-ledger{
  border-top:1px solid rgba(130,103,72,.20);
}
.mcx-craft-ledger article{
  display:grid;
  grid-template-columns:50px minmax(220px,.65fr) minmax(320px,1.35fr);
  gap:22px;
  align-items:center;
  min-height:108px;
  padding:18px 0;
  border-bottom:1px solid rgba(130,103,72,.13);
}
.mcx-craft-ledger article>span{
  color:#a0805d;
  font:400 11px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
.mcx-craft-ledger strong{
  display:block;
  color:#251e19;
  font:400 22px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .mcx-craft-ledger strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:20px;
  letter-spacing:.05em;
}
.mcx-craft-ledger em{
  display:block;
  margin-top:7px;
  color:#8b7d70;
  font-size:10px;
  font-style:normal;
  letter-spacing:.08em;
}
.mcx-craft-ledger p{
  margin:0;
  color:#6f655c;
  font-size:13px;
  line-height:1.72;
}

@media(max-width:1080px){
  .mcx-hero-grid,
  .mcx-woods-grid,
  .mcx-principle-grid{
    grid-template-columns:1fr;
  }
  .mcx-library-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:820px){
  .mcx-head{
    grid-template-columns:1fr;
    gap:16px;
  }
  .mcx-hero{
    padding:122px 0 78px;
  }
  .mcx-hero-composition{
    min-height:560px;
  }
  .mcx-hero-note{
    left:8%;
    width:54%;
  }
  .mcx-craft-ledger article{
    grid-template-columns:36px 1fr;
  }
  .mcx-craft-ledger article p{
    grid-column:2;
  }
}
@media(max-width:620px){
  .mcx-hero-copy h1{
    font-size:42px;
  }
  html[lang="zh-CN"] .mcx-hero-copy h1{
    font-size:35px;
  }
  .mcx-library-grid{
    grid-template-columns:1fr;
  }
  .mcx-hero-composition{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .mcx-hero-main,
  .mcx-hero-small-a,
  .mcx-hero-small-b,
  .mcx-hero-note{
    position:relative;
    left:auto; right:auto; top:auto; bottom:auto;
    width:auto;
    height:auto;
  }
  .mcx-hero-main{height:360px;}
  .mcx-hero-small-a,.mcx-hero-small-b{height:220px;}
  .mcx-principle-visual{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .mcx-principle-main,.mcx-principle-side{
    min-height:340px;
  }
  .mcx-principle-lines>div{
    grid-template-columns:32px 1fr;
  }
  .mcx-principle-lines em{
    grid-column:2;
  }
}


/* =========================================================
   V6.1 — MATERIAL & CRAFT / LUXURY REFINEMENT
   - Preserve large headline scale
   - Enlarge secondary typography
   - Add 30+ craft-process proof point
   - Refine rhythm, frames, lines and visual hierarchy
   ========================================================= */

.material-page-v2{
  background:#f4eee5 !important;
}

/* NAV — slightly more substantial, still restrained */
.material-page-v2 .nav .navlinks a{
  font-size:15.5px !important;
  letter-spacing:.018em !important;
}
.material-page-v2 .nav .wordmark{
  letter-spacing:.08em !important;
}

/* ---------------------------------------------------------
   HERO — keep title size, improve everything around it
   --------------------------------------------------------- */
.mcx-hero{
  padding-top:156px !important;
  padding-bottom:118px !important;
  background:
    radial-gradient(circle at 84% 16%,rgba(197,154,92,.105),transparent 20%),
    radial-gradient(circle at 10% 82%,rgba(165,124,79,.045),transparent 22%),
    linear-gradient(180deg,#f8f3ec 0%,#f1e8dc 100%) !important;
}

.mcx-hero-grid{
  gap:clamp(62px,7vw,126px) !important;
}

.mcx-hero-copy .smallcaps{
  font-size:11px !important;
  letter-spacing:.23em !important;
  margin-bottom:27px !important;
}

.mcx-hero-copy>p{
  max-width:680px !important;
  margin-top:28px !important;
  color:#62584f !important;
  font-size:16.5px !important;
  line-height:1.92 !important;
  letter-spacing:.004em !important;
}

html[lang="zh-CN"] .mcx-hero-copy>p{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:16px !important;
  line-height:2.02 !important;
  letter-spacing:.025em !important;
}

.mcx-hero-links{
  gap:11px 28px !important;
  margin-top:38px !important;
  padding-top:20px !important;
  border-top-color:rgba(145,116,82,.19) !important;
}

.mcx-hero-links span{
  color:#8e6b43 !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  line-height:1.6 !important;
}

/* collage becomes cleaner and more editorial */
.mcx-hero-composition{
  min-height:635px !important;
}

.mcx-hero-main{
  width:63% !important;
  height:452px !important;
}

.mcx-hero-small-a{
  width:33% !important;
  height:252px !important;
}

.mcx-hero-small-b{
  width:33% !important;
  height:232px !important;
}

.mcx-hero-main,
.mcx-hero-small{
  box-shadow:
    0 24px 54px rgba(34,23,15,.085),
    inset 0 0 0 1px rgba(145,116,82,.11) !important;
}

.mcx-hero-main::before,
.mcx-hero-small::before{
  inset:13px !important;
  border-color:rgba(148,117,82,.14) !important;
}

.mcx-hero-main img,
.mcx-hero-small img{
  filter:saturate(.80) contrast(1.035) brightness(.95) !important;
}

.mcx-hero-main span,
.mcx-hero-small span{
  font-size:9.5px !important;
}

.mcx-hero-main strong,
.mcx-hero-small strong{
  margin-top:7px !important;
  font-size:22px !important;
}

html[lang="zh-CN"] .mcx-hero-main strong,
html[lang="zh-CN"] .mcx-hero-small strong{
  font-size:21px !important;
}

.mcx-hero-note{
  left:17% !important;
  bottom:66px !important;
  width:46% !important;
  padding:25px 27px 26px !important;
  background:rgba(252,248,242,.945) !important;
  border-color:rgba(146,118,83,.14) !important;
  box-shadow:0 18px 40px rgba(36,23,14,.075) !important;
}

.mcx-hero-note span{
  font-size:9.5px !important;
}

.mcx-hero-note strong{
  margin-top:10px !important;
  font-size:27px !important;
  line-height:1.2 !important;
}

html[lang="zh-CN"] .mcx-hero-note strong{
  font-size:25px !important;
  line-height:1.36 !important;
}

.mcx-hero-note em{
  margin-top:12px !important;
  color:#62584e !important;
  font-size:13.5px !important;
  line-height:1.72 !important;
}

/* ---------------------------------------------------------
   SHARED SECTION HEAD — titles unchanged, secondary type larger
   --------------------------------------------------------- */
.mcx-head{
  margin-bottom:50px !important;
}

.mcx-head>.smallcaps{
  font-size:11px !important;
  letter-spacing:.22em !important;
}

.mcx-head p{
  margin-top:22px !important;
  max-width:760px !important;
  color:#62594f !important;
  font-size:16px !important;
  line-height:1.92 !important;
}

html[lang="zh-CN"] .mcx-head p{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
  font-size:15.5px !important;
  line-height:2 !important;
}

/* ---------------------------------------------------------
   MATERIAL LIBRARY
   --------------------------------------------------------- */
.mcx-library{
  padding-top:108px !important;
  padding-bottom:112px !important;
  background:
    linear-gradient(180deg,#f4eee5 0%,#f0e8dc 100%) !important;
}

.mcx-library-grid{
  gap:22px !important;
}

.mcx-library-image{
  box-shadow:
    0 18px 38px rgba(38,24,14,.06),
    inset 0 0 0 1px rgba(145,116,82,.10) !important;
}

.mcx-library-image::before{
  inset:12px !important;
  border-color:rgba(148,117,82,.14) !important;
}

.mcx-library-copy{
  padding:19px 5px 0 !important;
}

.mcx-library-copy span{
  font-size:10.5px !important;
  letter-spacing:.16em !important;
}

.mcx-library-copy strong{
  margin-top:10px !important;
  font-size:27px !important;
}

html[lang="zh-CN"] .mcx-library-copy strong{
  font-size:25px !important;
}

.mcx-library-copy em{
  margin-top:8px !important;
  color:#6f655b !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

/* ---------------------------------------------------------
   SELECTED WOODS
   --------------------------------------------------------- */
.mcx-woods{
  padding-top:100px !important;
  padding-bottom:104px !important;
}

.mcx-woods-copy .smallcaps{
  font-size:11px !important;
}

.mcx-woods-copy p{
  margin-top:24px !important;
  color:#c2b2a2 !important;
  font-size:16px !important;
  line-height:1.92 !important;
}

html[lang="zh-CN"] .mcx-woods-copy p{
  font-size:15.5px !important;
  line-height:2 !important;
}

.mcx-wood-list > div{
  min-height:80px !important;
}

.mcx-wood-list span{
  font-size:11px !important;
}

.mcx-wood-list strong{
  font-size:23px !important;
}

html[lang="zh-CN"] .mcx-wood-list strong{
  font-size:22px !important;
}

/* ---------------------------------------------------------
   MATERIAL PRINCIPLE
   --------------------------------------------------------- */
.mcx-principle{
  padding-top:112px !important;
  padding-bottom:114px !important;
  background:
    linear-gradient(180deg,#efe6da 0%,#f3ece2 100%) !important;
}

.mcx-principle-grid{
  gap:clamp(62px,7vw,120px) !important;
}

.mcx-principle-copy .smallcaps{
  font-size:11px !important;
}

.mcx-principle-copy>p{
  margin-top:24px !important;
  color:#62594f !important;
  font-size:16px !important;
  line-height:1.94 !important;
}

html[lang="zh-CN"] .mcx-principle-copy>p{
  font-size:15.5px !important;
  line-height:2 !important;
}

.mcx-principle-lines{
  margin-top:32px !important;
}

.mcx-principle-lines>div{
  grid-template-columns:38px 150px 1fr !important;
  padding:17px 0 !important;
}

.mcx-principle-lines span{
  font-size:11px !important;
}

.mcx-principle-lines strong{
  font-size:19px !important;
}

html[lang="zh-CN"] .mcx-principle-lines strong{
  font-size:18px !important;
}

.mcx-principle-lines em{
  color:#70665c !important;
  font-size:13px !important;
  line-height:1.68 !important;
}

.mcx-principle-main strong,
.mcx-principle-side strong{
  font-size:22px !important;
}

/* ---------------------------------------------------------
   CRAFT — 30+ process statement becomes a centerpiece
   --------------------------------------------------------- */
.mcx-craft{
  padding-top:110px !important;
  padding-bottom:120px !important;
  background:
    radial-gradient(circle at 88% 14%,rgba(174,135,84,.055),transparent 20%),
    linear-gradient(180deg,#f8f3eb 0%,#f1e9de 100%) !important;
}

.mcx-craft-signature{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:clamp(54px,7vw,118px);
  align-items:center;
  margin-top:-4px;
  margin-bottom:42px;
  padding:31px 0 33px;
  border-top:1px solid rgba(130,103,72,.18);
  border-bottom:1px solid rgba(130,103,72,.15);
}

.mcx-craft-count{
  display:flex;
  align-items:center;
  gap:24px;
}

.mcx-craft-count>strong{
  color:#8f6b43;
  font:400 74px/.9 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.045em;
}

.mcx-craft-count span{
  display:block;
  color:#8f6b43;
  font-size:10.5px;
  letter-spacing:.18em;
}

.mcx-craft-count em{
  display:block;
  margin-top:8px;
  color:#6b6056;
  font-size:14px;
  font-style:normal;
  line-height:1.58;
}

.mcx-craft-signature>p{
  margin:0;
  color:#62594f;
  font-size:15.5px;
  line-height:1.9;
}

html[lang="zh-CN"] .mcx-craft-signature>p{
  font-size:15px;
  line-height:2;
}

.mcx-craft-ledger{
  border-top-color:rgba(130,103,72,.22) !important;
}

.mcx-craft-ledger article{
  min-height:116px !important;
  grid-template-columns:54px minmax(240px,.67fr) minmax(340px,1.33fr) !important;
  gap:24px !important;
  padding:21px 0 !important;
}

.mcx-craft-ledger article>span{
  font-size:12px !important;
}

.mcx-craft-ledger strong{
  font-size:24px !important;
}

html[lang="zh-CN"] .mcx-craft-ledger strong{
  font-size:22px !important;
}

.mcx-craft-ledger em{
  margin-top:8px !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

.mcx-craft-ledger p{
  color:#62594f !important;
  font-size:14.5px !important;
  line-height:1.78 !important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:1080px){
  .mcx-craft-signature{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media(max-width:820px){
  .mcx-hero-copy>p,
  .mcx-head p,
  .mcx-woods-copy p,
  .mcx-principle-copy>p{
    font-size:15px !important;
  }

  .mcx-craft-ledger article{
    grid-template-columns:38px 1fr !important;
  }

  .mcx-craft-ledger article p{
    grid-column:2 !important;
  }
}

@media(max-width:620px){
  .mcx-hero-note strong{
    font-size:23px !important;
  }

  .mcx-craft-count>strong{
    font-size:62px !important;
  }

  .mcx-craft-count{
    align-items:flex-start !important;
  }
}


/* =========================================================
   V6.2 — Material & Craft refinement
   - Remove the previous explanatory sentence
   - Replace 30+ with 18 key processes
   - Make the lower section more premium / more high-tech
   ========================================================= */

.material-page-v2 .mcx-craft{
  background:
    radial-gradient(circle at 84% 10%, rgba(184,140,84,.06), transparent 20%),
    linear-gradient(180deg, #f8f3eb 0%, #f1e8dd 100%) !important;
}

.material-page-v2 .mcx-head p{
  font-size:17px !important;
  line-height:1.96 !important;
}
html[lang="zh-CN"] .material-page-v2 .mcx-head p{
  font-size:16px !important;
  line-height:2.04 !important;
}

/* New high-tech process signature block */
.mcx-craft-signature{
  display:grid !important;
  grid-template-columns:minmax(420px, .96fr) minmax(460px, 1.04fr) !important;
  gap:34px !important;
  align-items:stretch !important;
  margin-top:10px !important;
  margin-bottom:48px !important;
  padding:0 !important;
  border:0 !important;
}

.mcx-process-hero,
.mcx-process-flow{
  position:relative;
  overflow:hidden;
  min-height:248px;
  padding:30px 34px 32px;
  border:1px solid rgba(144,114,78,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.48), rgba(245,237,226,.86)),
    linear-gradient(180deg, #f4ede1 0%, #efe5d8 100%);
  box-shadow:
    0 18px 42px rgba(45,31,21,.055),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.mcx-process-hero::before,
.mcx-process-flow::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(150,119,84,.10);
  pointer-events:none;
}

.mcx-process-hero::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:42%;
  height:100%;
  background:
    radial-gradient(circle at 60% 35%, rgba(187,146,90,.13), transparent 42%),
    linear-gradient(90deg, transparent 0%, rgba(160,125,86,.04) 100%);
  pointer-events:none;
}

.mcx-process-kicker{
  position:relative;
  z-index:1;
  color:#8c6941;
  font-size:10.5px;
  letter-spacing:.2em;
}

.mcx-process-metric{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  gap:20px;
  margin-top:18px;
}

.mcx-process-metric strong{
  margin:0;
  color:#2b2118;
  font:400 88px/.84 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.055em;
}

.mcx-process-metric span{
  display:block;
  color:#8c6941;
  font-size:11px;
  letter-spacing:.18em;
}

.mcx-process-metric em{
  display:block;
  margin-top:10px;
  color:#675d53;
  font-style:normal;
  font-size:14px;
  line-height:1.58;
}

.mcx-process-hero p{
  position:relative;
  z-index:1;
  max-width:640px;
  margin:22px 0 0;
  color:#5f554c;
  font-size:15.5px;
  line-height:1.92;
}
html[lang="zh-CN"] .mcx-process-hero p{
  font-size:15.5px;
  line-height:2.0;
}

/* Process flow panel */
.mcx-process-flow{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px 16px;
  align-content:center;
  background:
    linear-gradient(180deg, rgba(31,27,23,.95) 0%, rgba(47,39,32,.95) 100%),
    linear-gradient(180deg, #211c18 0%, #332b25 100%);
  border-color:rgba(186,145,90,.18);
  box-shadow:
    0 22px 46px rgba(31,22,15,.13),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.mcx-process-flow::before{
  inset:12px;
  border-color:rgba(195,157,104,.10);
}

.mcx-process-line{
  position:absolute;
  left:34px;
  right:34px;
  top:34px;
  height:1px;
  background:linear-gradient(90deg, rgba(197,159,106,.18), rgba(224,193,143,.52), rgba(197,159,106,.18));
  box-shadow:0 0 16px rgba(210,173,117,.18);
}

.mcx-process-flow span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:54px;
  padding:0 18px;
  color:#efe5d6;
  font-size:15px;
  letter-spacing:.02em;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid rgba(196,157,103,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.mcx-process-flow span::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:12px;
  border-radius:50%;
  background:#d1ab73;
  box-shadow:0 0 14px rgba(209,171,115,.35);
  flex:0 0 auto;
}

/* Make the six process rows more premium, card-based, cleaner */
.mcx-craft-ledger{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:18px !important;
  border-top:0 !important;
}

.mcx-craft-ledger article{
  position:relative;
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  gap:14px 18px !important;
  min-height:152px !important;
  padding:24px 24px 22px !important;
  border:1px solid rgba(145,115,80,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.44) 0%, rgba(247,239,228,.86) 100%);
  box-shadow:
    0 12px 28px rgba(44,29,18,.05),
    inset 0 1px 0 rgba(255,255,255,.4);
}

.mcx-craft-ledger article::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(148,118,84,.08);
  pointer-events:none;
}

.mcx-craft-ledger article > span{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  color:#987249 !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  padding-top:2px;
}

.mcx-craft-ledger strong{
  font-size:24px !important;
  line-height:1.22 !important;
}
html[lang="zh-CN"] .mcx-craft-ledger strong{
  font-size:22px !important;
  line-height:1.3 !important;
}

.mcx-craft-ledger em{
  display:block;
  margin-top:7px !important;
  color:#8a7b6b !important;
  font-size:11.5px !important;
  line-height:1.62 !important;
  letter-spacing:.08em;
}

.mcx-craft-ledger p{
  grid-column:2 !important;
  margin:8px 0 0 !important;
  color:#5f554c !important;
  font-size:14.5px !important;
  line-height:1.76 !important;
}

@media(max-width:1100px){
  .mcx-craft-signature{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:820px){
  .mcx-craft-ledger{
    grid-template-columns:1fr !important;
  }
  .mcx-process-flow{
    grid-template-columns:1fr !important;
  }
  .mcx-process-metric strong{
    font-size:74px !important;
  }
}



/* =========================================================
   V6.3 — NEW MATERIAL PLATFORM + PROCESS ARCHITECTURE
   Luxury-tech refinement
   ========================================================= */

/* ---------------- NEW MATERIAL PLATFORM ---------------- */
.mcx-platform{
  position:relative;
  padding:112px 0 118px;
  background:
    radial-gradient(circle at 86% 10%,rgba(187,145,87,.075),transparent 22%),
    linear-gradient(180deg,#f7f1e8 0%,#eee5d8 100%);
  overflow:hidden;
}

.mcx-platform::before{
  content:"NEW MATERIAL";
  position:absolute;
  right:-.03em;
  top:28px;
  color:rgba(143,108,67,.045);
  font:400 150px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
  pointer-events:none;
}

.mcx-platform-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:58px;
  align-items:start;
  margin-bottom:56px;
}

.mcx-platform-label .smallcaps{
  color:#987148!important;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.mcx-platform-label>span{
  display:block;
  margin-top:28px;
  padding-top:16px;
  border-top:1px solid rgba(138,104,67,.18);
  color:#716354;
  font-size:11px;
  letter-spacing:.18em;
}

.mcx-platform-intro h2{
  margin:0;
  max-width:940px;
  color:#1e1712;
  font:400 clamp(44px,3.4vw,60px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.032em;
}

html[lang="zh-CN"] .mcx-platform-intro h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(38px,2.8vw,50px);
  line-height:1.34;
  letter-spacing:.05em;
}

.mcx-platform-intro p{
  max-width:850px;
  margin:24px 0 0;
  color:#61574e;
  font-size:16.5px;
  line-height:2;
}

html[lang="zh-CN"] .mcx-platform-intro p{
  font-size:16px;
  letter-spacing:.02em;
}

.mcx-scale-stage{
  position:relative;
  z-index:2;
}

.mcx-scale-visuals{
  display:grid;
  grid-template-columns:.8fr 1.05fr 1.3fr;
  gap:18px;
  align-items:end;
}

.mcx-scale-card{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#d9cdbd;
  box-shadow:
    0 18px 40px rgba(42,27,17,.065),
    inset 0 0 0 1px rgba(146,115,80,.10);
}

.mcx-scale-card::before{
  content:"";
  position:absolute;
  inset:11px;
  z-index:2;
  border:1px solid rgba(230,211,184,.16);
  pointer-events:none;
}

.mcx-scale-small{height:330px;}
.mcx-scale-material{height:420px;}
.mcx-scale-large{height:500px;}

.mcx-scale-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.76) contrast(1.03) brightness(.90);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}

.mcx-scale-card:hover img{
  transform:scale(1.026);
  filter:saturate(.86) contrast(1.03) brightness(.95);
}

.mcx-scale-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.74) 100%);
}

.mcx-scale-card figcaption{
  position:absolute;
  z-index:3;
  left:24px;
  right:24px;
  bottom:21px;
}

.mcx-scale-card figcaption span{
  color:#d3b27f;
  font-size:9.5px;
  letter-spacing:.17em;
}

.mcx-scale-card figcaption strong{
  display:block;
  margin-top:7px;
  color:#f3eadd;
  font:400 21px/1.2 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mcx-scale-card figcaption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:20px;
  letter-spacing:.05em;
}

/* scale spectrum */
.mcx-scale-spectrum{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:34px;
  padding-top:30px;
}

.mcx-spectrum-line{
  position:absolute;
  left:8%;
  right:8%;
  top:9px;
  height:1px;
  background:linear-gradient(90deg,
    rgba(155,117,73,.15),
    rgba(174,133,79,.52),
    rgba(155,117,73,.15));
}

.mcx-spectrum-node{
  position:relative;
  padding:0 18px 0 0;
}

.mcx-spectrum-node::before{
  content:"";
  position:absolute;
  top:-25px;
  left:0;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#b68c59;
  box-shadow:0 0 16px rgba(182,140,89,.28);
}

.mcx-spectrum-node span{
  display:block;
  color:#9a744b;
  font-size:10px;
  letter-spacing:.14em;
}

.mcx-spectrum-node strong{
  display:block;
  margin-top:7px;
  color:#241c17;
  font:400 19px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mcx-spectrum-node strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:18px;
}

.mcx-spectrum-node em{
  display:block;
  margin-top:6px;
  color:#7b7064;
  font-size:11.5px;
  font-style:normal;
  line-height:1.55;
}

/* performance assets */
.mcx-performance{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:48px;
  align-items:start;
  margin-top:68px;
  padding-top:38px;
  border-top:1px solid rgba(132,101,67,.18);
}

.mcx-performance-intro .smallcaps{
  color:#987148!important;
  font-size:10px!important;
  letter-spacing:.2em!important;
}

.mcx-performance-intro h3{
  margin:13px 0 0;
  color:#241c17;
  font:400 28px/1.18 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mcx-performance-intro h3{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:26px;
  line-height:1.4;
  letter-spacing:.04em;
}

.mcx-performance-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.mcx-performance-grid article{
  position:relative;
  min-height:148px;
  padding:21px 20px 18px;
  overflow:hidden;
  border:1px solid rgba(142,109,72,.15);
  background:
    linear-gradient(145deg,rgba(255,255,255,.54),rgba(244,235,222,.88));
  box-shadow:
    0 10px 24px rgba(42,29,19,.035),
    inset 0 1px 0 rgba(255,255,255,.46);
}

.mcx-performance-grid article::after{
  content:"";
  position:absolute;
  width:76px;
  height:76px;
  right:-28px;
  bottom:-28px;
  border:1px solid rgba(178,139,87,.12);
  border-radius:50%;
}

.mcx-performance-grid span{
  color:#9c754c;
  font-size:9.5px;
  letter-spacing:.14em;
}

.mcx-performance-grid strong{
  display:block;
  margin-top:13px;
  color:#251d17;
  font:400 20px/1.18 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .mcx-performance-grid strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:20px;
  letter-spacing:.04em;
}

.mcx-performance-grid em{
  display:block;
  margin-top:8px;
  color:#74695e;
  font-size:11.5px;
  font-style:normal;
  line-height:1.55;
}

/* ---------------- PROCESS ARCHITECTURE ---------------- */
.mcx-craft-signature-v2{
  display:block!important;
  margin-top:4px!important;
  margin-bottom:46px!important;
  padding:0!important;
  border:0!important;
}

.mcx-tech-system{
  position:relative;
  overflow:hidden;
  padding:30px 34px 34px;
  color:#eee2d3;
  background:
    radial-gradient(circle at 82% 18%,rgba(196,151,91,.13),transparent 24%),
    linear-gradient(145deg,#171513 0%,#25211d 48%,#312920 100%);
  border:1px solid rgba(196,155,100,.16);
  box-shadow:
    0 28px 62px rgba(28,20,14,.16),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.mcx-tech-system::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(206,167,112,.09);
  pointer-events:none;
}

.mcx-tech-system::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(209,169,112,.035) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(209,169,112,.028) 50%,transparent 50.1%);
  background-size:52px 52px;
}

.mcx-tech-topline{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-bottom:19px;
  border-bottom:1px solid rgba(202,161,106,.13);
}

.mcx-tech-topline span{
  color:#c7a46f;
  font-size:10px;
  letter-spacing:.2em;
}

.mcx-tech-topline em{
  color:#716356;
  font-size:9px;
  font-style:normal;
  letter-spacing:.17em;
}

.mcx-tech-metrics{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:40px;
  align-items:end;
  padding:34px 0 30px;
}

.mcx-tech-divider{
  height:112px;
  background:linear-gradient(180deg,transparent,rgba(204,165,111,.28),transparent);
}

.mcx-tech-metric{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:25px;
  align-items:end;
}

.mcx-tech-metric strong{
  grid-row:1/3;
  color:#f1e2cd;
  font:400 96px/.78 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.06em;
  text-shadow:0 0 28px rgba(201,160,102,.08);
}

.mcx-tech-metric span{
  align-self:end;
  color:#c6a16c;
  font-size:11px;
  letter-spacing:.18em;
}

.mcx-tech-metric em{
  margin-top:8px;
  color:#87786a;
  font-size:13px;
  font-style:normal;
  line-height:1.5;
}

.mcx-tech-track{
  position:relative;
  z-index:2;
  padding-top:26px;
  border-top:1px solid rgba(202,161,106,.10);
}

.mcx-tech-track-line{
  position:absolute;
  left:5px;
  right:5px;
  top:37px;
  height:1px;
  background:linear-gradient(90deg,
    rgba(198,158,104,.14),
    rgba(225,190,137,.50),
    rgba(198,158,104,.14));
  box-shadow:0 0 16px rgba(205,166,111,.10);
}

.mcx-tech-dots{
  position:relative;
  display:grid;
  grid-template-columns:repeat(30,1fr);
  gap:5px;
}

.mcx-tech-dots i{
  position:relative;
  z-index:2;
  display:block;
  width:7px;
  height:7px;
  margin:auto;
  border-radius:50%;
  border:1px solid rgba(169,142,109,.25);
  background:#312b25;
}

.mcx-tech-dots i.on{
  border-color:#c9a46e;
  background:#c9a46e;
  box-shadow:0 0 11px rgba(201,164,110,.34);
}

.mcx-tech-track-labels{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  margin-top:19px;
  color:#6f6255;
  font-size:8.5px;
  letter-spacing:.15em;
  text-align:center;
}

/* Make representative process cards darker / more technical */
.mcx-craft-ledger{
  gap:14px!important;
}

.mcx-craft-ledger article{
  min-height:148px!important;
  border-color:rgba(142,109,72,.14)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.45),rgba(243,234,221,.84))!important;
}

@media(max-width:1100px){
  .mcx-platform-head,
  .mcx-performance{
    grid-template-columns:1fr!important;
  }
  .mcx-scale-visuals{
    grid-template-columns:1fr 1fr!important;
  }
  .mcx-scale-large{
    grid-column:1/3;
  }
}

@media(max-width:820px){
  .mcx-scale-spectrum{
    grid-template-columns:1fr!important;
    gap:22px;
    padding-left:26px;
  }
  .mcx-spectrum-line{
    top:0;
    bottom:0;
    left:4px;
    right:auto;
    width:1px;
    height:auto;
  }
  .mcx-spectrum-node::before{
    top:4px;
    left:-26px;
  }
  .mcx-performance-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .mcx-tech-metrics{
    grid-template-columns:1fr!important;
  }
  .mcx-tech-divider{
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(204,165,111,.28),transparent);
  }
}

@media(max-width:620px){
  .mcx-scale-visuals{
    grid-template-columns:1fr!important;
  }
  .mcx-scale-large{
    grid-column:auto;
  }
  .mcx-scale-small,
  .mcx-scale-material,
  .mcx-scale-large{
    height:360px;
  }
  .mcx-performance-grid{
    grid-template-columns:1fr!important;
  }
  .mcx-tech-metric strong{
    font-size:76px;
  }
  .mcx-tech-topline{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   V6.4 — CUSTOMIZATION / BESPOKE PROJECT PAGE
   Luxury editorial + controlled technology
   ========================================================= */

.custom-page-v2{
  background:#f4eee5;
  color:#1d1713;
}

.custom-page-v2 .nav{
  background:rgba(248,243,236,.93)!important;
  border-bottom:1px solid rgba(149,117,80,.12)!important;
  backdrop-filter:blur(16px);
}
.custom-page-v2 .nav .wordmark,
.custom-page-v2 .nav .navlinks a{color:#241c17!important;}
.custom-page-v2 .nav .navlinks a.active,
.custom-page-v2 .nav .navlinks a:hover{color:#8f6940!important;}
.custom-page-v2 .nav .lang button,
.custom-page-v2 .nav .lang span{color:#625448!important;}

/* hero */
.cx-hero{
  position:relative;
  padding:152px 0 112px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 14%,rgba(199,157,96,.10),transparent 21%),
    linear-gradient(180deg,#f8f3ec 0%,#f1e9de 100%);
}
.cx-hero::before{
  content:"BESPOKE";
  position:absolute;
  right:-.03em;
  top:30px;
  color:rgba(151,116,75,.05);
  font:400 170px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.05em;
  pointer-events:none;
}
.cx-hero-grid{
  display:grid;
  grid-template-columns:minmax(430px,.91fr) minmax(540px,1.09fr);
  gap:clamp(62px,7vw,126px);
  align-items:center;
}
.cx-hero-copy .smallcaps{
  color:#987148!important;
  margin-bottom:26px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.cx-hero-copy h1{
  margin:0;
  max-width:760px;
  color:#1e1712;
  font:400 clamp(48px,4.15vw,72px)/1.01 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
}
html[lang="zh-CN"] .cx-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(41px,3.3vw,57px);
  line-height:1.30;
  letter-spacing:.05em;
}
.cx-hero-copy>p{
  max-width:680px;
  margin:27px 0 0;
  color:#62594f;
  font-size:16px;
  line-height:2;
}
.cx-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:11px 28px;
  margin-top:36px;
  padding:18px 0;
  border-top:1px solid rgba(145,116,82,.17);
  border-bottom:1px solid rgba(145,116,82,.11);
}
.cx-hero-tags span{
  color:#8f6b43;
  font-size:10px;
  letter-spacing:.18em;
}
.cx-text-link{
  display:inline-flex;
  margin-top:29px;
  padding-bottom:6px;
  color:#9c754b;
  border-bottom:1px solid rgba(156,117,75,.25);
  font-size:12.5px;
  letter-spacing:.07em;
}

/* hero collage */
.cx-hero-composition{
  position:relative;
  min-height:640px;
}
.cx-hero-product,
.cx-hero-sketch,
.cx-hero-material{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#d9cebf;
  box-shadow:0 22px 50px rgba(37,24,15,.085), inset 0 0 0 1px rgba(145,116,82,.10);
}
.cx-hero-product::before,
.cx-hero-sketch::before,
.cx-hero-material::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}
.cx-hero-product{left:0;top:32px;width:61%;height:448px;}
.cx-hero-sketch{right:0;top:0;width:35%;height:275px;background:#e6ddd1;}
.cx-hero-material{right:0;bottom:0;width:35%;height:245px;}
.cx-hero-product img,
.cx-hero-material img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.76) contrast(1.03) brightness(.92);
}
.cx-hero-sketch img{
  width:100%;height:100%;object-fit:contain;padding:20px;
  filter:saturate(.50) contrast(.96);
}
.cx-hero-product::after,
.cx-hero-material::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.73) 100%);
}
.cx-hero-product figcaption,
.cx-hero-material figcaption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:19px;
}
.cx-hero-sketch figcaption{
  position:absolute;z-index:3;left:20px;bottom:17px;
}
.cx-hero-composition figcaption span{
  color:#b38b57;font-size:9px;letter-spacing:.16em;
}
.cx-hero-product figcaption span,
.cx-hero-material figcaption span{color:#d1ad77;}
.cx-hero-composition figcaption strong{
  display:block;margin-top:6px;color:#251d17;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
.cx-hero-product figcaption strong,
.cx-hero-material figcaption strong{color:#f2e9dd;}
html[lang="zh-CN"] .cx-hero-composition figcaption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.cx-hero-note{
  position:absolute;
  left:18%;
  bottom:72px;
  z-index:5;
  width:43%;
  padding:24px 26px;
  background:rgba(252,248,242,.95);
  border:1px solid rgba(145,116,82,.14);
  box-shadow:0 18px 38px rgba(36,23,14,.07);
}
.cx-hero-note span{
  color:#9a744b;font-size:9px;letter-spacing:.18em;
}
.cx-hero-note strong{
  display:block;margin-top:9px;color:#231b15;
  font:400 25px/1.2 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-hero-note strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:23px;line-height:1.38;letter-spacing:.05em;
}

/* shared heading */
.cx-section-head{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:48px;
}
.cx-section-head>.smallcaps{
  color:#a7865f!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.cx-section-head h2{
  margin:0;
  max-width:880px;
  color:#1d1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .cx-section-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}
.cx-section-head p{
  max-width:760px;
  margin:21px 0 0;
  color:#62594f;
  font-size:15.5px;
  line-height:1.96;
}

/* starting points */
.cx-startpoints{
  padding:106px 0 112px;
  background:linear-gradient(180deg,#f4eee5 0%,#eee5d9 100%);
}
.cx-start-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.cx-start-grid article{
  position:relative;
  min-height:238px;
  padding:25px 23px 24px;
  overflow:hidden;
  border:1px solid rgba(142,109,72,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(244,235,222,.88));
  box-shadow:0 12px 28px rgba(42,29,19,.04),inset 0 1px 0 rgba(255,255,255,.45);
}
.cx-start-grid article::before{
  content:"";position:absolute;inset:10px;border:1px solid rgba(148,118,84,.08);pointer-events:none;
}
.cx-start-grid article>span{
  color:#987249;font-size:10px;letter-spacing:.15em;
}
.cx-start-grid strong{
  display:block;margin-top:27px;color:#241c17;
  font:400 25px/1.16 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-start-grid strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:23px;letter-spacing:.05em;
}
.cx-start-grid em{
  display:block;margin-top:12px;color:#6b6056;font-size:13px;font-style:normal;line-height:1.75;
}

/* architecture */
.cx-architecture{
  padding:96px 0 102px;
  background:
    radial-gradient(circle at 80% 14%,rgba(200,157,95,.12),transparent 23%),
    linear-gradient(135deg,#211710 0%,#302219 54%,#39291e 100%);
  color:#efe6d8;
}
.cx-architecture-grid{
  display:grid;
  grid-template-columns:minmax(410px,.84fr) minmax(560px,1.16fr);
  gap:clamp(56px,6vw,110px);
  align-items:start;
}
.cx-architecture-copy .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.cx-architecture-copy h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .cx-architecture-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);line-height:1.34;letter-spacing:.05em;
}
.cx-architecture-copy p{
  margin:23px 0 0;color:#b9a99a;font-size:15px;line-height:1.95;
}
.cx-architecture-ledger{
  border-top:1px solid rgba(207,172,116,.14);
}
.cx-architecture-ledger article{
  display:grid;
  grid-template-columns:42px minmax(190px,.72fr) minmax(240px,1.28fr);
  gap:18px;
  align-items:center;
  min-height:108px;
  padding:18px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}
.cx-architecture-ledger article>span{
  align-self:start;padding-top:3px;color:#a98a60;font-size:11px;
}
.cx-architecture-ledger strong{
  display:block;color:#eadccc;
  font:400 22px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-architecture-ledger strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:21px;letter-spacing:.05em;
}
.cx-architecture-ledger em{
  display:block;margin-top:6px;color:#8d7e70;font-size:10px;font-style:normal;line-height:1.55;
}
.cx-architecture-ledger p{
  margin:0;color:#a99a8d;font-size:12.5px;line-height:1.72;
}

/* study */
.cx-study{
  padding:106px 0 112px;
  background:#f3ede3;
}
.cx-study-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.cx-study-pair{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:12px;
  color:#1d1713;
}
.cx-study-sketch,
.cx-study-object{
  position:relative;min-height:420px;overflow:hidden;background:#ded3c5;
  box-shadow:0 14px 30px rgba(38,24,14,.05);
}
.cx-study-sketch::before,
.cx-study-object::before{
  content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(148,117,82,.11);pointer-events:none;
}
.cx-study-sketch img{
  width:100%;height:100%;object-fit:contain;padding:24px;filter:saturate(.50) contrast(.96);
}
.cx-study-sketch>span{
  position:absolute;left:18px;bottom:16px;color:#8f704f;font-size:9px;letter-spacing:.16em;
}
.cx-study-object img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.03) brightness(.91);
}
.cx-study-object::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.75) 100%);
}
.cx-study-object>div{
  position:absolute;z-index:3;left:22px;right:22px;bottom:19px;
}
.cx-study-object span{color:#d0ab75;font-size:9px;letter-spacing:.16em;}
.cx-study-object strong{
  display:block;margin-top:7px;color:#f3eadd;
  font:400 23px/1.2 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-study-object strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:22px;letter-spacing:.05em;
}

/* project path */
.cx-path{
  padding:100px 0 108px;
  background:linear-gradient(180deg,#f8f3eb 0%,#eee4d7 100%);
}
.cx-path-system{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  padding-top:36px;
}
.cx-path-track{
  position:absolute;left:8%;right:8%;top:10px;height:1px;
  background:linear-gradient(90deg,rgba(151,113,69,.14),rgba(184,141,87,.50),rgba(151,113,69,.14));
}
.cx-path-system article{
  position:relative;
  min-height:178px;
  padding:22px 18px;
  border:1px solid rgba(143,110,73,.15);
  background:rgba(255,255,255,.34);
}
.cx-path-system article::before{
  content:"";position:absolute;top:-31px;left:18px;width:9px;height:9px;border-radius:50%;
  background:#b68b57;box-shadow:0 0 14px rgba(182,139,87,.26);
}
.cx-path-system span{color:#9a744b;font-size:10px;letter-spacing:.14em;}
.cx-path-system strong{
  display:block;margin-top:20px;color:#241c17;
  font:400 21px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-path-system strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:20px;letter-spacing:.05em;
}
.cx-path-system em{
  display:block;margin-top:10px;color:#776c62;font-size:11.5px;font-style:normal;line-height:1.55;
}

/* contact */
.cx-contact{
  padding:96px 0 88px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 78% 14%,rgba(204,161,97,.13),transparent 22%),
    linear-gradient(135deg,#211710 0%,#302219 56%,#39291e 100%);
}
.cx-contact-grid{
  display:grid;
  grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);
  gap:clamp(58px,7vw,120px);
  align-items:start;
}
.cx-contact-copy .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.cx-contact-copy h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .cx-contact-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);line-height:1.34;letter-spacing:.05em;
}
.cx-contact-copy p{
  margin:23px 0 0;color:#b9a99a;font-size:15px;line-height:1.95;
}
.cx-contact-actions{
  display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:30px;
}
.cx-contact-actions a{
  padding-bottom:6px;color:#d1ae78;border-bottom:1px solid rgba(209,174,120,.26);font-size:12px;letter-spacing:.07em;
}
.cx-contact-actions a+ a{color:#948679;border-color:rgba(148,134,121,.16);}

.cx-brief{
  border-top:1px solid rgba(207,172,116,.15);
}
.cx-brief-head{
  display:flex;justify-content:space-between;align-items:center;padding:14px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}
.cx-brief-head span,.cx-brief-head em{
  color:#a98a60;font-size:9px;font-style:normal;letter-spacing:.18em;
}
.cx-brief-row{
  display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;
  min-height:64px;border-bottom:1px solid rgba(207,172,116,.10);
}
.cx-brief-row span{color:#a98a60;font-size:10px;}
.cx-brief-row strong{
  color:#e3d5c4;font:400 18px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .cx-brief-row strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);letter-spacing:.05em;
}
.cx-contacts{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  margin-top:54px;border-top:1px solid rgba(207,172,116,.14);border-bottom:1px solid rgba(207,172,116,.10);
}
.cx-contacts>div{
  padding:22px 0 24px;
}
.cx-contacts>div+div{
  padding-left:34px;border-left:1px solid rgba(207,172,116,.10);
}
.cx-contacts span{color:#a98a60;font-size:9px;letter-spacing:.16em;}
.cx-contacts strong{
  display:block;margin-top:8px;color:#eadccc;
  font:400 19px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
.cx-contacts a{
  display:inline-block;margin-top:9px;color:#c4b3a2;font-size:13px;border-bottom:1px solid rgba(196,179,162,.16);
}

@media(max-width:1100px){
  .cx-hero-grid,
  .cx-architecture-grid,
  .cx-contact-grid{grid-template-columns:1fr;}
  .cx-start-grid{grid-template-columns:1fr 1fr;}
  .cx-path-system{grid-template-columns:repeat(3,1fr);row-gap:34px;}
  .cx-path-track{display:none;}
  .cx-path-system article::before{display:none;}
}
@media(max-width:820px){
  .cx-section-head{grid-template-columns:1fr;gap:16px;}
  .cx-study-grid{grid-template-columns:1fr;}
  .cx-study-pair{min-height:420px;}
  .cx-architecture-ledger article{grid-template-columns:34px 1fr;}
  .cx-architecture-ledger article p{grid-column:2;}
  .cx-contacts{grid-template-columns:1fr;}
  .cx-contacts>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(207,172,116,.10);}
}
@media(max-width:620px){
  .cx-hero{padding-top:122px;}
  .cx-hero-copy h1{font-size:42px;}
  html[lang="zh-CN"] .cx-hero-copy h1{font-size:35px;}
  .cx-hero-composition{
    min-height:auto;display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;
  }
  .cx-hero-product,.cx-hero-sketch,.cx-hero-material,.cx-hero-note{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;
  }
  .cx-hero-product{height:360px;}
  .cx-hero-sketch,.cx-hero-material{height:230px;}
  .cx-start-grid{grid-template-columns:1fr;}
  .cx-study-pair{grid-template-columns:1fr;}
  .cx-study-sketch,.cx-study-object{min-height:330px;}
  .cx-path-system{grid-template-columns:1fr;}
}


/* =========================================================
   V6.5 — ABOUT HANJADE / BRAND STORY PAGE
   Quiet luxury + manufacturing credibility
   ========================================================= */

.about-page-v2{
  background:#f4eee5;
  color:#1d1713;
}

.about-page-v2 .nav{
  background:rgba(248,243,236,.93)!important;
  border-bottom:1px solid rgba(149,117,80,.12)!important;
  backdrop-filter:blur(16px);
}
.about-page-v2 .nav .wordmark,
.about-page-v2 .nav .navlinks a{color:#241c17!important;}
.about-page-v2 .nav .navlinks a.active,
.about-page-v2 .nav .navlinks a:hover{color:#8f6940!important;}
.about-page-v2 .nav .lang button,
.about-page-v2 .nav .lang span{color:#625448!important;}

/* hero */
.ax-hero{
  position:relative;
  padding:154px 0 116px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 14%,rgba(199,157,96,.10),transparent 21%),
    linear-gradient(180deg,#f8f3ec 0%,#f0e7dc 100%);
}
.ax-hero::before{
  content:"HANJADE";
  position:absolute;
  right:-.03em;
  top:30px;
  color:rgba(151,116,75,.045);
  font:400 176px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.05em;
  pointer-events:none;
}
.ax-hero-grid{
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(540px,1.08fr);
  gap:clamp(62px,7vw,126px);
  align-items:center;
}
.ax-hero-copy .smallcaps{
  color:#987148!important;
  margin-bottom:26px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.ax-hero-copy h1{
  margin:0;
  max-width:760px;
  color:#1e1712;
  font:400 clamp(48px,4.1vw,70px)/1.01 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
}
html[lang="zh-CN"] .ax-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(41px,3.3vw,57px);
  line-height:1.30;
  letter-spacing:.05em;
}
.ax-hero-copy>p{
  max-width:690px;
  margin:27px 0 0;
  color:#62594f;
  font-size:16px;
  line-height:2;
}
.ax-hero-values{
  display:flex;
  flex-wrap:wrap;
  gap:11px 28px;
  margin-top:36px;
  padding-top:18px;
  border-top:1px solid rgba(145,116,82,.17);
}
.ax-hero-values span{
  color:#8f6b43;
  font-size:10px;
  letter-spacing:.18em;
}

/* hero collage */
.ax-hero-composition{
  position:relative;
  min-height:650px;
}
.ax-hero-factory,
.ax-hero-object{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#d9cebf;
  box-shadow:0 22px 50px rgba(37,24,15,.085), inset 0 0 0 1px rgba(145,116,82,.10);
}
.ax-hero-factory::before,
.ax-hero-object::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:2;
  border:1px solid rgba(148,117,82,.12);
  pointer-events:none;
}
.ax-hero-factory{
  left:0;
  top:28px;
  width:64%;
  height:485px;
}
.ax-hero-object{
  right:0;
  top:0;
  width:32%;
  height:300px;
}
.ax-hero-factory img,
.ax-hero-object img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.70) sepia(.06) contrast(1.04) brightness(.88);
}
.ax-hero-factory::after,
.ax-hero-object::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.73) 100%);
}
.ax-hero-factory figcaption,
.ax-hero-object figcaption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:19px;
}
.ax-hero-composition figcaption span{
  color:#d1ad77;font-size:9px;letter-spacing:.16em;
}
.ax-hero-composition figcaption strong{
  display:block;margin-top:6px;color:#f2e9dd;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ax-hero-composition figcaption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.ax-hero-note{
  position:absolute;
  left:20%;
  bottom:70px;
  z-index:5;
  width:48%;
  padding:25px 27px;
  background:rgba(252,248,242,.95);
  border:1px solid rgba(145,116,82,.14);
  box-shadow:0 18px 40px rgba(36,23,14,.07);
}
.ax-hero-note span{
  color:#9a744b;font-size:9px;letter-spacing:.18em;
}
.ax-hero-note strong{
  display:block;margin-top:9px;color:#231b15;
  font:400 26px/1.2 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ax-hero-note strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:24px;line-height:1.4;letter-spacing:.05em;
}

/* shared heading */
.ax-section-head{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:48px;
}
.ax-section-head>.smallcaps{
  color:#a7865f!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.ax-section-head h2{
  margin:0;
  max-width:880px;
  color:#1d1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ax-section-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}
.ax-section-head p{
  max-width:760px;
  margin:21px 0 0;
  color:#62594f;
  font-size:15.5px;
  line-height:1.96;
}

/* story */
.ax-story{
  padding:108px 0 114px;
  background:linear-gradient(180deg,#f4eee5 0%,#eee5d9 100%);
}
.ax-story-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.ax-story-grid article{
  position:relative;
  min-height:248px;
  padding:25px 23px 24px;
  overflow:hidden;
  border:1px solid rgba(142,109,72,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(244,235,222,.88));
  box-shadow:0 12px 28px rgba(42,29,19,.04),inset 0 1px 0 rgba(255,255,255,.45);
}
.ax-story-grid article::before{
  content:"";position:absolute;inset:10px;border:1px solid rgba(148,118,84,.08);pointer-events:none;
}
.ax-story-grid article>span{
  color:#987249;font-size:10px;letter-spacing:.15em;
}
.ax-story-grid strong{
  display:block;margin-top:28px;color:#241c17;
  font:400 24px/1.16 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ax-story-grid strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:22px;letter-spacing:.05em;
}
.ax-story-grid em{
  display:block;margin-top:12px;color:#6b6056;font-size:13px;font-style:normal;line-height:1.78;
}

/* facts */
.ax-facts{
  padding:98px 0 104px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 79% 14%,rgba(204,161,97,.13),transparent 22%),
    linear-gradient(135deg,#211710 0%,#302219 56%,#39291e 100%);
}
.ax-facts-grid{
  display:grid;
  grid-template-columns:minmax(410px,.85fr) minmax(560px,1.15fr);
  gap:clamp(56px,7vw,120px);
  align-items:start;
}
.ax-facts-copy .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.ax-facts-copy h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ax-facts-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);line-height:1.34;letter-spacing:.05em;
}
.ax-facts-copy p{
  margin:23px 0 0;color:#b9a99a;font-size:15px;line-height:1.95;
}
.ax-facts-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(207,172,116,.14);
  border-left:1px solid rgba(207,172,116,.10);
}
.ax-facts-metrics article{
  min-height:180px;
  padding:24px 25px 22px;
  border-right:1px solid rgba(207,172,116,.10);
  border-bottom:1px solid rgba(207,172,116,.10);
}
.ax-facts-metrics span{
  color:#a98a60;font-size:9px;letter-spacing:.18em;
}
.ax-facts-metrics strong{
  display:block;margin-top:22px;color:#f0e0cb;
  font:400 45px/.95 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
.ax-facts-metrics em{
  display:block;margin-top:13px;color:#8f8173;font-size:11.5px;font-style:normal;
}

/* system */
.ax-system{
  padding:104px 0 110px;
  background:#f4eee5;
}
.ax-system-ledger{
  border-top:1px solid rgba(130,103,72,.20);
}
.ax-system-ledger article{
  display:grid;
  grid-template-columns:50px minmax(230px,.68fr) minmax(320px,1.32fr);
  gap:22px;
  align-items:center;
  min-height:112px;
  padding:20px 0;
  border-bottom:1px solid rgba(130,103,72,.13);
}
.ax-system-ledger article>span{
  align-self:start;padding-top:3px;color:#a0805d;font-size:11px;
}
.ax-system-ledger strong{
  display:block;color:#251e19;
  font:400 23px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ax-system-ledger strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:21px;letter-spacing:.05em;
}
.ax-system-ledger em{
  display:block;margin-top:7px;color:#8b7d70;font-size:10.5px;font-style:normal;letter-spacing:.06em;line-height:1.55;
}
.ax-system-ledger p{
  margin:0;color:#675d54;font-size:13.5px;line-height:1.75;
}

/* global */
.ax-global{
  padding:88px 0 94px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 74% 10%,rgba(208,163,98,.14),transparent 20%),
    linear-gradient(135deg,#241811 0%,#2e2118 42%,#38281d 74%,#2a1c14 100%);
}
.ax-global-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);
  gap:clamp(46px,5vw,88px);
  align-items:center;
}
.ax-global-map{
  position:relative;
  height:560px;
  overflow:hidden;
  background:#201710;
  box-shadow:0 28px 64px rgba(18,10,5,.22),inset 0 0 0 1px rgba(218,181,121,.10);
}
.ax-global-map::before{
  content:"";position:absolute;inset:14px;z-index:2;border:1px solid rgba(219,184,126,.10);pointer-events:none;
}
.ax-global-map img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(1.02) contrast(1.10) saturate(.74) sepia(.14);
}
.ax-global-map-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(37,25,17,.00) 18%,rgba(37,25,17,.12) 56%,rgba(24,15,10,.72) 100%);
}
.ax-global-caption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:20px;
}
.ax-global-caption span{
  color:#c9a970;font-size:9px;letter-spacing:.18em;
}
.ax-global-caption strong{
  display:block;margin-top:7px;color:#efe0cc;
  font:400 23px/1.18 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ax-global-caption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:22px;letter-spacing:.05em;
}
.ax-global-copy .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.ax-global-copy h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(42px,3.1vw,54px)/1.05 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ax-global-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.55vw,46px);line-height:1.34;letter-spacing:.05em;
}
.ax-global-copy>p{
  margin:23px 0 0;color:#b9a99a;font-size:15px;line-height:1.95;
}
.ax-global-markets{
  margin-top:26px;padding:17px 0;border-top:1px solid rgba(207,172,116,.14);border-bottom:1px solid rgba(207,172,116,.10);
}
.ax-global-markets span{
  color:#a98a60;font-size:9px;letter-spacing:.18em;
}
.ax-global-markets p{
  margin:9px 0 0;color:#968777;font-size:11.5px;line-height:1.75;
}
.ax-global-actions{
  display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:24px;
}
.ax-global-actions a{
  padding-bottom:6px;color:#d1ae78;border-bottom:1px solid rgba(209,174,120,.25);font-size:12px;letter-spacing:.07em;
}

@media(max-width:1100px){
  .ax-hero-grid,
  .ax-facts-grid,
  .ax-global-grid{grid-template-columns:1fr;}
  .ax-story-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:820px){
  .ax-section-head{grid-template-columns:1fr;gap:16px;}
  .ax-system-ledger article{grid-template-columns:36px 1fr;}
  .ax-system-ledger article p{grid-column:2;}
}
@media(max-width:620px){
  .ax-hero{padding-top:122px;}
  .ax-hero-copy h1{font-size:42px;}
  html[lang="zh-CN"] .ax-hero-copy h1{font-size:35px;}
  .ax-hero-composition{
    min-height:auto;display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;
  }
  .ax-hero-factory,.ax-hero-object,.ax-hero-note{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;
  }
  .ax-hero-factory{height:360px;}
  .ax-hero-object{height:240px;}
  .ax-story-grid{grid-template-columns:1fr;}
  .ax-facts-metrics{grid-template-columns:1fr;}
  .ax-global-map{height:340px;}
}


/* =========================================================
   V6.6 — SHANGHAI 2026 / EXHIBITION PAGE
   Luxury event invitation + brand launch
   ========================================================= */

.exhibition-page-v2{
  background:#f3ede3;
  color:#1d1713;
}

.exhibition-page-v2 .nav{
  background:rgba(24,17,13,.95)!important;
  border-bottom:1px solid rgba(202,169,112,.12)!important;
  backdrop-filter:blur(16px);
}

/* HERO */
.ex-hero{
  position:relative;
  padding:144px 0 104px;
  color:#efe6d8;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 12%,rgba(210,165,99,.13),transparent 22%),
    radial-gradient(circle at 16% 84%,rgba(124,77,44,.12),transparent 28%),
    linear-gradient(135deg,#1d1510 0%,#2a1e16 46%,#37281d 78%,#261a13 100%);
}
.ex-hero::before{
  content:"SHANGHAI";
  position:absolute;
  right:-.03em;
  top:28px;
  color:rgba(225,188,128,.025);
  font:400 172px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.05em;
  pointer-events:none;
}
.ex-hero-grid{
  display:grid;
  grid-template-columns:minmax(440px,.91fr) minmax(540px,1.09fr);
  gap:clamp(62px,7vw,126px);
  align-items:center;
}
.ex-hero-copy .smallcaps{
  color:#c8a56e!important;
  margin-bottom:24px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.ex-date-mark{
  display:flex;
  align-items:baseline;
  gap:16px;
  margin-bottom:19px;
}
.ex-date-mark span{
  color:#a7865e;
  font:400 18px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.08em;
}
.ex-date-mark strong{
  color:#d8c1a0;
  font:400 31px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.04em;
}
.ex-hero-copy h1{
  margin:0;
  max-width:780px;
  color:#f2e7d8;
  font:400 clamp(48px,4.05vw,70px)/1.01 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
}
html[lang="zh-CN"] .ex-hero-copy h1{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(40px,3.15vw,55px);
  line-height:1.34;
  letter-spacing:.045em;
}
.ex-hero-copy>p{
  max-width:700px;
  margin:25px 0 0;
  color:#b9aa9b;
  font-size:15.5px;
  line-height:1.98;
}
.ex-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:31px;
  border-top:1px solid rgba(208,173,117,.14);
  border-bottom:1px solid rgba(208,173,117,.10);
}
.ex-hero-facts>div{
  padding:16px 18px 17px 0;
}
.ex-hero-facts>div+div{
  padding-left:18px;
  border-left:1px solid rgba(208,173,117,.10);
}
.ex-hero-facts span{
  display:block;
  color:#9b7e5b;
  font-size:8.5px;
  letter-spacing:.18em;
}
.ex-hero-facts strong{
  display:block;
  margin-top:7px;
  color:#e5d5c0;
  font:400 18px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.04em;
}
.ex-hero-link{
  display:inline-flex;
  margin-top:28px;
  padding-bottom:6px;
  color:#d0ad77;
  border-bottom:1px solid rgba(208,173,119,.26);
  font-size:12px;
  letter-spacing:.07em;
}

/* hero collage */
.ex-hero-composition{
  position:relative;
  min-height:650px;
}
.ex-hero-main,
.ex-hero-material,
.ex-hero-object{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#1a120e;
  box-shadow:0 24px 54px rgba(14,7,4,.22),inset 0 0 0 1px rgba(214,178,117,.08);
}
.ex-hero-main::before,
.ex-hero-material::before,
.ex-hero-object::before{
  content:"";position:absolute;inset:12px;z-index:2;border:1px solid rgba(225,194,141,.10);pointer-events:none;
}
.ex-hero-main{left:0;top:25px;width:62%;height:470px;}
.ex-hero-material{right:0;top:0;width:34%;height:270px;}
.ex-hero-object{right:0;bottom:0;width:34%;height:248px;}
.ex-hero-main img,
.ex-hero-material img,
.ex-hero-object img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.72) sepia(.05) contrast(1.04) brightness(.80);
}
.ex-hero-main::after,
.ex-hero-material::after,
.ex-hero-object::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.74) 100%);
}
.ex-hero-composition figcaption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:19px;
}
.ex-hero-composition figcaption span{
  color:#cdaa75;font-size:8.5px;letter-spacing:.16em;
}
.ex-hero-composition figcaption strong{
  display:block;margin-top:6px;color:#efe4d4;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ex-hero-composition figcaption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}
.ex-booth-mark{
  position:absolute;
  left:18%;
  bottom:65px;
  z-index:5;
  width:43%;
  padding:24px 26px 23px;
  background:rgba(31,25,21,.91);
  border:1px solid rgba(203,163,108,.18);
  box-shadow:0 20px 45px rgba(12,7,4,.16);
  backdrop-filter:blur(8px);
}
.ex-booth-mark span{
  color:#b99461;font-size:9px;letter-spacing:.18em;
}
.ex-booth-mark strong{
  display:block;margin-top:8px;color:#f1dfc7;
  font:400 48px/.95 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.025em;
}
.ex-booth-mark em{
  display:block;margin-top:10px;color:#7d6e60;font-size:9.5px;font-style:normal;letter-spacing:.17em;
}

/* shared heading */
.ex-section-head{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:48px;
}
.ex-section-head>.smallcaps{
  color:#a7865f!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.ex-section-head h2{
  margin:0;
  max-width:880px;
  color:#1d1713;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ex-section-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}
.ex-section-head p{
  max-width:770px;
  margin:21px 0 0;
  color:#62594f;
  font-size:15.5px;
  line-height:1.96;
}

/* Intro */
.ex-intro{
  padding:106px 0 112px;
  background:linear-gradient(180deg,#f5efe6 0%,#eee5d9 100%);
}
.ex-intro-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.ex-intro-grid article{
  position:relative;
  min-height:245px;
  padding:25px 23px 24px;
  overflow:hidden;
  border:1px solid rgba(142,109,72,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(244,235,222,.88));
  box-shadow:0 12px 28px rgba(42,29,19,.04),inset 0 1px 0 rgba(255,255,255,.45);
}
.ex-intro-grid article::before{
  content:"";position:absolute;inset:10px;border:1px solid rgba(148,118,84,.08);pointer-events:none;
}
.ex-intro-grid article>span{
  color:#987249;font-size:10px;letter-spacing:.15em;
}
.ex-intro-grid strong{
  display:block;margin-top:28px;color:#241c17;
  font:400 24px/1.16 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ex-intro-grid strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:22px;letter-spacing:.05em;
}
.ex-intro-grid em{
  display:block;margin-top:12px;color:#6b6056;font-size:13px;font-style:normal;line-height:1.78;
}

/* material */
.ex-material{
  padding:98px 0 104px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 80% 14%,rgba(202,158,95,.12),transparent 23%),
    linear-gradient(135deg,#211710 0%,#302219 54%,#39291e 100%);
}
.ex-material-grid{
  display:grid;
  grid-template-columns:minmax(410px,.84fr) minmax(560px,1.16fr);
  gap:clamp(56px,6vw,110px);
  align-items:center;
}
.ex-material-copy .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.ex-material-copy h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ex-material-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);line-height:1.34;letter-spacing:.05em;
}
.ex-material-copy>p{
  margin:23px 0 0;color:#b9a99a;font-size:15px;line-height:1.95;
}
.ex-material-lines{
  margin-top:30px;border-top:1px solid rgba(207,172,116,.14);
}
.ex-material-lines>div{
  display:grid;grid-template-columns:36px 155px 1fr;gap:14px;padding:15px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}
.ex-material-lines span{color:#a98a60;font-size:10px;}
.ex-material-lines strong{
  color:#e8dac9;font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ex-material-lines strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);letter-spacing:.05em;
}
.ex-material-lines em{
  color:#928375;font-size:11.5px;font-style:normal;line-height:1.6;
}
.ex-material-visual{
  display:grid;grid-template-columns:1.18fr .82fr;gap:14px;min-height:560px;
}
.ex-material-main,.ex-material-side{
  position:relative;margin:0;overflow:hidden;background:#1d140f;box-shadow:0 26px 58px rgba(15,8,4,.22);
}
.ex-material-main::before,.ex-material-side::before{
  content:"";position:absolute;inset:11px;z-index:2;border:1px solid rgba(220,187,132,.10);pointer-events:none;
}
.ex-material-main img,.ex-material-side img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.70) sepia(.05) contrast(1.04) brightness(.79);
}
.ex-material-main::after,.ex-material-side::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.72) 100%);
}
.ex-material-visual figcaption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:20px;
}
.ex-material-visual span{color:#c5a16d;font-size:8.5px;letter-spacing:.16em;}
.ex-material-visual strong{
  display:block;margin-top:6px;color:#efe4d5;font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ex-material-visual strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);letter-spacing:.05em;
}

/* meet */
.ex-meet{
  padding:104px 0 110px;
  background:#f3ede3;
}
.ex-meet-system{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:34px;
  align-items:stretch;
}
.ex-meet-metric{
  padding:28px 28px 30px;
  color:#efe6d8;
  background:linear-gradient(145deg,#1e1915,#302820);
  border:1px solid rgba(190,151,99,.16);
  box-shadow:0 22px 48px rgba(31,22,15,.12);
}
.ex-meet-metric span{
  color:#c39d68;font-size:9px;letter-spacing:.18em;
}
.ex-meet-metric strong{
  display:block;margin-top:28px;color:#f0dfc8;
  font:400 72px/.85 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.04em;
}
.ex-meet-metric em{
  display:block;margin-top:14px;color:#8b7c6f;font-size:12px;font-style:normal;
}
.ex-meet-list{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.ex-meet-list article{
  min-height:132px;padding:21px 20px;border:1px solid rgba(143,110,73,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(244,235,222,.86));
}
.ex-meet-list span{
  color:#987249;font-size:9px;letter-spacing:.14em;
}
.ex-meet-list strong{
  display:block;margin-top:23px;color:#241c17;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
html[lang="zh-CN"] .ex-meet-list strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);font-size:19px;letter-spacing:.05em;
}

/* visit */
.ex-visit{
  padding:98px 0 82px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 75% 12%,rgba(207,163,98,.14),transparent 21%),
    linear-gradient(135deg,#211710 0%,#2e2118 50%,#39291e 100%);
}
.ex-visit-grid{
  display:grid;grid-template-columns:minmax(390px,.83fr) minmax(560px,1.17fr);
  gap:clamp(58px,7vw,120px);align-items:start;
}
.ex-visit-title .smallcaps{
  color:#c8a56e!important;margin-bottom:24px;font-size:10px!important;letter-spacing:.22em!important;
}
.ex-visit-title h2{
  margin:0;color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}
html[lang="zh-CN"] .ex-visit-title h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);line-height:1.34;letter-spacing:.05em;
}
.ex-visit-primary{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(207,172,116,.14);border-bottom:1px solid rgba(207,172,116,.10);
}
.ex-visit-primary>div{padding:18px 18px 19px 0;}
.ex-visit-primary>div+div{padding-left:18px;border-left:1px solid rgba(207,172,116,.10);}
.ex-visit-primary span{display:block;color:#a98a60;font-size:9px;letter-spacing:.18em;}
.ex-visit-primary strong{
  display:block;margin-top:8px;color:#e8d9c6;font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}
.ex-visit-message{
  margin-top:26px;
}
.ex-visit-message p{
  margin:0;color:#b6a798;font-size:14px;line-height:1.9;
}
.ex-visit-actions{
  display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:24px;
}
.ex-visit-actions a{
  padding-bottom:6px;color:#d1ae78;border-bottom:1px solid rgba(209,174,120,.25);font-size:12px;letter-spacing:.07em;
}
.ex-visit-actions a+a{color:#948679;border-color:rgba(148,134,121,.15);}
.ex-visit-signature{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:baseline;
  margin-top:58px;
  padding-top:18px;
  border-top:1px solid rgba(207,172,116,.11);
}
.ex-visit-signature span{
  color:#816f5d;font-size:9px;letter-spacing:.18em;
}
.ex-visit-signature strong{
  color:#ead9c2;font:400 28px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.05em;
}
.ex-visit-signature em{
  color:#8d7c6c;font-size:10px;font-style:normal;letter-spacing:.15em;
}

@media(max-width:1100px){
  .ex-hero-grid,
  .ex-material-grid,
  .ex-visit-grid{grid-template-columns:1fr;}
  .ex-intro-grid{grid-template-columns:1fr 1fr;}
  .ex-meet-system{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .ex-section-head{grid-template-columns:1fr;gap:16px;}
  .ex-meet-list{grid-template-columns:1fr 1fr;}
}
@media(max-width:620px){
  .ex-hero{padding-top:120px;}
  .ex-hero-copy h1{font-size:42px;}
  html[lang="zh-CN"] .ex-hero-copy h1{font-size:34px;}
  .ex-hero-composition{
    min-height:auto;display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;
  }
  .ex-hero-main,.ex-hero-material,.ex-hero-object,.ex-booth-mark{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;
  }
  .ex-hero-main{height:360px;}
  .ex-hero-material,.ex-hero-object{height:230px;}
  .ex-intro-grid,.ex-meet-list{grid-template-columns:1fr;}
  .ex-material-visual{grid-template-columns:1fr;min-height:auto;}
  .ex-material-main,.ex-material-side{min-height:350px;}
  .ex-visit-primary{grid-template-columns:1fr;}
  .ex-visit-primary>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(207,172,116,.10);}
  .ex-visit-signature{grid-template-columns:1fr;gap:8px;}
}


/* =========================================================
   V6.7 — FURNITURE CHINA / PRESTIGE EXHIBITION REDESIGN
   The exhibition is the hero. Shanghai is the stage.
   ========================================================= */

.exhibition-prestige{
  background:#f2ece2;
  color:#1c1713;
}

.exhibition-prestige .ex-nav{
  background:rgba(12,10,8,.64)!important;
  border-bottom:1px solid rgba(223,190,135,.10)!important;
  backdrop-filter:blur(18px);
}

/* ---------------- HERO ---------------- */
.fx-hero{
  position:relative;
  min-height:790px;
  overflow:hidden;
  color:#f1e7da;
  background:#14100d;
}

.fx-hero-bg{
  position:absolute;
  inset:0;
}

.fx-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  filter:saturate(.72) contrast(1.05) brightness(.68);
  transform:scale(1.012);
}

.fx-hero-veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(9,8,7,.88) 0%,
      rgba(9,8,7,.72) 37%,
      rgba(10,8,7,.38) 68%,
      rgba(10,8,7,.58) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.26) 0%,
      rgba(0,0,0,.04) 44%,
      rgba(5,4,3,.70) 100%);
}

.fx-hero-gridlines{
  position:absolute;
  inset:0;
  opacity:.24;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.95%,rgba(220,188,134,.05) 50%,transparent 50.05%),
    linear-gradient(0deg,transparent 49.95%,rgba(220,188,134,.04) 50%,transparent 50.05%);
  background-size:96px 96px;
}

.fx-hero-inner{
  position:relative;
  z-index:2;
  min-height:790px;
  display:flex;
  flex-direction:column;
  padding-top:122px;
  padding-bottom:30px;
}

.fx-hero-top{
  display:flex;
  justify-content:space-between;
  gap:40px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(224,190,134,.16);
}

.fx-official span,
.fx-city span{
  display:block;
  color:#d0ac76;
  font-size:10px;
  letter-spacing:.20em;
}

.fx-official em,
.fx-city em{
  display:block;
  margin-top:7px;
  color:#9e8f81;
  font-size:9px;
  font-style:normal;
  letter-spacing:.14em;
}

.fx-city{
  text-align:right;
}

.fx-hero-content{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);
  gap:clamp(58px,7vw,120px);
  align-items:center;
  padding:55px 0 48px;
}

.fx-hero-copy .smallcaps{
  color:#cba66f!important;
  margin-bottom:24px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.fx-hero-copy h1{
  margin:0;
  max-width:930px;
  color:#f3e9dc;
  font:400 clamp(50px,4.5vw,76px)/1.00 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.042em;
  text-shadow:0 3px 28px rgba(0,0,0,.18);
}

html[lang="zh-CN"] .fx-hero-copy h1{
  max-width:900px;
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(41px,3.5vw,60px);
  line-height:1.31;
  letter-spacing:.045em;
}

.fx-hero-copy p{
  max-width:790px;
  margin:27px 0 0;
  color:#c0b3a6;
  font-size:16px;
  line-height:1.98;
}

html[lang="zh-CN"] .fx-hero-copy p{
  font-size:15.5px;
  line-height:2.05;
  letter-spacing:.02em;
}

/* 125 sqm signature */
.fx-pavilion{
  position:relative;
  padding:30px 30px 28px;
  color:#ede1d0;
  background:
    linear-gradient(145deg,rgba(19,17,15,.78),rgba(40,33,27,.66));
  border:1px solid rgba(220,182,125,.22);
  box-shadow:
    0 28px 60px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
}

.fx-pavilion::before{
  content:"";
  position:absolute;
  inset:11px;
  border:1px solid rgba(220,182,125,.085);
  pointer-events:none;
}

.fx-pavilion-label{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:20px;
}

.fx-pavilion-label span{
  color:#caa66f;
  font-size:9px;
  letter-spacing:.20em;
}

.fx-pavilion-label em{
  color:#817466;
  font-size:9px;
  font-style:normal;
  letter-spacing:.14em;
}

.fx-pavilion-number{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  gap:20px;
  margin-top:30px;
}

.fx-pavilion-number>strong{
  color:#f3e1c8;
  font:400 104px/.78 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.065em;
}

.fx-pavilion-number>div span{
  display:block;
  color:#d4b17b;
  font:400 28px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.fx-pavilion-number>div em{
  display:block;
  margin-top:10px;
  color:#8f8172;
  font-size:9px;
  font-style:normal;
  letter-spacing:.17em;
}

.fx-pavilion-line{
  position:relative;
  z-index:1;
  height:1px;
  margin:27px 0 20px;
  background:linear-gradient(90deg,rgba(213,175,118,.10),rgba(224,190,134,.38),rgba(213,175,118,.10));
}

.fx-pavilion-meta{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.fx-pavilion-meta span{
  display:block;
  color:#927954;
  font-size:8.5px;
  letter-spacing:.18em;
}

.fx-pavilion-meta strong{
  display:block;
  margin-top:7px;
  color:#d9c8b3;
  font:400 14px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.03em;
}

.fx-hero-bottom{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding-top:17px;
  border-top:1px solid rgba(224,190,134,.12);
}

.fx-hero-bottom a{
  color:#d1ad77;
  font-size:10px;
  letter-spacing:.11em;
}

.fx-hero-bottom span{
  color:#74695f;
  font-size:8.5px;
  letter-spacing:.17em;
}

/* ---------------- SCALE ---------------- */
.fx-scale{
  position:relative;
  padding:108px 0 112px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 10%,rgba(177,134,80,.055),transparent 22%),
    linear-gradient(180deg,#f7f2ea 0%,#eee5d8 100%);
}

.fx-scale::before{
  content:"31";
  position:absolute;
  right:-.01em;
  top:-.20em;
  color:rgba(143,109,68,.04);
  font:400 330px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  pointer-events:none;
}

.fx-scale-head,
.fx-meet-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:42px;
  align-items:start;
  margin-bottom:48px;
}

.fx-scale-head>.smallcaps,
.fx-meet-head>.smallcaps{
  color:#a48157!important;
  padding-top:8px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.fx-scale-head h2,
.fx-meet-head h2{
  margin:0;
  max-width:900px;
  color:#1e1814;
  font:400 clamp(42px,3.2vw,56px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .fx-scale-head h2,
html[lang="zh-CN"] .fx-meet-head h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(36px,2.65vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}

.fx-scale-head p,
.fx-meet-head p{
  max-width:790px;
  margin:21px 0 0;
  color:#62594f;
  font-size:15.5px;
  line-height:1.98;
}

.fx-scale-metrics{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.25fr repeat(3,1fr);
  border-top:1px solid rgba(132,101,67,.18);
  border-left:1px solid rgba(132,101,67,.12);
}

.fx-scale-metrics article{
  min-height:225px;
  padding:25px 24px 23px;
  border-right:1px solid rgba(132,101,67,.12);
  border-bottom:1px solid rgba(132,101,67,.12);
}

.fx-scale-metrics span{
  color:#9a754d;
  font-size:9px;
  letter-spacing:.18em;
}

.fx-scale-metrics strong{
  display:block;
  margin-top:31px;
  color:#251d17;
  font:400 48px/.95 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.035em;
}

.fx-scale-major strong{
  font-size:62px;
}

.fx-scale-metrics>article>em{
  display:inline-block;
  margin-left:7px;
  color:#8f6a42;
  font:400 19px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  font-style:normal;
}

.fx-scale-metrics p{
  max-width:230px;
  margin:17px 0 0;
  color:#7b7065;
  font-size:11.5px;
  line-height:1.65;
}

.fx-scale-foot{
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:24px;
  align-items:baseline;
  margin-top:24px;
  padding-top:17px;
  border-top:1px solid rgba(132,101,67,.13);
}

.fx-scale-foot span{
  color:#9a754d;
  font-size:9px;
  letter-spacing:.16em;
}

.fx-scale-foot strong{
  color:#34291f;
  font:400 19px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.fx-scale-foot em{
  color:#85786b;
  font-size:9.5px;
  font-style:normal;
  letter-spacing:.14em;
}

/* ---------------- HANJADE 125 ---------------- */
.fx-hanjade{
  padding:100px 0 106px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 78% 13%,rgba(205,160,95,.13),transparent 22%),
    linear-gradient(135deg,#1d1510 0%,#2c2018 52%,#39291e 100%);
}

.fx-hanjade-grid{
  display:grid;
  grid-template-columns:minmax(410px,.86fr) minmax(560px,1.14fr);
  gap:clamp(60px,7vw,122px);
  align-items:center;
}

.fx-hanjade-copy .smallcaps{
  color:#c8a56e!important;
  margin-bottom:24px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.fx-hanjade-copy h2{
  margin:0;
  max-width:700px;
  color:#f0e5d6;
  font:400 clamp(43px,3.35vw,58px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.032em;
}

html[lang="zh-CN"] .fx-hanjade-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.75vw,49px);
  line-height:1.34;
  letter-spacing:.05em;
}

.fx-hanjade-copy>p{
  margin:23px 0 0;
  color:#b9a99a;
  font-size:15.5px;
  line-height:1.98;
}

.fx-hanjade-lines{
  margin-top:30px;
  border-top:1px solid rgba(207,172,116,.14);
}

.fx-hanjade-lines>div{
  display:grid;
  grid-template-columns:36px 190px 1fr;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid rgba(207,172,116,.10);
}

.fx-hanjade-lines span{
  color:#a98a60;
  font-size:10px;
}

.fx-hanjade-lines strong{
  color:#e8dac9;
  font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .fx-hanjade-lines strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

.fx-hanjade-lines em{
  color:#928375;
  font-size:11.5px;
  font-style:normal;
  line-height:1.6;
}

.fx-hanjade-visual{
  position:relative;
  min-height:590px;
}

.fx-hanjade-main,
.fx-hanjade-side{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#1b130f;
  box-shadow:0 26px 58px rgba(15,8,4,.22);
}

.fx-hanjade-main::before,
.fx-hanjade-side::before{
  content:"";
  position:absolute;
  inset:11px;
  z-index:2;
  border:1px solid rgba(220,187,132,.10);
  pointer-events:none;
}

.fx-hanjade-main{
  left:0;
  top:20px;
  width:67%;
  height:510px;
}

.fx-hanjade-side{
  right:0;
  top:0;
  width:29%;
  height:300px;
}

.fx-hanjade-main img,
.fx-hanjade-side img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.70) contrast(1.04) brightness(.80);
}

.fx-hanjade-main::after,
.fx-hanjade-side::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.72) 100%);
}

.fx-hanjade-visual figcaption{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:20px;
}

.fx-hanjade-visual figcaption span{
  color:#c5a16d;
  font-size:8.5px;
  letter-spacing:.16em;
}

.fx-hanjade-visual figcaption strong{
  display:block;
  margin-top:6px;
  color:#efe4d5;
  font:400 20px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .fx-hanjade-visual figcaption strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  letter-spacing:.05em;
}

.fx-hanjade-badge{
  position:absolute;
  right:0;
  bottom:55px;
  z-index:5;
  width:42%;
  padding:25px 25px 23px;
  background:rgba(246,237,224,.94);
  border:1px solid rgba(166,129,79,.18);
  box-shadow:0 20px 42px rgba(14,8,4,.14);
}

.fx-hanjade-badge span{
  color:#967047;
  font-size:8.5px;
  letter-spacing:.18em;
}

.fx-hanjade-badge strong{
  display:block;
  margin-top:9px;
  color:#261d17;
  font:400 44px/.95 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.fx-hanjade-badge em{
  display:block;
  margin-top:10px;
  color:#786c61;
  font-size:10px;
  font-style:normal;
  letter-spacing:.13em;
}

/* ---------------- MEET ---------------- */
.fx-meet{
  padding:104px 0 112px;
  background:linear-gradient(180deg,#f5efe6 0%,#ede3d6 100%);
}

.fx-meet-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.fx-meet-grid article{
  min-height:175px;
  padding:22px 21px;
  border:1px solid rgba(143,110,73,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(244,235,222,.86));
  box-shadow:0 10px 24px rgba(42,29,19,.035);
}

.fx-meet-grid span{
  color:#987249;
  font-size:9.5px;
  letter-spacing:.14em;
}

.fx-meet-grid strong{
  display:block;
  margin-top:22px;
  color:#241c17;
  font:400 23px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

html[lang="zh-CN"] .fx-meet-grid strong{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:22px;
  letter-spacing:.05em;
}

.fx-meet-grid em{
  display:block;
  margin-top:10px;
  color:#756a60;
  font-size:11.5px;
  font-style:normal;
  line-height:1.58;
}

/* ---------------- VISIT ---------------- */
.fx-visit{
  padding:96px 0 48px;
  color:#efe6d8;
  background:
    radial-gradient(circle at 75% 12%,rgba(207,163,98,.14),transparent 21%),
    linear-gradient(135deg,#201610 0%,#2c2018 50%,#39291e 100%);
}

.fx-visit-grid{
  display:grid;
  grid-template-columns:minmax(390px,.84fr) minmax(560px,1.16fr);
  gap:clamp(58px,7vw,120px);
  align-items:start;
}

.fx-visit-copy .smallcaps{
  color:#c8a56e!important;
  margin-bottom:24px;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}

.fx-visit-copy h2{
  margin:0;
  color:#f0e5d6;
  font:400 clamp(43px,3.3vw,57px)/1.04 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.03em;
}

html[lang="zh-CN"] .fx-visit-copy h2{
  font-family:var(--lux-cn-font,"Songti SC","STSong","SimSun",serif);
  font-size:clamp(37px,2.7vw,48px);
  line-height:1.34;
  letter-spacing:.05em;
}

.fx-visit-copy p{
  margin:23px 0 0;
  color:#b9a99a;
  font-size:15px;
  line-height:1.95;
}

.fx-visit-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px 30px;
  margin-top:28px;
}

.fx-visit-actions a{
  padding-bottom:6px;
  color:#d1ae78;
  border-bottom:1px solid rgba(209,174,120,.25);
  font-size:12px;
  letter-spacing:.07em;
}

.fx-visit-actions a+a{
  color:#948679;
  border-color:rgba(148,134,121,.15);
}

.fx-visit-card{
  position:relative;
  padding:27px 30px 26px;
  border:1px solid rgba(205,164,109,.17);
  background:linear-gradient(145deg,rgba(18,16,14,.64),rgba(45,37,30,.70));
  box-shadow:0 24px 52px rgba(17,10,5,.16);
}

.fx-visit-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(205,164,109,.075);
  pointer-events:none;
}

.fx-visit-card-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(207,172,116,.12);
}

.fx-visit-card-head span{
  color:#c29c68;
  font-size:9px;
  letter-spacing:.18em;
}

.fx-visit-card-head em{
  color:#716459;
  font-size:9px;
  font-style:normal;
  letter-spacing:.14em;
}

.fx-visit-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  align-items:center;
  min-height:65px;
  border-bottom:1px solid rgba(207,172,116,.095);
}

.fx-visit-row span{
  color:#927954;
  font-size:8.5px;
  letter-spacing:.18em;
}

.fx-visit-row strong{
  color:#dbcbb7;
  font:400 17px var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
}

.fx-visit-row-accent strong{
  color:#f0dcbf;
  font-size:24px;
}

.fx-credit{
  padding-top:46px;
  color:#6b5f53;
  font-size:8px;
  line-height:1.6;
}

@media(max-width:1100px){
  .fx-hero-content,
  .fx-hanjade-grid,
  .fx-visit-grid{
    grid-template-columns:1fr;
  }

  .fx-scale-metrics{
    grid-template-columns:1fr 1fr;
  }

  .fx-hanjade-visual{
    min-height:560px;
  }
}

@media(max-width:820px){
  .fx-hero-inner{
    min-height:auto;
  }

  .fx-hero{
    min-height:auto;
  }

  .fx-hero-top,
  .fx-hero-bottom{
    flex-direction:column;
  }

  .fx-city{
    text-align:left;
  }

  .fx-scale-head,
  .fx-meet-head{
    grid-template-columns:1fr;
    gap:16px;
  }

  .fx-meet-grid{
    grid-template-columns:1fr 1fr;
  }

  .fx-scale-foot{
    grid-template-columns:1fr;
    gap:7px;
  }
}

@media(max-width:620px){
  .fx-hero-inner{
    padding-top:108px;
  }

  .fx-hero-copy h1{
    font-size:42px;
  }

  html[lang="zh-CN"] .fx-hero-copy h1{
    font-size:34px;
  }

  .fx-pavilion-number>strong{
    font-size:82px;
  }

  .fx-scale-metrics,
  .fx-meet-grid{
    grid-template-columns:1fr;
  }

  .fx-hanjade-visual{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .fx-hanjade-main,
  .fx-hanjade-side,
  .fx-hanjade-badge{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
    height:auto;
  }

  .fx-hanjade-main{
    height:360px;
  }

  .fx-hanjade-side{
    height:230px;
  }

  .fx-visit-row{
    grid-template-columns:1fr;
    gap:6px;
    padding:14px 0;
  }
}


/* =========================================================
   V6.7.1 — EXHIBITION HERO PRIORITY FIX
   Priority: DATE → E HALL → E6M35 → VENUE
   125 m² becomes secondary information only.
   ========================================================= */

.fx-pavilion-visit{
  padding:30px 31px 26px !important;
}

.fx-visit-date{
  position:relative;
  z-index:1;
  margin-top:29px;
}

.fx-visit-date>span{
  display:block;
  color:#b99564;
  font-size:10px;
  letter-spacing:.21em;
}

.fx-visit-date>strong{
  display:block;
  margin-top:9px;
  color:#f3e1c9;
  font:400 clamp(58px,5vw,78px)/.92 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:-.045em;
}

.fx-visit-date>em{
  display:block;
  margin-top:12px;
  color:#847668;
  font-size:9px;
  font-style:normal;
  letter-spacing:.17em;
}

.fx-location-primary{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:0;
  border-top:1px solid rgba(213,175,118,.12);
  border-bottom:1px solid rgba(213,175,118,.10);
}

.fx-location-primary>div{
  padding:18px 18px 18px 0;
}

.fx-location-primary>div+div{
  padding-left:22px;
  border-left:1px solid rgba(213,175,118,.11);
}

.fx-location-primary span,
.fx-location-venue span{
  display:block;
  color:#967951;
  font-size:8.5px;
  letter-spacing:.19em;
}

.fx-location-primary strong{
  display:block;
  margin-top:8px;
  color:#e2d1bb;
  font:400 24px/1 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.035em;
}

.fx-booth-hero strong{
  color:#f4ddbd !important;
  font-size:36px !important;
  letter-spacing:.02em !important;
}

.fx-location-venue{
  position:relative;
  z-index:1;
  padding:17px 0 2px;
}

.fx-location-venue strong{
  display:block;
  margin-top:8px;
  color:#b9aa99;
  font:400 13px/1.55 var(--lux-display-font,"Bodoni 72","Didot","Times New Roman",serif);
  letter-spacing:.035em;
}

.fx-pavilion-secondary{
  position:relative;
  z-index:1;
  margin-top:17px;
  padding-top:13px;
  border-top:1px solid rgba(213,175,118,.075);
}

.fx-pavilion-secondary span{
  color:#645b52;
  font-size:8.5px;
  letter-spacing:.12em;
}

/* legacy 125 number no longer used on this hero */
.fx-pavilion-visit .fx-pavilion-number,
.fx-pavilion-visit .fx-pavilion-meta{
  display:none !important;
}

@media(max-width:620px){
  .fx-visit-date>strong{
    font-size:56px !important;
  }

  .fx-location-primary{
    grid-template-columns:1fr !important;
  }

  .fx-location-primary>div+div{
    padding-left:0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(213,175,118,.10);
  }

  .fx-booth-hero strong{
    font-size:32px !important;
  }
}


/* =========================================================
   V7.1 — HOMEPAGE HERO REDESIGN
   Art-directed luxury homepage based on the approved visual.
   Homepage only; all downstream sections remain unchanged.
   ========================================================= */

.home-v71{
  --hero-gold:#c7a16b;
  --hero-gold-soft:#9f7a4e;
  --hero-ivory:#efe4d5;
  --hero-muted:#b4a698;
}

/* Homepage navigation — slimmer, more couture */
.home-v71 .nav{
  height:82px !important;
  background:linear-gradient(180deg,rgba(7,6,5,.78),rgba(7,6,5,.22)) !important;
  border-bottom:1px solid rgba(198,158,103,.13) !important;
}
.home-v71 .nav.scrolled{
  background:rgba(10,8,7,.92) !important;
  border-bottom-color:rgba(198,158,103,.16) !important;
  backdrop-filter:blur(18px);
}
.home-v71 .nav .wrap{
  width:min(var(--max),94vw) !important;
}
.home-v71 .brandmark{
  width:42px !important;
  height:42px !important;
  filter:invert(78%) sepia(20%) saturate(850%) hue-rotate(350deg) brightness(91%) !important;
}
.home-v71 .wordmark{
  color:#efe1ce !important;
  font-size:23px !important;
  letter-spacing:.19em !important;
}
.home-v71 .wordmark em{
  color:#a89172 !important;
  font-size:11px !important;
}
.home-v71 .navlinks{
  gap:35px !important;
  font-size:14.5px !important;
  color:#d9cdbd !important;
}
html[lang="zh-CN"] .home-v71 .navlinks{
  font-size:14.5px !important;
}
.home-v71 .navlinks a:after{
  background:#c9a36e !important;
}
.home-v71 .lang,
.home-v71 .lang button{
  font-size:13px !important;
}
.home-v71 .lang button.active{
  color:#eadcc8 !important;
}

/* Hero */
.hero-v71{
  position:relative;
  min-height:880px;
  height:100svh;
  max-height:1080px;
  overflow:hidden;
  background:#090705;
  color:var(--hero-ivory);
  isolation:isolate;
  display:grid;
  grid-template-rows:minmax(0,1fr) 174px;
}

.hero-v71-media{
  position:absolute;
  inset:0;
  z-index:-4;
}
.hero-v71-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.008);
  animation:heroV71Slow 18s ease-out forwards;
}
@keyframes heroV71Slow{
  to{transform:scale(1.035)}
}

.hero-v71-veil{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 34%,rgba(201,153,85,.07),transparent 22%),
    linear-gradient(90deg,
      rgba(5,4,3,.94) 0%,
      rgba(5,4,3,.84) 22%,
      rgba(5,4,3,.53) 42%,
      rgba(5,4,3,.10) 67%,
      rgba(5,4,3,.25) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.18) 0%,
      rgba(0,0,0,.00) 48%,
      rgba(5,4,3,.54) 78%,
      rgba(5,4,3,.90) 100%);
}

.hero-v71-main{
  position:relative;
  z-index:2;
  width:min(var(--max),92vw) !important;
  min-height:0;
  padding-top:122px;
  padding-bottom:46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hero-v71-copy{
  width:min(680px,47vw);
  margin-top:-12px;
}

.hero-v71-kicker{
  margin-bottom:25px;
  color:var(--hero-gold) !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  letter-spacing:.225em !important;
}

.hero-v71-copy h1{
  margin:0;
  max-width:670px;
  color:#f1e5d6;
  font:400 clamp(52px,4.65vw,78px)/1.02 "Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  letter-spacing:-.038em;
  text-wrap:balance;
  text-shadow:0 4px 28px rgba(0,0,0,.18);
}

html[lang="zh-CN"] .hero-v71-copy h1{
  max-width:620px;
  font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
  font-size:clamp(44px,3.45vw,60px);
  line-height:1.34;
  letter-spacing:.055em;
  text-wrap:balance;
}

.hero-v71-copy p{
  max-width:610px;
  margin:26px 0 0;
  color:#bcae9f;
  font-size:15.5px;
  line-height:1.92;
  letter-spacing:.005em;
}

html[lang="zh-CN"] .hero-v71-copy p{
  max-width:585px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:2.02;
  letter-spacing:.025em;
}

.hero-v71-cta{
  position:relative;
  display:inline-flex;
  gap:40px;
  align-items:center;
  margin-top:33px;
  padding:0 0 8px;
  color:#d1ab74;
  border-bottom:1px solid rgba(209,171,116,.30);
  font-size:12.5px;
  letter-spacing:.075em;
  transition:color .3s,border-color .3s;
}
.hero-v71-cta span{
  font-size:18px;
  transition:transform .3s;
}
.hero-v71-cta:hover{
  color:#f0d4a9;
  border-color:rgba(240,212,169,.60);
}
.hero-v71-cta:hover span{
  transform:translateX(7px);
}

/* numbered editorial nav */
.hero-v71-pagination{
  position:absolute;
  left:0;
  bottom:26px;
  display:flex;
  gap:32px;
  align-items:flex-end;
}
.hero-v71-pagination a{
  position:relative;
  display:block;
  min-width:24px;
  padding-bottom:9px;
  color:#8e7f70;
  font:400 14px Georgia,"Times New Roman",serif;
  letter-spacing:.05em;
  transition:color .3s;
}
.hero-v71-pagination a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:1px;
  background:#e0c59d;
  transition:width .35s;
}
.hero-v71-pagination a.active{
  color:#efe2cf;
  font-size:18px;
}
.hero-v71-pagination a.active::after,
.hero-v71-pagination a:hover::after{
  width:24px;
}
.hero-v71-pagination a:hover{
  color:#e1ccb0;
}

/* right rail */
.hero-v71-side-index{
  position:absolute;
  z-index:3;
  right:2.9vw;
  top:43%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
}
.hero-v71-side-index i{
  display:block;
  width:5px;
  height:5px;
  border:1px solid rgba(222,194,151,.48);
  border-radius:50%;
}
.hero-v71-side-index i.active{
  background:#d5b079;
  border-color:#d5b079;
  box-shadow:0 0 14px rgba(213,176,121,.32);
}
.hero-v71-side-index span{
  display:block;
  width:1px;
  height:58px;
  margin-top:5px;
  background:linear-gradient(180deg,rgba(211,174,118,.45),transparent);
}

/* bottom collection rail */
.hero-v71-collection{
  position:relative;
  z-index:4;
  min-height:174px;
  border-top:1px solid rgba(198,158,103,.17);
  background:
    linear-gradient(90deg,rgba(20,15,12,.97),rgba(28,21,16,.93)),
    #17120f;
  backdrop-filter:blur(14px);
}

.hero-v71-collection-grid{
  width:min(var(--max),94vw) !important;
  min-height:174px;
  display:grid;
  grid-template-columns:1.10fr repeat(3,1fr);
  gap:12px;
  align-items:stretch;
  padding:12px 0;
}

.hero-v71-collection-intro{
  padding:19px 27px 17px 3px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-v71-collection-intro>span{
  color:#a8865b;
  font-size:8.5px;
  letter-spacing:.19em;
}
.hero-v71-collection-intro>strong{
  display:block;
  margin-top:8px;
  color:#eee1d1;
  font:400 28px/1.1 "Bodoni 72","Didot","Times New Roman",serif;
}
html[lang="zh-CN"] .hero-v71-collection-intro>strong{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:27px;
  letter-spacing:.05em;
}
.hero-v71-collection-intro>em{
  max-width:290px;
  margin-top:8px;
  color:#87796c;
  font-size:10.5px;
  font-style:normal;
  line-height:1.55;
}
.hero-v71-collection-intro>a{
  display:inline-flex;
  gap:14px;
  margin-top:12px;
  color:#a98b65;
  font-size:9.5px;
  letter-spacing:.06em;
}
.hero-v71-collection-intro>a b{
  font-weight:400;
}

.hero-v71-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  color:#efe3d2;
  background:#14100d;
  border:1px solid rgba(190,150,96,.11);
}
.hero-v71-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.57) contrast(1.05) brightness(.52);
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease;
}
.hero-v71-card:hover img{
  transform:scale(1.035);
  filter:saturate(.70) contrast(1.05) brightness(.62);
}
.hero-v71-card-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(12,9,7,.82),rgba(12,9,7,.28)),
    linear-gradient(180deg,transparent 40%,rgba(7,5,4,.55));
}
.hero-v71-card-copy{
  position:absolute;
  z-index:2;
  inset:0;
  padding:20px 20px 17px;
  display:flex;
  flex-direction:column;
}
.hero-v71-card-copy>span{
  color:#9f7e54;
  font-size:8px;
  letter-spacing:.16em;
}
.hero-v71-card-copy>strong{
  margin-top:auto;
  color:#eadbc8;
  font:400 20px/1.12 "Bodoni 72","Didot","Times New Roman",serif;
}
html[lang="zh-CN"] .hero-v71-card-copy>strong{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:19px;
  letter-spacing:.05em;
}
.hero-v71-card-copy>em{
  margin-top:6px;
  color:#b38d59;
  font-size:8.5px;
  font-style:normal;
  letter-spacing:.13em;
}
.hero-v71-card-copy>b{
  position:absolute;
  right:18px;
  bottom:16px;
  color:#b89970;
  font-size:17px;
  font-weight:400;
  transition:transform .3s;
}
.hero-v71-card:hover .hero-v71-card-copy>b{
  transform:translateX(6px);
}

/* Desktop compact viewport protection */
@media(max-height:900px) and (min-width:981px){
  .hero-v71{
    min-height:780px;
    grid-template-rows:minmax(0,1fr) 154px;
  }
  .hero-v71-main{
    padding-top:104px;
    padding-bottom:38px;
  }
  .hero-v71-copy h1{
    font-size:clamp(48px,4.15vw,68px);
  }
  html[lang="zh-CN"] .hero-v71-copy h1{
    font-size:clamp(40px,3.15vw,54px);
  }
  .hero-v71-copy p{
    margin-top:20px;
  }
  .hero-v71-cta{
    margin-top:24px;
  }
  .hero-v71-collection,
  .hero-v71-collection-grid{
    min-height:154px;
  }
  .hero-v71-collection-grid{
    padding:10px 0;
  }
}

/* Tablet / mobile */
@media(max-width:980px){
  .home-v71 .nav{
    height:66px !important;
  }
  .home-v71 .brandmark{
    width:31px !important;
    height:31px !important;
  }
  .home-v71 .wordmark{
    font-size:16px !important;
  }

  .hero-v71{
    height:auto;
    max-height:none;
    min-height:auto;
    display:block;
    padding-top:66px;
  }

  .hero-v71-media{
    height:680px;
  }
  .hero-v71-media img{
    object-position:64% center;
  }

  .hero-v71-veil{
    height:680px;
    background:
      linear-gradient(90deg,rgba(5,4,3,.91),rgba(5,4,3,.42)),
      linear-gradient(180deg,rgba(0,0,0,.12),rgba(4,3,2,.82));
  }

  .hero-v71-main{
    min-height:680px;
    padding-top:82px;
    padding-bottom:80px;
    justify-content:flex-end;
  }

  .hero-v71-copy{
    width:min(630px,92vw);
  }

  .hero-v71-copy h1{
    font-size:clamp(44px,8vw,66px);
  }
  html[lang="zh-CN"] .hero-v71-copy h1{
    max-width:88vw;
    font-size:clamp(38px,7vw,52px);
  }

  .hero-v71-pagination{
    left:0;
    bottom:28px;
  }

  .hero-v71-side-index{
    display:none;
  }

  .hero-v71-collection{
    min-height:auto;
  }

  .hero-v71-collection-grid{
    min-height:auto;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:12px 0 18px;
  }

  .hero-v71-collection-intro{
    grid-column:1 / 3;
    min-height:130px;
    padding:18px 3px;
  }

  .hero-v71-card{
    min-height:190px;
  }

  .hero-v71-card:last-child{
    grid-column:1 / 3;
  }
}

@media(max-width:620px){
  .hero-v71-media,
  .hero-v71-veil{
    height:650px;
  }
  .hero-v71-main{
    min-height:650px;
    padding-top:75px;
    padding-bottom:76px;
  }
  .hero-v71-kicker{
    font-size:9px !important;
  }
  .hero-v71-copy h1{
    font-size:40px;
  }
  html[lang="zh-CN"] .hero-v71-copy h1{
    font-size:34px;
    line-height:1.38;
  }
  .hero-v71-copy p,
  html[lang="zh-CN"] .hero-v71-copy p{
    font-size:13px;
  }
  .hero-v71-cta{
    font-size:11px;
  }
  .hero-v71-pagination{
    gap:24px;
  }
  .hero-v71-collection-grid{
    grid-template-columns:1fr;
  }
  .hero-v71-collection-intro,
  .hero-v71-card:last-child{
    grid-column:auto;
  }
  .hero-v71-card{
    min-height:180px;
  }
}