:root{--red:#821e20;--gold:#c99c54;--ink:#302a24;--paper:#f8f5ec;--line:#dcd2bf;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b57c2d;outline-offset:3px}.wrap{width:min(1264px,91vw);margin-inline:auto}#mast{background:#f9f6ed;position:relative;z-index:3}.topline,.brand,.utility,.navrow,.footinner,.section-head{display:flex;align-items:center}.topline{height:67px;gap:19px}.brand,.footinner span{font:900 29px/1 var(--serif);color:var(--red);letter-spacing:.05em}.brand svg{width:30px;height:36px;margin-right:7px}.museum{border-left:1px solid #b5a997;padding-left:18px;font:15px var(--serif);color:#625445}.utility{margin-left:auto;gap:22px;font-size:13px}.utility b{font-size:18px;font-weight:500;vertical-align:-1px;margin-right:5px;color:var(--red)}#mast nav{background:#7d1d20;color:#fff3dc}.navrow{justify-content:space-between}.navrow a{padding:11px 12px;position:relative;white-space:nowrap;font-weight:600;font-size:15px}.navrow a:hover,.navrow a[aria-current]{color:#ffe2a4}.navrow a[aria-current]:after{content:"";position:absolute;height:3px;bottom:3px;left:22%;right:22%;background:#daba78}.hero{background:#351b14;color:#fff5db;position:relative;overflow:hidden;isolation:isolate}.hero-photo,.hero:after{position:absolute;inset:0;z-index:-1}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.hero:after{content:"";background:linear-gradient(90deg,rgba(67,17,16,.99) 0%,rgba(82,26,20,.90) 23%,rgba(61,24,17,.64) 43%,rgba(47,27,15,.04) 78%),linear-gradient(0deg,#27160cd9,transparent 35%)}.hero-inner{padding:65px 0 30px;min-height:450px;display:flex;flex-direction:column;align-items:flex-start}.eyeline{font:600 14px var(--serif);letter-spacing:.18em;color:#ecd39f;display:flex;align-items:center;gap:14px}.eyeline:before{content:"";width:36px;height:1px;background:#d7b775}.hero h1{font:900 clamp(62px,7.6vw,112px)/1.22 var(--serif);letter-spacing:.04em;margin:12px 0 0;text-shadow:0 2px 10px #361b1c33}.hero h2{font:500 clamp(22px,2.5vw,36px)/1.4 var(--serif);margin:0 0 28px}.hero-link{font-size:14px;font-weight:650;color:#412717;background:#f4deae;padding:9px 19px}.hero-link:hover{background:#fff2ce}.hero-controls{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:12px;width:100%;color:#faeace}.hero-controls button,.gallery-controls button{height:32px;min-width:32px;color:inherit;background:#35221e88;border:1px solid #dfcbaa88;border-radius:50%}.hero-count{font:italic 18px Georgia,serif}.hero-caption{font-size:13px;margin-left:auto}.home-section{padding:40px 0 10px}.section-head{justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.section-head h2,.chapter h1,.chapter h2{font-family:var(--serif);color:var(--red)}.section-head h2{font-size:clamp(25px,3vw,36px);margin:0;line-height:1.4}.section-head a{font-size:14px}.exhibits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.exhibits .exhibit{display:block;border-bottom:2px solid #a07a49;padding-bottom:12px}.exhibits .exhibit img{width:100%;aspect-ratio:2.05;object-fit:cover;display:block}.exhibits .exhibit h3{margin:10px 0 2px;font:700 24px var(--serif)}.exhibits .exhibit p{margin:0;color:#665b50;font-size:14px}.newsrows a{display:flex;padding:12px 0;gap:18px;border-bottom:1px solid var(--line);align-items:baseline}.newsrows time{font:italic 19px Georgia;color:#846746}.newsrows i{margin-left:auto}.previews,.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.previews img,.gallery img{width:100%;display:block}.previews a,.tile{text-align:left}.tile{border:0;padding:0;background:none;color:inherit}.tile span,.previews span{display:block;font:600 17px/1.45 var(--serif);padding:8px 0}.chapter{width:min(1120px,91vw);margin:38px auto 60px;min-height:50vh}.chapter h1{font-size:clamp(36px,5vw,62px);margin:8px 0 16px;line-height:1.2}.chapter section{margin-block:28px}.chapter p{max-width:78ch}.chapter figure{margin:16px 0}.chapter figure img{max-height:520px;object-fit:contain}.chapter figcaption,.crumb{color:#766757;font-size:14px}.chapter a:not([class]){text-decoration:underline;text-underline-offset:3px}.gallery{margin-top:28px}.gallery.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer{width:min(1020px,96vw);max-height:95vh;background:#231e1b;border:1px solid #91795e;padding:12px;color:#fff4e1}.viewer::backdrop{background:#170e0def}.viewer img{display:block;margin:auto;max-width:100%;max-height:74vh;object-fit:contain}.gallery-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:10px 0}.gallery-controls .close{margin-left:auto;border-radius:4px;padding:1px 12px}#foot{margin-top:55px;background:#502022;color:#f1dfbb}.footinner{padding:27px 0;gap:18px}.footinner span,.footinner a{color:#f3dfb6}.footinner a{margin-left:auto;font-size:13px}
@media(max-width:800px){.navrow a{padding-inline:5px;font-size:14px}.hero-inner{min-height:410px}.exhibits,.gallery,.previews{grid-template-columns:repeat(2,minmax(0,1fr))}.utility{gap:10px}}
@media(max-width:600px){.topline{height:58px;gap:4px}.brand{font-size:24px}.brand svg{width:23px}.museum{display:none}.utility{gap:10px;font-size:12px}.utility b{display:none}.navrow{display:grid;grid-template-columns:repeat(4,1fr);width:100%;text-align:center}.navrow a{padding:7px 1px}.hero-inner{min-height:370px;padding:48px 0 19px}.hero:after{background:linear-gradient(90deg,#451613ec,#49251c66),linear-gradient(0deg,#281911dd,transparent 50%)}.eyeline{font-size:12px}.hero h1{font-size:60px}.hero-caption{font-size:12px;max-width:40%;text-align:right}.home-section{padding-top:28px}.exhibits,.gallery,.previews{gap:14px}.gallery.wide{grid-template-columns:1fr}.exhibits .exhibit h3{font-size:21px}.exhibits .exhibit p{font-size:12px}.footinner{flex-wrap:wrap;gap:10px}.footinner small{font-size:10px}.chapter{margin-top:24px}.gallery-controls{gap:6px}.viewer{padding:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Exhibition entry and catalogue */
.hero{border-bottom:4px solid #b79152}
.hero:after{background:linear-gradient(90deg,#45181bf7 0%,#501d1dec 23%,#451d17a8 42%,transparent 75%),linear-gradient(0deg,#26170ecd,transparent 30%)}
.hero-inner{padding-top:clamp(42px,5vw,76px);min-height:clamp(430px,34vw,520px)}
.hero-link{border:1px solid #ead2a7;padding:10px 18px}.hero-controls button{width:39px;height:39px}.hero-controls button:hover{background:#6c382e}
.home-section{padding-top:clamp(32px,4vw,58px)}.section-head{align-items:baseline;border-bottom-color:#bcaa93}.section-head a{color:#752b26;white-space:nowrap}.exhibits .exhibit{padding-bottom:16px;border-bottom:1px solid #b7a78e}.exhibits .exhibit img{aspect-ratio:1.9}.exhibits .exhibit h3{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.exhibits .exhibit h3 span{font:18px/1 sans-serif;color:#927a5d}.exhibits .exhibit:hover h3 span{color:var(--red)}.newsrows a:hover,.previews a:hover span{color:var(--red)}.newsrows time{min-width:56px}.previews a{display:block}.previews span{padding-top:11px}
@media(max-width:600px){.hero-inner{min-height:355px;padding-top:37px}.hero:after{background:linear-gradient(90deg,#44151ae3,#42231855),linear-gradient(0deg,#27170fd1,transparent 38%)}.hero-controls{gap:8px}.hero-controls button{height:40px;width:40px}.hero-count{font-size:15px}.exhibits .exhibit h3{margin-top:9px}.home-section{padding-top:32px}.exhibits .exhibit h3 span{font-size:15px}.newsrows a{gap:8px}.utility a{padding-block:8px}}

/* Consistent navigation and end-of-chapter reading order. */
.skip-link{position:absolute;left:8px;top:-70px;z-index:50;padding:9px 18px;background:#fff;color:#731d21}
.skip-link:focus{top:4px}
.utility a{display:inline-flex;align-items:center;min-height:42px}.utility a[aria-current]{color:var(--red);box-shadow:inset 0 -2px var(--red)}
.chapter-turns{width:min(1120px,91vw);margin:35px auto 0;padding:18px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}
.chapter-turns a{display:grid;min-width:0;align-content:center;padding:4px 0;min-height:48px}
.chapter-turns a:last-child{text-align:right;margin-left:auto}
.chapter-turns small{font-size:12px;color:#776552}
.chapter-turns strong{font:700 20px/1.5 var(--serif);color:var(--red)}
@media(max-width:600px){.navrow a{display:grid;place-content:center;min-height:40px}.utility a{min-height:44px}.topline{width:93vw}.utility{gap:13px}.chapter-turns{margin-top:24px}.chapter-turns strong{font-size:18px}}

.museum-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9;display:flex;align-items:center}
.rail-handle,.museum-rail nav{background:#841b23;color:#fff2cf;border:1px solid #b18e50;box-shadow:0 4px 16px #33101226}
.rail-handle{order:2;writing-mode:vertical-rl;padding:14px 5px;letter-spacing:.18em;border-radius:0 12px 12px 0;font-size:13px}
.museum-rail nav{width:145px;max-height:83dvh;overflow:auto;border-radius:0 22px 22px 0;padding:12px 10px}
.museum-rail nav a{display:block;color:#fff4d9;padding:7px 8px;font:600 17px/1.4 var(--serif);border-bottom:1px solid #ffffff24}
.museum-rail nav a:hover,.museum-rail nav a[aria-current]{background:#602126;color:#ffe19b}
.field-assistant{position:fixed;z-index:8;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border:2px solid #b97b42;border-radius:32px;background:#fff3ce;color:#781a20;box-shadow:0 3px 12px #3e200f35;font:700 17px var(--serif)}
.wheat-friend{position:relative;display:grid;place-items:center;background:#eabd67;border:3px solid #ad602e;color:#653220;width:41px;height:41px;border-radius:50% 50% 45% 45%}
.wheat-friend i{position:absolute;top:-9px;left:17px;background:#977927;width:8px;height:12px;border-radius:9px 0;transform:rotate(15deg)}.wheat-friend b{font:700 16px Georgia}
.poster-reel{padding:clamp(14px,3vw,40px);background:#edd6b4;border:solid #8e2228;border-width:8px 0 3px}
.reel-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.reel-track [hidden]{display:none!important}.reel-track>a,.reel-track>button{display:block;padding:0;border:0;background:none;text-align:left}.reel-track img{display:block;width:100%;height:auto;aspect-ratio:640/854;object-fit:contain}
.reel-track .work-caption{display:flex;gap:8px;font:600 15px/1.5 var(--serif);padding-top:7px}.reel-track .work-caption small{color:#705134}
.reel-controls,.reel-dots{display:flex;align-items:center;justify-content:center;gap:6px}.reel-controls{margin-top:14px}.reel-controls>button{border:1px solid #bd986c;border-radius:50%;background:#fbebcf;color:#762122;min-width:36px;height:36px;font-size:19px}.reel-dots button{position:relative;background:transparent;padding:0;width:20px;height:32px;border:none}.reel-dots button:after{content:"";display:block;background:#bc9f7c;height:5px;border-radius:4px}.reel-dots button[aria-pressed=true]:after{background:#872028}
@media(max-width:959px){.reel-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.reel-track{grid-template-columns:1fr}.reel-track img{max-height:54dvh}.reel-controls{flex-wrap:wrap}.reel-dots{order:2;width:100%;gap:2px}.reel-dots button{width:4%;height:22px}.field-assistant{font-size:13px;right:7px;bottom:8px;padding:3px 9px 3px 3px}.wheat-friend{width:30px;height:30px}.rail-handle{padding:9px 1px;font-size:11px}.footinner{padding-bottom:66px}}
@media(min-width:961px){
 #mast{display:flex;align-items:center;justify-content:center;gap:1.4vw;background:#761b18;color:#ffeacd;padding-inline:2vw}
 #mast .topline{order:2;width:auto;height:64px}
 #mast .brand,#mast .museum{display:none}
 #mast nav:not(#rail-links){background:transparent}
 #mast .navrow{width:auto;gap:clamp(3px,1.1vw,20px)}
 #mast .navrow a{font:600 clamp(15px,1.3vw,21px)/1.5 var(--serif)}
 #mast .utility{gap:12px}
 #mast .utility a,#mast .utility b{color:#ffe6ba}
}
.field-assistant{border:0;box-shadow:none;background:none;padding:8px 0 0;gap:0;align-items:flex-end}
.field-assistant strong{display:grid;gap:0;position:relative;z-index:1;margin-bottom:6px;border:2px solid #bc723e;border-radius:10px 10px 10px 3px;background:#fff0ce;box-shadow:0 2px 7px #4b241f35;padding:4px 10px;font:800 19px/1.18 var(--serif)}
.field-assistant small{font:600 11px/1.4 sans-serif;letter-spacing:.13em;color:#704a31}
.wheat-friend{z-index:2;margin:0 -2px 12px 0;width:42px;height:39px;background:#ffdaa2;border:2px solid #b77940;box-shadow:inset 0 -4px #e4ab6e}
.wheat-friend:before{content:"";position:absolute;left:-6px;right:-6px;height:8px;top:-2px;background:#e0aa4f;border:1px solid #a96731;border-radius:50%;transform:rotate(-7deg)}
.wheat-friend i{width:25px;height:14px;left:5px;top:-11px;border-radius:70% 70% 25% 25%;background:#e9bc68;border-bottom:3px solid #9b402b;transform:rotate(-7deg)}
.wheat-friend:after{content:"";position:absolute;z-index:-1;width:29px;height:12px;border-radius:6px 6px 50% 50%;left:5px;bottom:-10px;background:#ab3727;transform:rotate(-5deg)}
@media(max-width:599px){.field-assistant strong{font-size:14px;padding:3px 6px}.field-assistant small{font-size:9px}.field-assistant .wheat-friend{transform:scale(.8);transform-origin:right bottom;margin-right:-2px}}