@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap');
@font-face{font-family:"Adobe Caslon Pro Local";src:url("assets/fonts/ACaslonPro-Regular.otf") format("opentype");font-weight:400;font-display:swap}
:root{--ink:#11110f;--paper:#f1efe9;--line:rgba(17,17,15,.22);--pad:clamp(20px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,"PingFang SC",sans-serif;font-size:12px;font-weight:300}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:100%;object-fit:cover}
.editorial-header{height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(241,239,233,.94);backdrop-filter:blur(12px)}.editorial-header nav{display:flex;gap:25px;text-transform:uppercase;font-size:10px}.editorial-logo{font-size:18px;font-weight:500;letter-spacing:-.04em}.header-right{justify-self:end}.editorial-header .active{border-bottom:1px solid;padding-bottom:4px}
.page-intro{padding:90px var(--pad) 80px;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:end;border-bottom:1px solid var(--line)}.page-intro .index,.page-intro .note{text-transform:uppercase;font-size:9px;line-height:1.6}.page-intro h1{font-family:"Adobe Caslon Pro Local","Instrument Serif",serif;font-size:clamp(72px,12vw,190px);font-weight:400;letter-spacing:-.055em;line-height:.72;margin:0;text-align:center}.page-intro .note{text-align:right}
.article-feature{padding:70px var(--pad) 120px;display:grid;grid-template-columns:1.55fr .75fr;gap:clamp(35px,7vw,120px);align-items:start}.article-feature figure{margin:0;aspect-ratio:1.35;overflow:hidden}.article-feature img{filter:saturate(.72)}.feature-copy{padding-top:8vh}.article-meta,.story-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;border-top:1px solid;padding-top:12px}.feature-copy h2,.story-copy h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(44px,5vw,80px);font-weight:400;line-height:.9;letter-spacing:-.035em;margin:55px 0 30px}.feature-copy>p,.story-copy>p{font-size:14px;line-height:1.85;color:#55534e}.read-link{display:inline-block;margin-top:30px;text-transform:uppercase;font-size:9px;border-bottom:1px solid;padding-bottom:6px}.article-list{padding:0 var(--pad) 150px}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,8vw,140px);padding:70px 0;border-top:1px solid var(--line)}.story:nth-child(even){grid-template-columns:1.2fr .8fr}.story:nth-child(even) figure{order:2}.story figure{margin:0;aspect-ratio:4/3;overflow:hidden}.story-copy{align-self:center}.story-copy h2{font-size:clamp(38px,4vw,66px);margin:38px 0 22px}
.media-intro{padding-bottom:60px}.media-toolbar{padding:18px var(--pad);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:9px}.media-grid{padding:45px var(--pad) 130px;display:grid;grid-template-columns:repeat(4,1fr);gap:60px 16px}.media-card{margin:0}.media-frame{aspect-ratio:3/4;background:#d9d6ce;overflow:hidden;position:relative}.media-card img,.media-card video{transition:transform .7s,filter .5s}.media-card:hover img,.media-card:hover video{transform:scale(1.015)}.media-card figcaption{display:flex;justify-content:space-between;padding-top:10px;text-transform:uppercase;font-size:9px}.video-tag{position:absolute;top:10px;right:10px;background:rgba(241,239,233,.9);padding:6px 8px;font-size:8px;text-transform:uppercase;pointer-events:none}
.editorial-footer{border-top:1px solid var(--line);padding:28px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;text-transform:uppercase;font-size:9px}.editorial-footer span:last-child{text-align:right}
@media(max-width:850px){.editorial-header{height:68px;grid-template-columns:1fr auto}.editorial-header nav:first-child{display:none}.editorial-logo{grid-column:1}.header-right{grid-column:2;gap:14px!important}.page-intro{padding-top:65px;grid-template-columns:1fr}.page-intro h1{text-align:left;font-size:22vw;margin:45px 0}.page-intro .note{text-align:left}.article-feature,.story,.story:nth-child(even){grid-template-columns:1fr}.article-feature{padding-top:35px}.feature-copy{padding-top:10px}.story:nth-child(even) figure{order:0}.media-grid{grid-template-columns:repeat(2,1fr);gap:42px 12px}.editorial-footer{grid-template-columns:1fr 1fr}.editorial-footer a{display:none}}
@media(max-width:520px){.header-right a:first-child{display:none}.media-grid{grid-template-columns:1fr 1fr}.article-feature figure,.story figure{aspect-ratio:3/4}.page-intro{padding-bottom:45px}}

/* ARTICLES archive: date / portrait image / article information. */
.articles-page .page-intro{padding-top:85px;padding-bottom:97px;align-items:center}
.articles-page .page-intro{border-bottom:0!important}
.articles-page .page-intro h1{transform:none}
@media(min-width:761px){.articles-page .page-intro>*{transform:translateY(-12px)}}
.articles-page .article-archive{padding:0 var(--pad) 140px}
.articles-page .article-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--ink)}
.articles-page .category-tab{position:relative;min-height:64px;padding:9px 12px 9px 32px;border:0;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:4px 10px;text-align:left;cursor:pointer;transition:background .32s cubic-bezier(.2,.75,.2,1),color .24s ease;font-family:"NTX Source Han","DM Sans","PingFang SC",sans-serif}
.articles-page .category-tab:before{content:"▸";position:absolute;left:13px;top:50%;font:400 9px/1 Arial,sans-serif;transform:translateY(-50%);transition:transform .22s ease}
.articles-page .category-tab span{grid-column:1;grid-row:1;font-size:12px;font-weight:400;white-space:nowrap}
.articles-page .category-tab i{grid-column:1;grid-row:2;font:400 8px/1.2 "DM Sans",sans-serif;font-style:normal;letter-spacing:.05em;text-align:left}
.articles-page .category-tab b{grid-column:2;grid-row:1/3;align-self:center;font:400 8px/1 "DM Sans",sans-serif;letter-spacing:.08em}
.articles-page .category-tab:hover,.articles-page .category-tab:focus-visible{color:#c97f12}
.articles-page .category-tab.is-active{background:var(--ink);color:#c97f12}
.articles-page .category-tab.is-active:before{transform:translateY(-50%) rotate(90deg)}
.articles-page .nomadic-subcategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--ink);background:var(--ink)}
.articles-page .nomadic-subcategories[hidden]{display:none}
.articles-page .nomadic-subcategories button{min-height:38px;padding:0 12px;border:0;background:var(--paper);color:var(--ink);font:400 10px/1.2 "NTX Source Han","PingFang SC",serif;cursor:pointer;transition:background .32s cubic-bezier(.2,.75,.2,1),color .24s ease}
.articles-page .nomadic-subcategories button:hover{color:#c97f12}
.articles-page .nomadic-subcategories button.is-active{background:var(--ink);color:#c97f12}
.articles-page .category-tab:focus-visible{outline:1px solid #c97f12;outline-offset:-3px}
.articles-page .category-results>[hidden]{display:none!important}
.articles-page .category-results{transition:opacity .28s ease,transform .32s cubic-bezier(.2,.75,.2,1)}
.articles-page .category-results.is-switching{opacity:0;transform:none}
.articles-page .article-month+.article-month{margin-top:48px}
.articles-page .month-heading{display:flex;align-items:flex-end;height:52px;border-bottom:2px solid var(--ink)}
.articles-page .month-heading h2{min-width:142px;margin:0;padding:11px 16px 10px;background:var(--ink);color:var(--paper);font:400 11px/1 "DM Sans","PingFang SC",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.articles-page .article-row{display:grid;grid-template-columns:54px minmax(130px,180px) minmax(0,1fr) 28px;gap:clamp(22px,3vw,48px);align-items:start;padding:28px 0;border-top:0;border-bottom:1px solid var(--line)}
.articles-page .article-row:nth-child(even){grid-template-columns:54px minmax(130px,180px) minmax(0,1fr) 28px}
.articles-page .article-row:nth-child(even) figure{order:initial}
.articles-page .article-date{padding-top:4px;text-align:center;text-transform:uppercase}
.articles-page .article-date span{display:block;margin-bottom:4px;font-size:8px;letter-spacing:.1em}
.articles-page .article-date strong{font-family:"NTX Big Caslon","NTX Source Han",Georgia,serif;font-size:38px;font-weight:400;line-height:.9}
.articles-page .article-row figure{margin:0;width:100%;aspect-ratio:3/4;overflow:hidden;background:#dedbd3}
.articles-page .article-row img{filter:none;transition:transform .6s ease}
.articles-page .article-row:hover img{transform:scale(1.015)}
.articles-page .story-copy{align-self:start;padding-top:3px}
.articles-page .story-meta{justify-content:flex-start;gap:18px;padding:0;border:0;color:#6e6c66}
.articles-page .story-copy h2{margin:12px 0 10px;font-size:clamp(28px,3.35vw,52px);line-height:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.articles-page .story-copy h2[data-bi-language="zh"],.articles-page .story-copy h2[lang="zh-CN"]{line-height:1.1;padding:.12em 0 .08em}
.articles-page .story-copy>p{max-width:720px;margin:0;color:#55534e;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.articles-page .article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.articles-page .article-tags span{padding:5px 8px 4px;border:1px solid var(--line);font-size:8px;line-height:1;text-transform:uppercase}
.articles-page .row-arrow{font-size:25px;font-weight:300;line-height:1;color:var(--ink);transition:transform .25s,color .25s}
.articles-page .article-row:hover .row-arrow{color:#c97f12;transform:translate(3px,-3px)}
@media(max-width:850px){
  .articles-page .article-archive{padding:0 0 90px}
  .articles-page .article-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .articles-page .category-tab{min-height:66px;padding:8px 7px 8px 24px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 5px}
  .articles-page .category-tab:before{left:10px}
  .articles-page .category-tab span{font-size:11px}
  .articles-page .category-tab i{font-size:7px;white-space:normal}
  .articles-page .nomadic-subcategories button{min-height:40px;padding:0 5px;font-size:9px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .articles-page .article-month+.article-month{margin-top:36px}
  .articles-page .month-heading{height:46px}
  .articles-page .month-heading h2{min-width:116px;padding-left:12px}
  .articles-page .article-row,.articles-page .article-row:nth-child(even){grid-template-columns:42px minmax(0,1fr) 24px;gap:14px;padding:22px 0}
  .articles-page .article-date{grid-column:1;grid-row:1/3}
  .articles-page .article-date strong{font-size:31px}
  .articles-page .article-row figure,.articles-page .article-row:nth-child(even) figure{grid-column:2;grid-row:1;order:initial;aspect-ratio:3/4}
  .articles-page .story-copy{grid-column:2;grid-row:2;padding-top:0}
  .articles-page .row-arrow{grid-column:3;grid-row:1;font-size:22px}
  .articles-page .story-copy h2{white-space:normal;font-size:clamp(29px,9vw,48px);margin-top:12px}
  .articles-page .story-copy>p{-webkit-line-clamp:3}
}
@media(max-width:760px){.articles-page .page-intro{padding-bottom:42px!important}.articles-page .page-intro h1{transform:translateY(-6px)}}
@media(max-width:760px){
  .articles-page .article-archive{transform:translateY(-1px)}
  .articles-page .article-categories{width:auto;margin-left:3px;margin-right:3px;gap:0;background:transparent}
  .articles-page .nomadic-subcategories{width:auto;margin-left:3px;margin-right:3px;gap:0;background:transparent}
  .articles-page .nomadic-subcategories button+button{border-left:1px solid var(--ink)}
  .articles-page .category-tab+.category-tab{border-left:1px solid var(--ink)}
  .articles-page .category-tab{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .articles-page .category-results,.articles-page .category-results.is-switching{opacity:1;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){.articles-page .category-results{transition:none}.articles-page .category-results.is-switching{transform:none}}
.articles-page :is(.story-copy h2,.story-copy>p,.story-meta span,.article-tags span){white-space:pre-line}
.articles-page .article-list-gallery{position:relative}.articles-page .list-gallery-viewport{width:100%;height:100%;overflow:hidden}.articles-page .list-gallery-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.72,.2,1)}.articles-page .list-gallery-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;transform:none!important}.articles-page .article-row:hover .list-gallery-track img{transform:none!important}.articles-page .list-gallery-controls{position:absolute;z-index:3;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.42));color:#fff;font:8px/1 Arial,sans-serif}.articles-page .list-gallery-controls>button{justify-self:start;padding:0;border:0;background:none;color:#fff;font:inherit}.articles-page .list-gallery-controls>span{justify-self:end}.articles-page .list-gallery-controls>div{display:flex;gap:4px}.articles-page .list-gallery-controls>div button{position:relative;width:20px;height:12px;padding:0;border:0;background:none;color:rgba(255,255,255,.5)}.articles-page .list-gallery-controls>div button:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid currentColor}.articles-page .list-gallery-controls>div button.is-active{color:#c97f12}.articles-page .list-gallery-controls>div button.is-active:after{border-top-width:2px}
@media(min-width:851px){.articles-page .list-gallery-controls>button,.articles-page .list-gallery-controls>span{display:none}.articles-page .list-gallery-controls>div{grid-column:2;justify-self:center}.articles-page .list-gallery-controls>div button{color:rgba(255,255,255,.55)}.articles-page .list-gallery-controls>div button.is-active{color:#c97f12}}
@media(max-width:850px){.articles-page .list-gallery-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.articles-page .list-gallery-viewport::-webkit-scrollbar{display:none}.articles-page .list-gallery-track{transition:none}.articles-page .list-gallery-track img{scroll-snap-align:start}}