/* A dedicated layout for the Nansha partnership exhibition. */
.hx{--hx-ink:#192e31;--hx-muted:#4f6160;--hx-ox:#984927;--hx-rule:#c9c9b8;--hx-paper:#f6f4ea;--hx-serif:Georgia,"Times New Roman",serif;color:var(--hx-ink);background:#faf9f2}
.hx *{box-sizing:border-box}
.hx .wrap{max-width:1240px}
.hx a:focus-visible{outline:3px solid #b57837;outline-offset:4px}
.hx-crumb,.hx-by,.hx-kicker,.hx-period,.hx-date,.hx-figure figcaption,.hx-nav,.hx-timeline,.hx-back,.hx-reading,.hx-refs{font-family:Arial,Helvetica,sans-serif}
.hx-crumb{font-size:.78rem;color:var(--hx-muted);padding:15px 0}
.hx-crumb a,.hx-by a{text-decoration:none}
.hx-crumb a:hover,.hx-by a:hover{text-decoration:underline}
.hx-hero{background:#173b3b;color:#f7f4de;border-block:1px solid #122f30}
.hx-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.99fr);gap:clamp(24px,4vw,65px);align-items:center;padding-block:clamp(32px,4.6vw,67px)}
.hx-kicker,.hx-period,.hx-date,.hx-by,.hx-nav a span,.hx-figure figcaption span{font-variant-numeric:tabular-nums}
.hx-kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#e2bd8b;font-weight:bold;display:flex;align-items:center;gap:12px}
.hx-kicker span{width:30px;height:2px;background:#d5a06a;display:block}
.hx h1,.hx h2,.hx .hx-prose h3{font-family:var(--hx-serif);letter-spacing:-.04em;font-weight:400;text-wrap:balance}
.hx h1{color:#fff8e8;font-size:clamp(2.8rem,5.15vw,5.3rem);line-height:.99;max-width:14ch;margin:17px 0 23px}
.hx-hero-text>p{font-family:var(--hx-serif);font-size:clamp(1.08rem,1.45vw,1.37rem);line-height:1.54;color:#ecebda;max-width:53ch;margin:0}
.hx-by{border-top:1px solid #57716c;margin-top:23px;padding-top:11px;font-size:.73rem;color:#cfddd0}
.hx-figure{margin:0}.hx-mat{background:#f0ede1;overflow:hidden}.hx-mat img{width:100%;height:auto;display:block}
.hx-figure figcaption{color:#475b59;font-size:.76rem;line-height:1.55;padding:9px 0}
.hx-figure figcaption span{display:block;font-size:.69rem;letter-spacing:.095em;text-transform:uppercase;font-weight:700;margin-block:1px 3px;color:var(--hx-ox)}
.hx-figure figcaption a{color:inherit;text-underline-offset:2px}
.hx-hero .hx-mat{padding:8px;background:#e8e2ce}.hx-hero figcaption{color:#d8ddcb;padding-bottom:0}.hx-hero figcaption span{color:#e2bd8b}
.hx-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--hx-rule);margin:26px 0 0;background:var(--hx-paper)}
.hx-nav a{position:relative;padding:15px 33px 16px 20px;text-decoration:none;font-size:1.03rem;line-height:1.35;font-weight:600;min-width:0}
.hx-nav a+a{border-left:1px solid var(--hx-rule)}.hx-nav a span{display:block;color:var(--hx-ox);font-size:.7rem;letter-spacing:.09em;margin-bottom:.45rem}.hx-nav i{position:absolute;right:14px;top:50%;font-style:normal}.hx-nav a:hover,.hx-nav a:focus-visible{background:#e7eade;color:#143e39}
.hx-chapter,.hx-end,.hx-refs,.hx-reading{margin-top:58px}
.hx-ch-head,.hx-ch-grid,.hx-end,.hx-reading{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);column-gap:clamp(32px,6.5vw,96px)}
.hx-ch-head{border-top:2px solid var(--hx-ink);padding-top:21px;align-items:baseline}
.hx-period{font-size:clamp(1.4rem,2.5vw,2.3rem);letter-spacing:-.04em;color:var(--hx-ox);font-weight:500;line-height:1.25}
.hx-ch-head h2,.hx-end h2,.hx-reading h2,.hx-refs h2{font-size:clamp(2.1rem,3.6vw,3.8rem);line-height:1.04;margin:0}
.hx-ch-head p{font-size:1.1rem;line-height:1.55;margin:14px 0 20px;max-width:65ch;color:var(--hx-muted)}
.hx-timeline{background:#eeeee1;border-top:3px solid #41625b;padding:19px 18px;align-self:start}.hx-timeline h3{font-family:var(--hx-serif);font-weight:400;font-size:1.45rem;letter-spacing:-.03em;margin:0 0 16px}
.hx-timeline ol{padding:0;margin:0;list-style:none}.hx-timeline li{border-top:1px solid #cbd1c2;padding:12px 0 14px}.hx-timeline li:last-child{padding-bottom:0}.hx-timeline .hx-date{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--hx-ox)}
.hx-timeline strong{display:block;font-size:.97rem;line-height:1.35;color:#243d39;margin:4px 0}.hx-timeline p{font-size:.82rem;line-height:1.45;color:var(--hx-muted)}.hx-timeline small a{display:inline-block;font-size:.65rem;color:#375a51}
.hx-prose{font:1.11rem/1.73 var(--hx-serif);max-width:76ch;min-width:0}.hx-prose h3{font-size:clamp(1.5rem,2.2vw,2.04rem);line-height:1.16;margin:32px 0 14px}.hx-prose>:first-child{margin-top:0}
.hx-prose p{margin:0 0 17px}.hx-prose a{color:#31594f;text-decoration-color:#9fae9e;text-underline-offset:3px}
.hx-prose .hx-figure{margin:25px 0 20px}.hx-prose .hx-figure figcaption{border-bottom:1px solid var(--hx-rule)}
.hx-prose .hx-mat{background:#efeede}.hx-prose img[src$="2018-line3.webp"]{width:min(100%,400px);margin:auto}.hx-prose img[src$="2026-10million.webp"]{width:min(100%,600px);margin:auto}
.hx-back{display:block;width:fit-content;margin:22px 0 0 auto;font-size:.8rem;color:#495f55}
.hx-end,.hx-reading,.hx-refs{border-top:2px solid #334d47;padding-top:24px}
.hx-end h2,.hx-reading h2,.hx-refs h2{font-size:clamp(1.65rem,2.8vw,2.4rem)}
.hx-refs .source-list{column-count:2;column-gap:36px;margin:19px 0 0;padding:0;list-style:none}
.hx-refs .source-list li{break-inside:avoid;border-bottom:1px solid var(--hx-rule);margin:0;padding:8px 0;line-height:1.45;font-size:.84rem}
.hx-refs .source-list small{display:block;color:var(--hx-muted);font-size:.71rem}.hx-reading{padding-bottom:50px;margin-bottom:0}.hx-reading ul{padding:0;list-style:none;margin:0}.hx-reading li{border-bottom:1px solid var(--hx-rule);padding:8px 0}
@media(max-width:860px){.hx .wrap{width:calc(100% - 44px)}.hx-hero-grid{gap:26px}.hx-ch-head,.hx-ch-grid,.hx-end,.hx-reading{grid-template-columns:minmax(162px,.38fr) minmax(0,1fr);column-gap:26px}.hx-prose{font-size:1.05rem}.hx-nav a{padding-left:13px}.hx-timeline{padding:14px 12px}}
@media(max-width:660px){.hx .wrap{width:calc(100% - 34px)}.hx-hero-grid,.hx-ch-head,.hx-end,.hx-reading{display:block}.hx-hero-text{margin-bottom:23px}.hx h1{font-size:clamp(2.65rem,10.1vw,4.2rem);max-width:17ch}.hx-hero-grid{padding-block:28px}.hx-kicker{letter-spacing:.09em}.hx-nav{grid-template-columns:1fr;margin-top:18px}.hx-nav a{padding:11px 30px 11px 13px;font-size:.94rem}.hx-nav a span{display:inline-block;width:81px;margin:0 7px 0 0}.hx-nav a+a{border-left:0;border-top:1px solid var(--hx-rule)}.hx-chapter,.hx-end,.hx-refs,.hx-reading{margin-top:35px}.hx-ch-head{padding-top:14px}.hx-period{font-size:1rem;margin-bottom:9px;font-weight:700;letter-spacing:.045em}.hx-ch-head h2{font-size:2.3rem}.hx-ch-head p{font-size:1rem}.hx-ch-grid{display:flex;flex-direction:column;gap:15px}.hx-ch-grid .hx-prose{order:1}.hx-ch-grid .hx-timeline{order:2;width:100%;padding:14px}.hx-timeline ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.hx-timeline strong{font-size:.92rem}.hx-end-title,.hx-reading h2{margin-bottom:17px}.hx-refs .source-list{column-count:1}.hx-back{margin-top:12px}}
@media(max-width:365px){.hx-nav a span{display:block;width:auto;margin-bottom:3px}.hx-timeline ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html:has(.hx){scroll-behavior:auto}}
.hx-nav i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-50%)}