@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&display=swap');
@font-face{font-family:"NTX Source Han";src:local("Source Han Serif SC"),local("Noto Serif CJK SC"),local("Songti SC"),local("SimSun");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"NTX Big Caslon";src:url("assets/fonts/Big-Caslon-Medium.ttf") format("truetype");font-weight:200 500;font-style:normal;font-display:swap}
@font-face{font-family:"NTX Big Caslon";src:url("assets/fonts/Big-Caslon-Black.ttf") format("truetype");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"NTX Big Caslon";src:url("assets/fonts/Big-Caslon-Black-Italic.ttf") format("truetype");font-weight:600 900;font-style:italic;font-display:swap}
:root{--brand:#c97f12;--paper:#f7f7f4;--ink:#11110f;--quiet:#85847f;--line:rgba(17,17,15,.18);--pad:clamp(20px,3.6vw,58px)}
html.state-loading body{visibility:hidden}
body,button,input,textarea,select{font-family:"DM Sans","NTX Source Han",Arial,sans-serif}
::selection{background:var(--brand);color:#fff}

/* Shared typography */
.home-page .manifesto-copy,.home-page .section-head h2,.home-page .about-copy h2,.home-page .journal-item h3,.home-page .footer-top>a,.catalog-page .catalog-title h1,.catalog-page .quick-view h2,.detail-page .related-head h2,.editorial-page .page-intro h1,.editorial-page .feature-copy h2,.editorial-page .story-copy h2{font-family:"NTX Big Caslon","NTX Source Han",Georgia,serif}
.detail-page .product-detail h1,.detail-page .product-spec,.detail-page .product-notes p,.detail-page .child-manage-item strong,.detail-page .child-manage-item small{font-family:"NTX Source Han","DM Sans",Arial,sans-serif}

/* Shared black navigation */
.home-page .site-header,.catalog-page .catalog-header,.detail-page .product-header,.editorial-header{background:#111;color:#fff;border-bottom:1px solid #2b2b29}
.home-page .site-header a,.catalog-page .catalog-header a,.detail-page .product-header a,.editorial-header a{transition:color .22s ease}
.home-page .site-header a:hover,.catalog-page .catalog-header a:hover,.detail-page .product-header a:hover,.editorial-header a:hover{color:var(--brand)}
.home-page .brand,.catalog-page .catalog-brand,.detail-page .product-brand,.editorial-logo{color:#fff;font-family:"NTX Big Caslon","NTX Source Han",serif;font-weight:500;letter-spacing:-.025em}
.catalog-page .catalog-header nav a,.detail-page .product-header nav a,.editorial-header nav a,.home-page .header-tools a{position:relative}
.catalog-page .catalog-header nav a:after,.detail-page .product-header nav a:after,.editorial-header nav a:after,.home-page .header-tools a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;border-bottom:1px solid var(--brand);transition:width .25s ease}
.catalog-page .catalog-header nav a:hover:after,.detail-page .product-header nav a:hover:after,.editorial-header nav a:hover:after,.home-page .header-tools a:hover:after{width:100%}

/* Home: quiet three-part header */
.home-page .site-header{grid-template-columns:1fr auto 1fr;isolation:isolate}
.home-page .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;white-space:nowrap}
.home-page .menu-toggle{display:flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;gap:11px;width:auto;height:18px;padding:0;border:0;background:transparent;color:#fff;text-transform:uppercase;font-size:10px;line-height:18px;cursor:pointer;z-index:3}
.home-page .menu-label{display:flex;align-items:center;height:18px}.home-page .menu-icon{display:block;width:18px;height:18px;position:relative}.home-page .menu-icon i{position:absolute;left:0;width:18px;border-top:1px solid currentColor;transition:transform .3s,top .3s}.home-page .menu-icon i:first-child{top:5.5px}.home-page .menu-icon i:last-child{top:11.5px}.home-page .menu-toggle[aria-expanded="true"] .menu-icon i:first-child{top:8.5px;transform:rotate(45deg)}.home-page .menu-toggle[aria-expanded="true"] .menu-icon i:last-child{top:8.5px;transform:rotate(-45deg)}
.home-page .header-tools{grid-column:3;grid-row:1;justify-self:end;display:flex;text-transform:uppercase;font-size:9px;z-index:3}.home-page .edition{display:none}
.home-page .main-nav{position:absolute;z-index:2;top:3px;bottom:0;left:calc(var(--pad) + 67.5px);right:calc(50% + clamp(120px,12vw,180px));display:flex;flex-direction:row;align-items:center;gap:clamp(14px,1.45vw,24px);padding:1px 0 0;background:transparent;box-shadow:none;transform:translateX(-14px);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;white-space:nowrap;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s;mix-blend-mode:normal}
.home-page .main-nav.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
.home-page .main-nav a{display:flex;align-items:center;height:18px;min-height:0;padding:0;border:0;color:#fff;font-family:"DM Sans",Arial,sans-serif;font-size:10px;font-weight:400;line-height:18px;letter-spacing:.02em;text-transform:uppercase;transition:color .2s}.home-page .main-nav a:before,.home-page .main-nav a:after{display:none}.home-page .main-nav a:hover{color:var(--brand)}
.home-page .nav-mobile-zh,.home-page .nav-mobile-en{display:none}

/* Home imagery and editorial rhythm */
.home-page .hero{background:#e9e5dc}.home-page .hero-media{background-image:none;background-position:center;background-size:cover}.home-page .hero-media>.carousel-slide{background-position:center;background-size:cover}.home-page .hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.32),transparent 48%)}
.home-page .hero h1{font-family:"NTX Big Caslon","NTX Source Han",serif;letter-spacing:-.045em}.home-page .hero-copy>p,.home-page .hero-kicker,.home-page .hero-index{letter-spacing:.08em}.home-page .hero .text-link{border-color:rgba(255,255,255,.7)}
.home-page .eyebrow{color:var(--ink)}.home-page .manifesto{background:var(--paper);border-top:1px solid var(--line)}.home-page .works{background:var(--paper)}.home-page .look img{filter:none}.home-page .section-head h2{color:var(--ink)}.home-page .collection-link{border-color:var(--line)}
.home-page .about{background:#111}.home-page .site-footer{background:#111;color:#f3f0e8}.home-page .footer-grid div>span{color:#777}

/* Catalog: merchandise stays neutral */
.catalog-page{background:var(--paper)}.catalog-page .catalog-brand{font-size:18px}.catalog-page .catalog-title{height:190px;border-bottom:1px solid var(--line)}.catalog-page .catalog-title h1{color:var(--ink)}.catalog-page .catalog-toolbar{padding-top:18px;border-bottom:1px solid var(--line)}
.catalog-page .categories button.active,.catalog-page .pagination button.active{color:var(--ink)}.catalog-page .categories button.active:after{border-color:var(--ink)}.catalog-page .product-number{background:rgba(247,247,244,.92);color:var(--ink)}.catalog-page .product-card:hover .product-info h2{color:var(--ink)}.catalog-page .product-image:after{display:none}.catalog-page .catalog-footer{background:#111;color:#fff;border-top:1px solid #2b2b29}

/* Product detail: typography and objects first */
.detail-page{background:var(--paper)}.detail-page .product-brand{font-size:17px}.detail-page .product-crumb{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}.detail-page .page-number,.detail-page .gallery-index{color:var(--ink)}.detail-page .product-title-row{border-bottom:1px solid var(--line);padding-bottom:18px}.detail-page .purchase-block{border-top:0}.detail-page .add-bag,.detail-page .add-bag:hover,.detail-page .add-bag.added{background:#111;color:#fff}.detail-page .thumb-button.active,.detail-page .variant-chip.active{border-color:#111}.detail-page .variant-chip.active{background:#111;color:#fff;box-shadow:none}.detail-page .product-notes details:first-child,.detail-page .related{border-top:1px solid var(--line)}.detail-page .product-footer{background:#111;color:#fff;border-top:1px solid #2b2b29}
.detail-page button,.detail-page input,.detail-page textarea,.detail-page select,.detail-page .variant-editor{font-family:"DM Sans","NTX Source Han",Arial,sans-serif}.detail-page .product-notes summary{font-family:"DM Sans","NTX Source Han",Arial,sans-serif}

/* Editorial pages */
.editorial-page{background:var(--paper)}.editorial-page .page-intro{background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--line)}.editorial-page .page-intro h1{color:var(--ink)}.editorial-page .article-feature,.editorial-page .article-list,.editorial-page .media-grid{background:var(--paper)}.editorial-page .article-meta,.editorial-page .story-meta,.editorial-page .read-link,.editorial-page .media-toolbar{border-color:var(--line)}.editorial-page .media-card:nth-child(4n+1) .media-frame{box-shadow:none}.editorial-page .active,.editorial-page .article-meta span:first-child,.editorial-page .story-meta span:first-child,.editorial-page .media-card figcaption span:first-child{color:var(--ink)}.editorial-footer{background:#111;color:#fff;border-top:1px solid #2b2b29}

@media(max-width:760px){.home-page .site-header{padding-left:23px;padding-right:23px}.home-page .brand{font-size:13px}.home-page .menu-toggle,.home-page .header-tools{position:relative;top:2px;font-family:"DM Sans",sans-serif;font-weight:500}.home-page .menu-toggle{align-self:center}.home-page .main-nav{position:fixed;z-index:18;inset:64px 0 auto 0;width:auto;padding:15px 23px 18px;background:#111;border-top:1px solid #2b2b29;border-bottom:1px solid #2b2b29;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-115%);opacity:0;visibility:hidden;pointer-events:none}.home-page .main-nav.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.home-page .main-nav a{width:100%;height:38px;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.14);font-size:10px;line-height:38px}.home-page .main-nav a:last-child{border-bottom:0}.home-page .header-tools{align-self:center;display:flex;align-items:center;height:18px;font-size:10px;line-height:18px}.home-page .header-tools a{display:flex;align-items:center;gap:4px;height:18px;line-height:18px}.home-page .header-tools a>span{position:relative}.home-page .header-tools a>span:before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid #fff}.home-page .header-tools a>i{font-style:normal}.home-page .hero-media>.carousel-slide{background-size:cover}.catalog-page .catalog-title{height:auto;min-height:170px;padding-top:40px;padding-bottom:30px}}

/* Shop / Catalog 手机端展开菜单与基因页统一为纯黑。 */
@media(max-width:760px){.catalog-page .catalog-header .nav-left{background:#111;color:#fff;border-bottom-color:#2b2b29}.catalog-page .catalog-header .nav-left a:hover,.catalog-page .catalog-header .nav-left a:focus-visible,.catalog-page .catalog-header .nav-left a:active{color:#c97f12}}

/* 电脑端导航以主页为统一基准；手机端保持各自既有布局。 */
@media(min-width:761px){.catalog-page .catalog-header,.detail-page .product-header{height:76px}.catalog-page .catalog-brand,.detail-page .product-brand{font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em}}

/* 所有主要页面的手机导航使用同一套完整点击反馈。 */
@media(max-width:760px){.site-header a,.catalog-header a,.product-header a,.editorial-header a{position:relative;transition:color .2s ease}.site-header a:after,.catalog-header a:after,.product-header a:after,.editorial-header a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;border-bottom:1px solid #c97f12;transition:width .2s ease}.site-header a:hover,.site-header a:focus-visible,.site-header a:active,.site-header a.is-nav-activating,.catalog-header a:hover,.catalog-header a:focus-visible,.catalog-header a:active,.catalog-header a.is-nav-activating,.product-header a:hover,.product-header a:focus-visible,.product-header a:active,.product-header a.is-nav-activating,.editorial-header a:hover,.editorial-header a:focus-visible,.editorial-header a:active,.editorial-header a.is-nav-activating{color:#c97f12}.site-header a:hover:after,.site-header a:focus-visible:after,.site-header a:active:after,.site-header a.is-nav-activating:after,.catalog-header a:hover:after,.catalog-header a:focus-visible:after,.catalog-header a:active:after,.catalog-header a.is-nav-activating:after,.product-header a:hover:after,.product-header a:focus-visible:after,.product-header a:active:after,.product-header a.is-nav-activating:after,.editorial-header a:hover:after,.editorial-header a:focus-visible:after,.editorial-header a:active:after,.editorial-header a.is-nav-activating:after{width:100%}}

/* Desktop header master grid: every page shares Catalog's 76px bar, edge grid and type metrics. */
@media(min-width:761px){
  .home-page .brand{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    margin:0;white-space:nowrap;font-family:"NTX Big Caslon","NTX Source Han",serif;
    font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em;
  }
  .home-page .menu-toggle,.home-page .header-tools{
    align-self:center;height:18px;margin:0;
    font-family:"DM Sans","NTX Source Han",Arial,sans-serif;
    font-size:10px;font-weight:400;line-height:18px;letter-spacing:0;
    transform:translateY(2px);
  }
  .home-page .header-tools{display:flex;align-items:center}
  .home-page .header-tools a{display:flex;align-items:center;height:18px;gap:4px;line-height:18px}
  .home-page .header-tools a i{display:block;font-style:normal;line-height:18px}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header){
    width:100%;height:76px;padding-left:var(--pad);padding-right:var(--pad);
    grid-template-columns:1fr auto 1fr;align-items:center;
  }
  :is(.catalog-page .catalog-brand,.detail-page .product-brand,.editorial-page .editorial-logo){
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    margin:0;white-space:nowrap;font-family:"NTX Big Caslon","NTX Source Han",serif;
    font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em;
  }
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) nav{
    display:flex;align-items:center;gap:clamp(16px,2vw,32px);
    font-family:"DM Sans","NTX Source Han",Arial,sans-serif;
    font-size:10px;font-weight:400;line-height:18px;letter-spacing:0;text-transform:uppercase;
  }
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) nav:first-of-type{grid-column:1;grid-row:1;justify-self:start}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) nav:last-of-type{grid-column:3;grid-row:1;justify-self:end}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) button{font:inherit;line-height:18px;letter-spacing:0}
}
@media(max-width:760px){:is(.site-header,.catalog-header,.product-header,.editorial-header) button{position:relative;transition:color .2s ease}:is(.site-header,.catalog-header,.product-header,.editorial-header) button:after{content:"";position:absolute;left:0;bottom:-4px;width:0;border-bottom:1px solid #c97f12;transition:width .2s ease}:is(.site-header,.catalog-header,.product-header,.editorial-header) button:hover,:is(.site-header,.catalog-header,.product-header,.editorial-header) button:focus-visible,:is(.site-header,.catalog-header,.product-header,.editorial-header) button:active{color:#c97f12}:is(.site-header,.catalog-header,.product-header,.editorial-header) button:hover:after,:is(.site-header,.catalog-header,.product-header,.editorial-header) button:focus-visible:after,:is(.site-header,.catalog-header,.product-header,.editorial-header) button:active:after{width:100%}}

/* Desktop editorial active item stays legible on the shared black navigation bar. */
@media(min-width:761px){
  .editorial-page .editorial-header a.active{display:flex;color:#fff;border-bottom:0;padding-bottom:0}
.editorial-page .editorial-header a.active:hover{color:var(--brand)}
}

/* ARTICLES header: optical centering for the small DM Sans navigation against the Caslon logo. */
.articles-page .editorial-header nav{transform:translateY(.5px)}

/* 主页手机导航的上方装饰线同步变为品牌色。 */
@media(max-width:760px){.home-page .menu-toggle:hover .menu-icon i,.home-page .menu-toggle:focus-visible .menu-icon i,.home-page .menu-toggle:active .menu-icon i{border-top-color:#c97f12}.home-page .header-tools a:hover>span:before,.home-page .header-tools a:focus-visible>span:before,.home-page .header-tools a:active>span:before,.home-page .header-tools a.is-nav-activating>span:before{border-top-color:#c97f12}}
@media(max-width:760px){.home-page .menu-toggle[aria-expanded="true"]{color:#c97f12}.home-page .menu-toggle[aria-expanded="true"] .menu-icon i{border-top-color:#c97f12}.home-page .menu-toggle[aria-expanded="true"]:after{width:100%}}
@media(max-width:760px){.home-page .menu-toggle:hover>span,.home-page .menu-toggle:focus-visible>span,.home-page .menu-toggle:active>span,.home-page .menu-toggle[aria-expanded="true"]>span{border-top-color:#c97f12}}
@media(max-width:760px){.home-page .menu-toggle:after{display:none!important}}


/* 手机端内页母版：以 Catalog 的导航、边距、字体和标题节奏为唯一基准。 */
@media(max-width:760px){
  :is(.catalog-page,.detail-page,.editorial-page){--pad:20px;background:#f7f7f4;color:#10100f}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header){position:sticky;top:0;z-index:20;width:100%;height:64px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#111;color:#fff;border-bottom:1px solid #2b2b29;font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:400;line-height:18px;text-transform:uppercase}
  :is(.catalog-page .catalog-brand,.detail-page .product-brand,.editorial-page .editorial-logo){position:absolute;left:50vw;top:22px;transform:translateX(-50%);height:19px;color:#fff;font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:13px;font-weight:500;line-height:normal;letter-spacing:-.025em;white-space:nowrap}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header)>nav:first-of-type{grid-column:1;justify-self:start}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header)>nav:last-of-type{grid-column:3;justify-self:end}
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) nav{align-items:center;font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:400;line-height:18px}
  .catalog-page main,.editorial-page main{padding-left:20px;padding-right:20px}
  .catalog-page .catalog-title{min-height:170px;padding:40px 0 30px}
  .catalog-page .catalog-title h1{font-size:20vw;font-weight:400;line-height:1}
  .editorial-page .page-intro{min-height:170px;padding:40px 0 30px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d9d9d4}
  .editorial-page .page-intro h1{margin:0;text-align:center;font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:20vw;font-weight:400;line-height:1;letter-spacing:-.05em}
  .editorial-page .page-intro .index,.editorial-page .page-intro .note{display:none}
  .editorial-page .article-feature,.editorial-page .article-list,.editorial-page .media-grid,.editorial-page .media-toolbar{padding-left:0;padding-right:0}
  .editorial-page .media-toolbar{margin:0;padding-top:16px;padding-bottom:16px;font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:400}
  .editorial-page .media-grid{padding-top:32px}
  .detail-page .product-crumb,.detail-page .product-detail,.detail-page .related,.detail-page .product-footer{padding-left:20px;padding-right:20px}
  .detail-page .product-crumb{font-family:Arial,"PingFang SC",sans-serif;font-size:8px;font-weight:400}
  .detail-page .product-detail{padding-top:50px}
  .detail-page .product-detail h1{font-weight:400}
}

/* One navigation typeface across every standard page; logos remain Caslon/Source Han. */
@media(min-width:761px){
  .home-page .main-nav{left:calc(var(--pad) + 61.5px);right:calc(50% + 96px);gap:9px;top:1.5px}
  .home-page .main-nav[data-language="en"] a{font-size:9px}
  .home-page .main-nav a+a:before{
    content:"";display:block;position:absolute;left:-5px;top:50%;
    width:1px;height:8px;background:currentColor;opacity:.25;
    transform:translateY(-50%);
  }
  .home-page :is(.menu-toggle,.main-nav,.header-tools),
  .catalog-page .catalog-header :is(.mobile-menu,nav),
  .detail-page .product-header nav,
  .editorial-page .editorial-header nav{font-family:"DM Sans","NTX Source Han",Arial,sans-serif!important;font-weight:400!important}
}
@media(max-width:760px){
  .home-page :is(.menu-toggle,.main-nav,.header-tools),
  .catalog-page .catalog-header :is(.mobile-menu,nav),
  .detail-page .product-header nav,
  .editorial-page .editorial-header nav{font-family:"DM Sans","NTX Source Han",Arial,sans-serif!important;font-weight:500!important}
}

/* Final mobile MENU behavior: press-only color, no persistent hover/focus/expanded state. */
@media(max-width:760px){
  .home-page .menu-toggle,
  .home-page .menu-toggle>span,
  .home-page .menu-toggle .menu-icon i{transition:none!important}
  .home-page .menu-toggle:not(:active),
  .home-page .menu-toggle:not(:active)>span,
  .home-page .menu-toggle:not(:active) .menu-icon i{color:#fff!important;border-top-color:#fff!important}
  .home-page .menu-toggle:active{color:#c97f12!important}
  .home-page .menu-toggle:active>span,
  .home-page .menu-toggle:active .menu-icon i{border-top-color:#c97f12!important}
}

/* Archive homepage：居中单图首屏 + 六列视觉档案。 */
.home-page .hero{height:100svh;min-height:680px;background:var(--paper);color:var(--ink);padding-top:76px}
.home-page .hero{
  background:#17100b;
  isolation:isolate;
}
.home-page .hero::before{
  content:"";
  position:absolute;
  inset:76px 0 0;
  z-index:0;
  background:url("assets/hero-silhouette.webp") center center / cover no-repeat;
}
.home-page .hero::after{
  content:"";
  position:absolute;
  inset:76px 0 0;
  z-index:0;
  background:rgba(0,0,0,.12);
  pointer-events:none;
}
.home-page .hero-media{inset:auto;left:50%;top:calc(50% + 26px);width:clamp(250px,31vw,470px);height:auto;aspect-ratio:3/4;transform:translate(-50%,-50%);background-color:#e9e7e1;background-size:cover;animation:none}
.home-page .hero-media{
  z-index:1;
  box-shadow:0 24px 72px rgba(0,0,0,.26);
  overflow:visible!important;
  opacity:0;
}
.home-page .hero-media.is-ready{opacity:1}
.home-page .hero-media>.carousel-slide{inset:-1px -2px!important;width:auto;height:auto;max-width:none;background-size:cover;background-position:center;background-repeat:no-repeat}
.home-page .hero-shade{display:none}
.home-page .hero-kicker{top:98px;left:var(--pad);color:var(--ink);font-size:8px;line-height:1.45}
.home-page .hero-index{top:98px;right:var(--pad);color:var(--ink);font-size:8px}
.home-page .hero-copy{left:50%;bottom:23px;display:block;transform:translateX(-50%);text-align:center;color:var(--ink)}
.home-page .hero-kicker,
.home-page .hero-index,
.home-page .hero-copy,
.home-page .scroll-cue{
  z-index:2;
  color:#fff;
}
.home-page .hero-kicker,
.home-page .hero-index,
.home-page .hero-copy>p,
.home-page .scroll-cue{
  transition:color .22s ease;
  cursor:pointer;
}
.home-page .hero-kicker:hover,
.home-page .hero-index:hover,
.home-page .hero-copy>p:hover,
.home-page .scroll-cue:hover{
  color:var(--brand);
}
.home-page .hero-copy>p{font-size:8px;line-height:1.45;margin:0}.home-page .hero-copy h1,.home-page .hero-copy .text-link{display:none}
.home-page .scroll-cue{right:var(--pad);bottom:23px;color:var(--ink);font-size:8px}
.home-page .carousel-dots{left:50%;bottom:8px;transform:translateX(-50%)}.home-page .carousel-dots button{width:12px;background:rgba(17,17,15,.25)}.home-page .carousel-dots button.is-active{background:var(--ink)}
.home-page .manifesto{min-height:58vh;padding-top:90px;padding-bottom:90px}
.home-page .works{padding:90px var(--pad) 130px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:72px clamp(16px,2.2vw,38px)}
.home-page .section-head{grid-column:1/7;display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:20px}.home-page .section-head .eyebrow{align-self:start}.home-page .section-head h2{font-size:clamp(28px,3.2vw,52px);line-height:.9;letter-spacing:-.035em}.home-page .section-head>p:last-child{display:none}
.home-page .look-a,.home-page .look-b,.home-page .look-c,.home-page .look-d,.home-page .archive-card{grid-column:span 1;width:auto;margin:0;aspect-ratio:3/4;align-self:auto;position:relative;overflow:visible;background:#eceae4}
.home-page .look img,.home-page .archive-card img{width:100%;height:100%;object-fit:cover;filter:none}
.home-page .look-meta,.home-page .archive-card>div{position:absolute;left:0;right:0;bottom:-19px;display:flex;justify-content:space-between;font-size:7px;text-transform:uppercase;letter-spacing:.04em}
.home-page .archive-card>div span:last-child{color:var(--quiet)}
.home-page .collection-link{grid-column:5/7;margin-top:30px}
@media(max-width:1000px){.home-page .works{grid-template-columns:repeat(4,minmax(0,1fr))}.home-page .section-head{grid-column:1/5}.home-page .collection-link{grid-column:3/5}}
@media(max-width:760px){.home-page .hero{min-height:650px;padding-top:64px}.home-page .hero::before,.home-page .hero::after{inset:64px 0 0}.home-page .hero::before{background-position:center center}.home-page .hero-media{left:50%;top:calc(50% + 32px);width:62vw;height:auto;aspect-ratio:3/4;overflow:visible;background:#111;transform:translate(-50%,-50%)}.home-page .hero-media>.carousel-slide{inset:-1px -2px!important;width:auto;height:auto;max-width:none;background-size:cover;background-position:center;background-repeat:no-repeat}.home-page .hero-kicker,.home-page .hero-index{top:87px}.home-page .hero-kicker{left:23px}.home-page .hero-index{right:23px}.home-page .hero-copy{left:23px;right:23px;width:auto;transform:none;text-align:center}.home-page .hero-copy>p{white-space:nowrap}.home-page .works{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 16px;padding-top:70px}.home-page .section-head{grid-column:1/3}.home-page .section-head h2{font-size:32px}.home-page .collection-link{grid-column:1/3}.home-page .look-a,.home-page .look-b,.home-page .look-c,.home-page .look-d,.home-page .archive-card{width:auto;margin:0;aspect-ratio:3/4}}

@media(max-width:760px){html,body.home-page{max-width:100%;overflow-x:clip}.home-page main,.home-page .hero{max-width:100vw;overflow-x:clip}.home-page .hero-copy>p{max-width:100%;overflow:hidden;text-overflow:clip}}

/* 导航下方的双语操作提示。 */
.language-notice{position:fixed;z-index:19;top:76px;left:0;width:100%;height:25px;display:flex;align-items:center;justify-content:center;background:#090909;color:#fff;border-top:1px solid #222;transition:transform .28s ease,opacity .22s ease}
.language-notice-message{position:absolute;left:50%;height:100%;display:flex;align-items:center;justify-content:center;gap:.65em;padding:0;border:0;background:none;color:inherit;font:500 8px/1 "DM Sans","NTX Source Han",sans-serif;letter-spacing:.08em;white-space:nowrap;transform:translateX(-50%);cursor:pointer;transition:color .2s}.language-notice-message i{font-style:normal}.language-notice-message:hover{color:var(--brand)}
.language-notice-close{position:absolute;right:var(--pad);top:50%;width:15px;height:15px;display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:50%;background:none;color:#fff;font-size:0;line-height:0;transform:translateY(-50%);cursor:pointer;transition:color .2s}.language-notice-close:before{content:"×";display:block;font:400 12px/1 Arial,sans-serif;transform:translateY(-.5px)}.language-notice-close:hover{color:var(--brand)}
.language-notice.is-closed{opacity:0;transform:translateY(-105%);pointer-events:none}
.home-page:not(.language-notice-closed) .hero-kicker,.home-page:not(.language-notice-closed) .hero-index{top:116px}
@media(max-width:760px){.language-notice{top:64px;height:24px}.language-notice-message{padding:0;font-size:7px;letter-spacing:.035em}.language-notice-close{right:23px}.home-page:not(.language-notice-closed) .hero-kicker,.home-page:not(.language-notice-closed) .hero-index{top:104px}}
@media(max-width:760px){.language-notice-close:before,.language-notice-close:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:1px;background:currentColor;transform-origin:center}.language-notice-close:before{transform:translate(-50%,-50%) rotate(45deg)}.language-notice-close:after{transform:translate(-50%,-50%) rotate(-45deg)}}

/* Mobile navigation must not retain the browser's sticky hover/focus color after a tap. */
@media(max-width:760px){
  :is(.site-header,.catalog-header,.product-header,.editorial-header) a:not(:active):not(.is-nav-activating),
  :is(.catalog-header,.product-header,.editorial-header) button:not(:active):not(.is-nav-activating){color:#fff!important}
  :is(.site-header,.catalog-header,.product-header,.editorial-header) a:not(:active):not(.is-nav-activating):after,
  :is(.catalog-header,.product-header,.editorial-header) button:not(:active):not(.is-nav-activating):after{width:0!important}
  .home-page .header-tools a:not(:active):not(.is-nav-activating)>span:before{border-top-color:#fff!important}
}

/* Mobile logo sizing: homepage stays compact; Catalog restores its earlier, larger mark. */
@media(max-width:760px){
  .home-page .brand{top:21px}
  .catalog-page .catalog-brand{top:19px;height:26px;font-size:18px;font-weight:500;line-height:normal}
}

/* Mobile MENU has one persistent state: open is brand orange, closed is white. */
@media(max-width:760px){
  .home-page .menu-toggle,
  .home-page .menu-toggle>span,
  .home-page .menu-toggle .menu-icon i{transition:color .18s ease,border-color .18s ease!important}
  .home-page .menu-toggle[aria-expanded="false"]{color:#fff!important}
  .home-page .menu-toggle[aria-expanded="false"]>span,
  .home-page .menu-toggle[aria-expanded="false"] .menu-icon i{color:#fff!important;border-top-color:#fff!important}
  .home-page .menu-toggle[aria-expanded="true"]{color:#c97f12!important}
  .home-page .menu-toggle[aria-expanded="true"]>span,
  .home-page .menu-toggle[aria-expanded="true"] .menu-icon i{color:#c97f12!important;border-top-color:#c97f12!important}
}

/* Mobile homepage navigation: all three modules share the exact 32px center line. */
@media(max-width:760px){
  .home-page .brand{top:50%;transform:translate(-50%,-50%)}
  .home-page .menu-toggle,.home-page .header-tools{top:0;align-self:center}
}

/* Authoritative mobile navigation master shared by every active page. */
@media(max-width:760px){
  :is(.home-page .site-header,.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header){
    width:100%;height:64px;padding-left:23px;padding-right:23px;
    grid-template-columns:1fr auto 1fr;align-items:center;
    background:#111;color:#fff;border-bottom:1px solid #2b2b29;
  }
  .home-page .site-header{mix-blend-mode:normal}
  :is(.home-page .brand,.catalog-page .catalog-brand,.detail-page .product-brand,.editorial-page .editorial-logo){
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:auto;height:auto;margin:0;white-space:nowrap;
    font-family:"NTX Big Caslon","NTX Source Han",serif;
    font-size:13px;font-weight:500;line-height:normal;letter-spacing:-.025em;
  }
  :is(.catalog-page .mobile-menu,.detail-page .product-header>nav:first-of-type,.editorial-page .editorial-header>nav:first-of-type){
    grid-column:1;grid-row:1;justify-self:start;align-self:center;
  }
  :is(.catalog-page .catalog-header>nav:last-of-type,.detail-page .product-header>nav:last-of-type,.editorial-page .editorial-header>nav:last-of-type){
    grid-column:3;grid-row:1;justify-self:end;align-self:center;
  }
  :is(.catalog-page .catalog-header,.detail-page .product-header,.editorial-page .editorial-header) :is(a,button,nav){
    font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:10px;font-weight:400;line-height:18px;
  }
  :is(.home-page .brand,.catalog-page .catalog-brand,.detail-page .product-brand,.editorial-page .editorial-logo){
    left:50vw;top:50%;transform:translate(-50%,-50%);
    font-family:"NTX Big Caslon","NTX Source Han",serif!important;font-size:13px!important;font-weight:500!important;line-height:normal!important;letter-spacing:-.025em!important;
  }
  .editorial-page .editorial-logo{transform:translate(calc(-50% - 23px),-50%)}
  .catalog-page .catalog-header .nav-left{padding-left:23px;padding-right:23px}
}

/* FIND mobile list: seven equal rows, bilingual and flush to the panel edges. */
@media(max-width:760px){
  .home-page .main-nav{padding:0 23px}
  .home-page .main-nav a{
    display:grid;grid-template-columns:1fr 1fr;align-items:center;
    width:100%;height:38px;min-height:38px;padding:0;
    line-height:normal;text-transform:none;
  }
  .home-page .main-nav a>.nav-desktop-label{display:block;grid-column:1/-1;justify-self:start;line-height:1}
  .home-page .main-nav a:before,.home-page .main-nav a:after{display:none!important}
  .home-page .main-nav a>.nav-desktop-label[lang="zh-CN"]{font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em}
  .home-page .main-nav a>.nav-desktop-label:not([lang="zh-CN"]){font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:0}
}