:root{--paper:#f8f8f5;--ink:#20211f;--muted:#74766f;--line:#d7d9d1;--accent:#d5ff52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #677f16;outline-offset:5px}.masthead,main,footer{max-width:1600px;margin:auto}.masthead{height:120px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{display:flex;gap:22px;align-items:center}.brand-cn{font-size:38px;letter-spacing:-3px;font-weight:700;white-space:nowrap}.brand-dot{font:12px Arial;vertical-align:top;display:inline-block;margin:5px 0 0 8px}.brand-en{font-size:11px;line-height:1.6;letter-spacing:1.1px}.masthead nav{display:flex;gap:36px;font-size:14px}.masthead nav a:hover{border-bottom:1px solid}.header-edition{font:12px monospace;letter-spacing:.6px}main{padding:0 4.2%}.opening{padding:38px 0 43px}.intro-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.intro-meta span:last-child{font:11px monospace;letter-spacing:1.5px}.title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;gap:30px}h1{margin:0;font-size:clamp(40px,5.1vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.3}.title-period{color:#8b9f49}.mobile-break{display:none}.title-row p{font-size:14px;line-height:1.9;margin:0 0 9px;color:#5c5e56;flex-shrink:0}figure{margin:0}.photo-open{position:relative;display:block;border:0;padding:0;width:100%;overflow:hidden;background:#e1e4dd;text-align:left}.photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease,filter .7s ease}.photo-open:hover img{transform:scale(1.025);filter:brightness(.95)}.hero-photo{height:clamp(380px,45vw,660px)}.hero-photo img{object-position:50% 52%}.photo-badge{position:absolute;top:24px;left:24px;background:var(--accent);padding:10px 13px;font:11px monospace;letter-spacing:1px}.view-image{position:absolute;bottom:22px;right:24px;color:white;font-size:13px;text-shadow:0 1px 6px #0009;display:flex;align-items:center;gap:24px}.view-image span{font:28px Arial}figcaption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0 0}figcaption>div{display:flex;align-items:center;gap:18px}.number{font:12px monospace;color:var(--muted)}h2{margin:0;font-size:21px;font-weight:500}.category{font-size:11px;letter-spacing:1px;color:var(--muted)}.caption-note{font-size:13px;color:var(--muted)}.featured .category{margin-left:20px}.section-label{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;margin:75px 0 32px;font-size:14px}.section-label small{font:11px monospace;margin-left:14px;color:var(--muted);letter-spacing:1px}.section-label>span:last-child{font:12px monospace}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.5%;padding-bottom:85px}.second-photo{height:clamp(330px,43vw,600px)}.third-photo{height:clamp(300px,31vw,470px)}.offset{padding-top:106px}.photo-description{font-size:14px;color:var(--muted);margin:14px 0 0 34px;line-height:1.8}.notes{border-top:1px solid var(--ink);padding:48px 0 66px;display:grid;grid-template-columns:1fr 1.6fr;gap:8%}.eyebrow{font:11px monospace;letter-spacing:1.5px}.notes-title h2{font-size:40px;margin:22px 0 15px;letter-spacing:-1px}.notes-title p{font-size:14px;color:var(--muted)}.note-list article{border-bottom:1px solid var(--line);padding:0 0 25px;margin:0 0 27px}.note-list article:last-child{margin:0}.note-number{font-size:12px;color:var(--muted)}.note-list h3{font-size:21px;font-weight:500;margin:14px 0 12px}.note-list p{font-size:16px;line-height:1.9;color:#666960;margin:0;max-width:650px}.about{border-top:1px solid var(--ink);padding:48px 0 72px;display:grid;grid-template-columns:1fr 1.5fr 60px;gap:6%}.about h2{font-size:clamp(32px,3vw,48px);line-height:1.5;letter-spacing:-1px}.about p{font-size:16px;line-height:2;color:#666960;max-width:580px;margin:22px 0 0}.about .source-note{font-size:12px;color:var(--muted);line-height:1.8}.back-top{border:1px solid var(--ink);border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:26px}.back-top:hover{background:var(--accent)}footer{margin:0 4.2%;border-top:1px solid var(--ink);min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.footer-brand{font-size:16px;font-weight:700;color:var(--ink)}dialog{border:0;background:#141613;color:#f8f8f5;padding:24px 32px;max-width:none;max-height:none;width:100%;height:100%;margin:0}dialog::backdrop{background:#141613}dialog[open]{display:flex;flex-direction:column;gap:22px}.viewer-header,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-header{font:13px monospace}dialog button{border:1px solid #52564d;background:transparent;min-width:48px;min-height:44px}#close-viewer{padding:8px 16px}#close-viewer span{margin-left:20px;font-size:24px}#viewer-image{object-fit:contain;width:100%;min-height:0;flex:1}.viewer-bottom{text-align:center}.viewer-bottom h2{font-size:20px}.viewer-bottom p{font-size:12px;color:#bbc0b3;line-height:1.7;margin:8px 0 0}.viewer-bottom a{text-decoration:underline;text-underline-offset:3px}body.viewer-open{overflow:hidden}@media(min-width:1740px){.masthead,footer{margin:auto}}@media(max-width:900px){.brand-en{display:none}.title-row{display:block}.title-row p{margin:20px 0 0}.featured .category{display:none}.caption-note{font-size:12px}.photo-grid{gap:28px}.offset{padding-top:70px}.photo-grid figcaption{align-items:flex-start;flex-direction:column;gap:10px}.photo-grid .category{margin-left:34px}.notes{gap:6%;grid-template-columns:.8fr 1.4fr}.about{grid-template-columns:.7fr 1.4fr 50px;gap:4%}.about h2{font-size:34px}}@media(max-width:600px){.masthead{height:87px;margin:0 6%}.brand-cn{font-size:31px}.masthead nav{gap:22px}.header-edition{display:none}main{padding:0 6%}.opening{padding:25px 0 29px}.intro-meta{font-size:11px;letter-spacing:1px}.intro-meta span:last-child{font-size:9px;letter-spacing:0}.title-row{margin-top:25px}h1{font-size:42px;letter-spacing:-2px}.mobile-break{display:block}.title-row p{font-size:14px;margin-top:18px}.hero-photo{height:420px}.photo-badge{top:16px;left:16px;font-size:10px}.view-image{bottom:16px;right:16px}.featured figcaption{align-items:flex-start;flex-direction:column;gap:12px}.featured .caption-note{margin-left:30px}figcaption>div{gap:14px}h2{font-size:19px}.section-label{margin-top:42px}.section-label small{display:block;margin:7px 0 0;font-size:10px}.photo-grid{grid-template-columns:1fr;gap:35px;padding-bottom:47px}.offset{padding-top:0}.second-photo{height:460px}.third-photo{height:320px}.photo-grid figcaption{flex-direction:row;align-items:center}.photo-grid .category{margin-left:0;font-size:10px}.photo-description{margin-left:29px}.notes{grid-template-columns:1fr;gap:25px;padding:34px 0 42px}.notes-title h2{font-size:32px;margin:16px 0 0}.notes-title p{margin-bottom:8px}.note-list h3{font-size:20px}.about{grid-template-columns:1fr 48px;padding:34px 0 42px;gap:25px}.about>.eyebrow{grid-column:1 / -1}.about h2{font-size:32px}.about p{font-size:15px}.back-top{width:44px;height:44px}footer{margin:0 6%;padding:25px 0;align-items:flex-start;flex-wrap:wrap;gap:20px}footer>span:nth-child(2){display:none}dialog{padding:16px}dialog[open]{gap:14px}.viewer-bottom h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-open img{transition:none}}

@media(max-width:600px){.hero-photo img{object-position:67% 50%}}

/* Preserve the full compositions of the two photographs. */
.hero-photo{height:auto;aspect-ratio:3/2}
.hero-photo img{object-fit:contain}
.single-story{grid-template-columns:minmax(0,1fr);width:62%;margin-left:auto}
.single-story .second-photo{height:auto;aspect-ratio:3/4}
.single-story .second-photo img{object-fit:contain}
@media(max-width:600px){.single-story{width:100%}.hero-photo{height:auto}}

/* Full compositions, in a two-column photographic sequence. */
.photo-grid{gap:48px 4%;align-items:start}.photo-grid .photo-open img{height:auto;object-fit:contain}.photo-grid .photo-open:hover img{transform:none}.photo-grid figcaption{flex-wrap:wrap}.category,.number,.eyebrow,.brand-en{font-size:12px}@media(max-width:600px){.photo-grid{gap:36px}.photo-grid .category{font-size:12px}}

/* Full-frame collection, with compact rows at every screen size. */
.photo-grid.collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px;padding-bottom:72px;align-items:start}
.collection .photo-open{height:auto;aspect-ratio:auto;background:transparent}
.collection .photo-open img{height:auto;object-fit:contain}
.collection .photo-open:hover img{transform:none}
.collection figcaption{align-items:flex-start;flex-direction:column;gap:10px}
.collection .category{margin-left:0;font-size:12px}
.collection h2{font-size:20px;line-height:1.4}
@media(max-width:1000px){.photo-grid.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}}
@media(max-width:600px){.photo-grid.collection{grid-template-columns:1fr;gap:36px}.collection figcaption{flex-direction:row;flex-wrap:wrap}.collection .category{font-size:12px}}

.creative-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:14px 0 0;max-width:34em}#creative{scroll-margin-top:24px}@media(max-width:600px){.masthead nav{gap:15px;font-size:14px}.creative-intro{max-width:21em}}