:root{color-scheme:light;--paper:#f0eee7;--ink:#272826;--soft:#696962;--line:#c8c6bc;--accent:#9f432f;--sage:#dfe0d3;--serif:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;--zh:"Songti SC","STSong","Noto Serif CJK SC",serif;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p{font-size:15px;line-height:1.9;color:var(--soft);margin:0 0 20px}main{max-width:1440px;padding:0 52px;margin:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--paper);padding:12px;z-index:3}.skip:focus{top:12px}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:25px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:17px;text-decoration:none}.monogram{font-family:var(--serif);font-weight:700;font-size:39px;letter-spacing:-.12em}.brand-note{font-size:10px;letter-spacing:.13em;line-height:1.7;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:35px}.location{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.languages{display:flex;align-items:center;gap:14px;font-size:11px}.languages a{text-decoration:none;padding:7px 0}.languages [aria-current]{border-bottom:1px solid var(--accent);color:var(--accent)}.back{font-size:11px;text-decoration:none}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:75px;padding:68px 0 76px;border-bottom:1px solid var(--ink);align-items:center}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}.hero h1{font-family:var(--zh);font-size:clamp(53px,7vw,106px);font-weight:400;line-height:1.13;letter-spacing:.02em;margin:0 0 13px}.hero h1 small{display:block;font-family:var(--serif);font-size:clamp(24px,3vw,42px);font-style:italic;color:var(--soft);letter-spacing:-.025em;margin-top:12px}.lede{font-family:var(--zh);font-size:24px;line-height:1.75;color:var(--ink);max-width:680px;margin:34px 0 40px}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:660px;border-top:1px solid var(--line)}.meta div{padding:16px 24px 16px 0;border-bottom:1px solid var(--line)}.meta dt{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.meta dd{font-size:14px;line-height:1.7;margin:0;color:var(--ink)}
.art{height:480px;position:relative;overflow:hidden;background:#c8cbbd;border:1px solid #b7bcad}.art--red{background:#a14a38;color:#f3ead9;border-color:#974433}.art--blue{background:#b8c2c7;color:#263337;border-color:#aab7bb}.art--ochre{background:#c9b896;color:#342d22;border-color:#b8a77f}.art svg{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.art-title{position:absolute;left:35px;bottom:72px;font-family:var(--serif);font-size:clamp(55px,7vw,103px);line-height:.86;letter-spacing:-.06em}.art-title span{display:block;font-family:var(--zh);font-size:25px;letter-spacing:.08em;margin-top:26px}.art-index{position:absolute;top:25px;right:27px;font-family:var(--serif);font-size:28px}.art-caption{position:absolute;left:27px;right:27px;bottom:24px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.section{display:grid;grid-template-columns:275px minmax(0,1fr);gap:65px;padding:78px 0;border-bottom:1px solid var(--line)}.section h2{font-family:var(--zh);font-weight:400;font-size:32px;line-height:1.45;margin:0}.section h2 em{display:block;font-family:var(--serif);font-size:46px;line-height:1.1;color:var(--soft);margin-bottom:13px}.section h2 small{display:block;color:var(--accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;letter-spacing:.13em;margin-bottom:22px}.section-content{max-width:790px}.section-content>p:first-child{font-size:22px;line-height:1.85;color:var(--ink);font-family:var(--zh)}.credits{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.credits article{border-top:1px solid var(--line);padding-top:17px}.credits h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:500;margin:0 0 10px}.credits p{font-size:14px;margin:0;color:var(--ink)}.source-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.source-list li{border-bottom:1px solid var(--line);padding:20px 0}.source-list a{display:flex;justify-content:space-between;gap:25px;text-decoration:none;font-size:14px}.source-list small{display:block;color:var(--soft);font-size:12px;line-height:1.7;margin-top:6px}.quote{margin:0;padding:22px 0 22px 24px;border-left:2px solid var(--accent);font-family:var(--zh);font-size:18px;line-height:1.9;color:var(--ink)}.related-works{display:grid;grid-template-columns:275px minmax(0,1fr);gap:65px;padding:34px 0;border-bottom:1px solid var(--line)}.related-works small{display:block;color:var(--accent);font-size:10px;letter-spacing:.13em;margin-bottom:10px}.related-works strong{font-family:var(--zh);font-size:18px;font-weight:400}.related-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 27px}.related-links a{font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:7px}.end{display:flex;justify-content:space-between;gap:25px;padding:35px 0 55px}.end a{font-size:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:10px}.end p{font-size:11px;margin:0;max-width:550px}.en-page .hero h1,.en-page .section h2{font-family:var(--serif)}.en-page .hero h1 small{font-family:var(--zh);font-style:normal}.en-page .lede,.en-page .section-content>p:first-child,.en-page .quote{font-family:var(--serif)}.en-page .section h2 em{font-family:var(--serif);font-style:italic}.en-page .section-content>p:first-child{font-size:23px}.en-page .credits p{font-size:14px}
@media(max-width:900px){main{padding:0 30px}.hero{grid-template-columns:1fr;gap:42px}.art{height:400px}.section,.related-works{grid-template-columns:215px 1fr;gap:35px}.section h2 em{font-size:39px}}
@media(max-width:650px){main{padding:0 21px}.topbar{min-height:77px;gap:12px}.brand-note,.location,.back{display:none}.header-right{gap:15px}.hero{display:block;padding:46px 0 48px}.hero h1{font-size:57px}.hero h1 small{font-size:27px}.lede{font-size:21px;margin:28px 0 32px}.meta{grid-template-columns:1fr}.meta div{padding-right:0}.art{height:310px;margin-top:36px}.art-title{left:25px;bottom:57px;font-size:69px}.art-title span{font-size:18px;margin-top:19px}.art-caption{left:20px;right:20px;bottom:18px;font-size:8px}.section{display:block;padding:48px 0}.related-works{display:block;padding:30px 0}.related-works strong{display:block;margin-bottom:20px}.related-links{gap:12px 20px}.section h2{font-size:27px;margin-bottom:30px}.section h2 em{font-size:45px;margin-bottom:9px}.section h2 small{margin-bottom:14px}.section-content>p:first-child{font-size:20px}.credits{grid-template-columns:1fr;gap:22px;margin-top:28px}.quote{font-size:17px}.end{display:block;padding:28px 0 42px}.end p{margin-bottom:22px}.en-page .hero h1{font-size:49px}.en-page .hero h1 small{font-size:25px}.en-page .lede{font-size:23px}.en-page .section-content>p:first-child{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}