@font-face{font-family:'Maoshan Archive Chinese';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/archive-chinese-v1.ttf') format('truetype')}
.archive-object-heading .chinese-title,.archive-gallery [lang=zh],.archive-band [lang=zh]{font-family:'Maoshan Archive Chinese','Noto Serif CJK SC',serif}
/* Documentary photographs and the living cultural archive. */
.desktop-nav{gap:clamp(14px,1.3vw,22px)}
.desktop-nav a{font-size:15px;white-space:nowrap}
.archive-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-block:70px 80px}
.archive-hero h1{margin:22px 0 25px;font-size:clamp(54px,5.7vw,84px)}
.archive-hero p{max-width:570px;color:var(--muted);font:24px/1.5 var(--serif)}
.archive-hero .text-link,.archive-hero .button{margin-top:30px}
.archive-hero figure{margin:0;position:relative}
.archive-hero figure img{width:100%;height:530px;object-fit:cover}
.archive-hero figcaption{padding-top:13px;font-size:11px;color:var(--muted)}
.archive-kicker{display:block;font:11px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.archive-nav{display:flex;flex-wrap:wrap;gap:10px 30px;border-block:1px solid var(--line);padding-block:18px}
.archive-nav a{font:20px/1.6 var(--serif);padding:6px 0;min-height:44px}
.archive-nav a:hover{color:var(--red)}
.archive-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.archive-intro .eyebrow,.archive-split .eyebrow{margin-bottom:20px}
.archive-intro h2{margin-bottom:24px}
.archive-intro p{max-width:620px;color:var(--muted)}
.archive-gallery,.archive-document-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.archive-gallery figure,.archive-document-gallery figure,.archive-video-grid figure{margin:0;min-width:0}
.archive-gallery img{width:100%;height:430px;object-fit:cover}
.archive-gallery figcaption,.archive-document-gallery figcaption,.archive-video-grid figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}
.archive-gallery figcaption strong,.archive-video-grid figcaption strong{display:block;font:27px/1.2 var(--serif);color:var(--ink);margin-bottom:8px}
.archive-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.archive-card-grid>a,.archive-card-grid>article{min-width:0;display:block}
.archive-card-image{aspect-ratio:4/3;overflow:hidden;margin-bottom:24px}
.archive-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.archive-card-grid a:hover .archive-card-image img{transform:scale(1.025)}
.archive-card-grid h3{font-size:37px;margin:15px 0}
.archive-card-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:380px}
.archive-card-grid .text-link{margin-top:22px}
.archive-band{background:#e9e6db;border-block:1px solid var(--line)}
.archive-home{background:#ece9df;border-block:1px solid var(--line)}
.archive-home .section-heading>p{max-width:350px;color:var(--muted)}
.archive-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:38px}
.archive-video{width:100%;height:510px;object-fit:contain;background:#1c231e;display:block}
.archive-video-grid h3{margin:18px 0 12px}
.archive-prose{max-width:700px;color:var(--muted)}
.archive-prose h2,.archive-prose h3{color:var(--ink);margin-bottom:22px}
.archive-prose .eyebrow{margin-bottom:18px}
.archive-prose p{line-height:1.85}
.archive-prose p+.text-link{margin-top:25px}
.archive-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.archive-split>figure{margin:0}
.archive-split>figure img{width:100%;max-height:580px;object-fit:contain}
.archive-split>figure figcaption{color:var(--muted);font-size:11px;margin-top:12px}
.archive-split h2{margin-bottom:25px}
.archive-document-gallery img{width:100%;height:450px;object-fit:contain;background:#e8e4d8}
.archive-document-gallery a{display:block}
.archive-note{font-size:12px;line-height:1.85;color:var(--muted);max-width:900px;margin-block:25px}
.archive-note strong{color:var(--ink);font-weight:500}
.archive-related{display:flex;gap:20px 35px;flex-wrap:wrap;margin-top:28px}
.archive-programme{list-style:none;padding:0;margin:40px 0;counter-reset:programme}
.archive-programme li{display:grid;grid-template-columns:65px 1fr;gap:22px;border-top:1px solid var(--line);padding:30px 0;counter-increment:programme}
.archive-programme li:before{content:counter(programme,decimal-leading-zero);font:36px/1 var(--serif);color:var(--red)}
.archive-programme h3{font-size:33px;margin-bottom:10px}
.archive-programme p{max-width:680px;color:var(--muted);font-size:14px}
.archive-programme .eyebrow{margin-bottom:12px}
.archive-collection{border-top:1px solid var(--line)}
.archive-collection .section-heading>p{max-width:400px;color:var(--muted)}
.archive-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.archive-filters{display:flex;gap:10px 22px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px}
[data-archive-filter]{font-size:12px;padding:10px 0;min-height:44px;border-bottom:1px solid transparent}
[data-archive-filter][aria-pressed="true"]{color:var(--red);border-color:var(--red)}
[data-archive-search]{width:min(420px,100%);border:1px solid #aeb2a3;background:transparent;padding:12px 16px;border-radius:0;color:var(--ink);font-size:14px}
[data-archive-count]{color:var(--muted);font-size:12px;margin-block:20px}
.archive-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.archive-object-card{min-width:0}
.archive-object-card>a:first-child{display:block}
.archive-object-card img{width:100%;height:370px;object-fit:contain;background:#eae7dd;transition:transform .4s}
.archive-object-card .eyebrow{font-size:9px;margin-top:18px}
.archive-object-card h3{font-size:30px;margin:12px 0}
.archive-object-card p{font-size:12px;line-height:1.75;color:var(--muted)}
.archive-object-card .text-link{margin-top:15px}
.archive-object-heading{max-width:1000px}
.archive-object-heading .eyebrow{margin-bottom:20px}
.archive-object-heading p{max-width:700px}
.archive-object-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.archive-object-gallery figure{margin:0}
.archive-object-gallery img{width:100%;height:600px;object-fit:contain;background:#eae7dd}
.archive-object-gallery figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:15px}
.archive-object-reading{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.archive-object-reading p{color:var(--muted);line-height:1.85}
.archive-object-reading h2,.archive-object-reading h3{margin-bottom:22px}
.archive-object-reading .eyebrow{margin-bottom:17px}
.archive-object-video{margin-top:35px}
.archive-object-video video{width:100%;max-height:560px;background:#1c231e;object-fit:contain}
.archive-empty{padding:40px 0;color:var(--muted)}
.archive-route-note{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:24px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.archive-home.wrap{width:100%;padding-inline:max(64px,calc((100% - 1376px)/2))}
.archive-card-image{display:block}
.archive-section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:40px}
.archive-section-head .eyebrow{margin-bottom:20px}
.archive-section-head>p{max-width:420px;color:var(--muted)}
.archive-filter-bar{border-block:1px solid var(--line);padding-block:16px;display:flex;flex-direction:column;gap:18px}
.archive-category-tabs{display:flex;flex-wrap:wrap;gap:5px 25px}
.archive-object-count{margin:22px 0}
.archive-object-card .archive-card-image{aspect-ratio:4/5;position:relative;margin-bottom:20px;background:#eae7dd}
.archive-object-card .archive-card-image img{height:100%;object-fit:contain}
.archive-image-count{position:absolute;bottom:8px;left:8px;padding:4px 9px;background:#f3f0e7ee;font-size:9px;line-height:1.5;letter-spacing:.04em}
.archive-object-heading{padding:35px 0 55px}
.archive-object-heading h1{font-size:clamp(48px,5vw,74px);margin:13px 0 23px}
.archive-object-heading .chinese-title{font-size:16px;color:var(--muted);margin-top:0}
.archive-object-intro{font:25px/1.5 var(--serif);color:var(--muted);max-width:720px}
.archive-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:start}
.archive-detail .archive-gallery{grid-template-columns:1fr;gap:35px}
.archive-detail .archive-gallery img{height:auto;max-height:730px;object-fit:contain;background:#eae7dd}
.archive-detail .archive-gallery a{display:block;background:#eae7dd}
.archive-detail-copy{padding-top:10px}
.archive-detail-copy>.eyebrow{margin-bottom:20px}
.archive-detail-copy h2{font-size:45px;margin-bottom:26px}
.archive-detail-copy p,.archive-detail-copy li{color:var(--muted);font-size:14px;line-height:1.85}
.archive-looking-notes{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}
.archive-looking-notes h3{font-size:28px;margin-bottom:15px}
.archive-looking-notes ul{padding-left:20px}
.archive-inquiry{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}
.archive-inquiry h3{font-size:30px;margin-bottom:14px}
.archive-inquiry .button{margin-top:22px}
.archive-video-block{margin:40px 0 0}
.archive-video-block video{width:100%;max-height:600px;object-fit:contain;background:#1c231e;display:block}
.archive-video-block figcaption{margin-top:20px}
.archive-video-block h3{font-size:30px;margin:12px 0}
.archive-video-block p{color:var(--muted);font-size:13px}
.archive-related:has(>.archive-object-grid){display:block}
.archive-related>.archive-sources{flex-basis:100%;margin-top:28px}
.archive-related>div:not(.section-heading):not(.archive-object-grid)>.text-link{margin-right:20px;margin-bottom:15px}
.archive-split .archive-document img{height:450px;object-fit:contain;background:transparent}
@media(max-width:1320px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-home{display:inline-flex}}
@media(max-width:1000px){.archive-hero{gap:5%;padding-block:55px}.archive-hero figure img{height:430px}.archive-hero p{font-size:21px}.archive-gallery{gap:18px}.archive-gallery img{height:340px}.archive-card-grid{gap:24px}.archive-card-grid h3{font-size:32px}.archive-video{height:460px}.archive-object-card img{height:290px}.archive-object-gallery img{height:450px}}
@media(max-width:1000px){.archive-detail{gap:5%}.archive-detail-copy h2{font-size:36px}.archive-home.wrap{padding-inline:36px}.archive-section-head{gap:35px}.archive-section-head>p{max-width:330px}}
@media(max-width:700px){.archive-home.wrap{padding-inline:24px}.archive-section-head{display:block}.archive-section-head>p{margin-top:22px;max-width:100%}.archive-detail{grid-template-columns:1fr;gap:40px}.archive-detail-copy h2{font-size:40px}.archive-object-heading{padding:25px 0 35px}.archive-object-intro{font-size:23px}.archive-detail .archive-gallery img{max-height:600px}.archive-card-image .archive-image-count{font-size:8px}.archive-object-card .archive-card-image{aspect-ratio:3/4}}
@media(max-width:700px){.archive-hero{grid-template-columns:1fr;gap:35px;padding-block:48px}.archive-hero h1{font-size:55px}.archive-hero figure img{height:390px}.archive-hero p{font-size:22px}.archive-intro,.archive-split,.archive-object-reading{grid-template-columns:1fr;gap:30px}.archive-nav{gap:5px 22px}.archive-nav a{font-size:19px}.archive-gallery,.archive-document-gallery{grid-template-columns:1fr;gap:32px}.archive-gallery img{height:auto;max-height:540px;object-fit:contain}.archive-card-grid{grid-template-columns:1fr;gap:42px}.archive-card-image{aspect-ratio:4/3}.archive-card-grid h3{font-size:36px}.archive-video-grid{grid-template-columns:1fr;gap:35px}.archive-video{height:auto;max-height:560px}.archive-document-gallery img{height:460px}.archive-programme li{grid-template-columns:38px 1fr;gap:16px;padding:25px 0}.archive-programme li:before{font-size:28px}.archive-programme h3{font-size:29px}.archive-object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.archive-object-card img{height:240px}.archive-object-card h3{font-size:26px}.archive-object-card p{font-size:11px}.archive-object-card .eyebrow{font-size:8px;letter-spacing:.1em}.archive-object-gallery{grid-template-columns:1fr}.archive-object-gallery img{height:auto;max-height:600px}.archive-object-gallery figure{min-width:0}.archive-object-heading h1{font-size:48px}.archive-related{gap:18px}.archive-controls{gap:15px}.archive-filters{gap:5px 20px}[data-archive-search]{font-size:16px}}
@media(max-width:380px){.archive-object-grid{grid-template-columns:1fr}.archive-object-card img{height:340px}.archive-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.archive-card-image img,.archive-object-card img{transition:none}.archive-card-grid a:hover .archive-card-image img{transform:none}}