@font-face{font-family:ExhibitSerif;src:url(/fonts/pagoda-serif.woff2) format("woff2");font-display:swap}:root{font-family:ExhibitSerif,Songti SC,serif;color:#292722;background:#ece9e2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #9c4b36;outline-offset:6px}.skip{position:fixed;top:-80px;left:24px;z-index:20;background:#ece9e2;padding:12px}.skip:focus{top:12px}.gallery-header,.gallery-footer{margin:0 5%;display:flex;justify-content:space-between;align-items:center}.gallery-header{height:116px;border-bottom:1px solid #c9c3b7}.gallery-brand{display:flex;gap:15px;align-items:center;font-size:22px;letter-spacing:5px}.gallery-brand small{display:block;font:9px Georgia,serif;letter-spacing:1.5px;margin-top:7px}.brand-seal{border:1px solid #9c4b36;color:#9c4b36;font-size:16px;line-height:1.15;letter-spacing:0;padding:5px}.gallery-intro{padding:84px 9% 85px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:11px;letter-spacing:4px;color:#9c4b36;margin:0 0 28px}h1{font-size:clamp(46px,5.8vw,86px);line-height:1.35;letter-spacing:2px;font-weight:400;margin:0}h1 span{margin-left:1em}.intro-note{padding-bottom:10px;font-size:13px;line-height:2.2;letter-spacing:1px}.small-rule{display:block;width:32px;border-top:1px solid #9c4b36}.intro-note a{display:inline-flex;gap:54px;margin-top:10px;color:#9c4b36;border-bottom:1px solid #baa89a;padding-bottom:6px}#collection{margin:0 5%}.collection-label{border-top:1px solid #c9c3b7;display:flex;justify-content:space-between;padding:20px 0;font:10px Georgia,serif;letter-spacing:2px}.exhibit-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:5.5%}.exhibit--yingxian-pagoda{margin-top:94px}.exhibit-image{position:relative;overflow:hidden;background:#e3e5dc;aspect-ratio:1.12}.exhibit--yingxian-pagoda .exhibit-image{background:#ded9cf;aspect-ratio:.9}.exhibit-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.3,1)}.exhibit:hover img{transform:scale(1.035)}.exhibit-number{position:absolute;top:20px;left:24px;font:14px Georgia;color:#645e53}.exhibit-open{position:absolute;bottom:24px;right:24px;font-size:12px;background:#ece9e2df;padding:12px 16px}.exhibit-caption{display:flex;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #c9c3b7}.exhibit-caption p{font-size:10px;letter-spacing:1.5px;color:#6e675e;margin:0 0 12px}.exhibit-caption h2{font-size:31px;font-weight:400;margin:0;white-space:nowrap}.exhibit-caption .exhibit-description{max-width:210px;font-size:12px;line-height:2;letter-spacing:.5px;margin:3px 0 0}.gallery-colophon{margin:100px 5% 75px;display:flex;justify-content:space-between;align-items:center}.gallery-colophon>span{font-size:28px;letter-spacing:2px}.gallery-colophon p{font-size:12px;color:#6e675e;line-height:2.2}.gallery-footer{border-top:1px solid #c9c3b7;padding:25px 0;font-size:10px;letter-spacing:1px}@media(max-width:760px){.gallery-header{height:auto;min-height:120px;padding:20px 0;flex-wrap:wrap;gap:20px}.gallery-header .building-nav{width:100%}.gallery-intro{padding:50px 7% 45px;display:block}h1{font-size:46px}.intro-note{margin:30px 0 0 20%;font-size:12px}.exhibit-grid{display:block}.exhibit--yingxian-pagoda{display:block;margin-top:44px}.exhibit-caption{gap:20px}.exhibit-caption h2{font-size:28px}.exhibit-caption .exhibit-description{max-width:155px;font-size:11px}.gallery-colophon{display:block;margin-top:65px;margin-bottom:45px}.gallery-colophon>span{font-size:24px}.gallery-colophon p{margin-top:20px}.gallery-footer>span:nth-child(2){display:none}.collection-label{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#artworks{margin:90px 5% 0}.artwork{display:grid;grid-template-columns:1.14fr 1fr;gap:5.5%;align-items:center;padding-top:24px}.artwork-preview{height:440px;overflow:hidden;background:#1923a7;display:flex;justify-content:center}.artwork-preview svg{height:100%;width:auto;display:block}.artwork-copy{padding:20px 9%}.artwork-copy>span{font-size:10px;letter-spacing:2px;color:#746b60}.artwork-copy h2{font-size:64px;letter-spacing:12px;font-weight:400;margin:25px 0}.artwork-copy p{max-width:290px;font-size:14px;line-height:2.2;color:#6e675e}.artwork-copy .artwork-enter{display:inline-block;color:#9c4b36;border-bottom:1px solid #baa89a;margin-top:25px;padding:12px 0}.artwork:hover .artwork-enter{color:#292722}@media(max-width:760px){#artworks{margin-top:65px}.artwork{grid-template-columns:1fr;gap:12px}.artwork-preview{height:390px}.artwork-copy{padding:22px 4%}.artwork-copy h2{font-size:44px;margin:18px 0}.artwork-copy p{font-size:13px}}#artworks .artwork-preview svg{overflow:visible;flex:none}:root{--paper:#f5f3eb;--ink:#293f34;--muted:#667064;--line:#d9dcd0;--accent:#356047;background:var(--paper);color:var(--ink)}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper)}.learn-header,.learn-footer,.learning-home main,.subject-page main{width:min(1280px,88%);margin-inline:auto}.learn-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.learn-brand{display:flex;gap:13px;align-items:center;font-size:26px;letter-spacing:4px;flex-shrink:0}.learn-brand .brand-seal{color:var(--accent);border-color:var(--accent);font-size:18px;padding:6px}.learn-brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px;color:var(--muted)}.subject-nav{display:flex;gap:30px;align-items:center;font-size:13px}.subject-nav a{padding:13px 0;position:relative;white-space:nowrap}.subject-nav a[aria-current=page]{color:var(--accent)}.subject-nav a[aria-current=page]:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--accent)}.header-note{font-size:11px;color:var(--muted);letter-spacing:1px}.learn-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:25px;padding:74px 0 70px}.kicker{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 25px;line-height:1.7}.kicker>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9caa81;margin-right:8px;vertical-align:middle}.hero-copy h1{font-size:clamp(46px,4.9vw,74px);font-weight:400;line-height:1.35;letter-spacing:1px}.hero-copy h1 span{margin:0;color:#698267;position:relative;white-space:nowrap}.hero-copy h1 span:after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:1px solid #a8b49b;transform:rotate(-2deg)}.hero-description{font-size:14px;color:var(--muted);line-height:2.1;margin:24px 0 27px}.primary-link{display:inline-flex;align-items:center;gap:48px;padding:17px 22px;background:var(--accent);color:#f8f7ef;font-size:13px;transition:background .2s}.primary-link:hover{background:#254632}.primary-link span{font-size:20px}.hero-footnote{font-size:10px;color:var(--muted);margin:18px 0 0;letter-spacing:1.5px}.hero-art{position:relative;align-self:center}.hero-art svg{display:block;width:100%;height:auto}.figure-label{display:flex;gap:18px;justify-content:end;font:10px Georgia,serif;letter-spacing:2px;margin:0 30px 0 0;color:var(--muted)}.figure-label i{font-style:normal;letter-spacing:1px}.subjects-section{padding:38px 0 0;border-top:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:25px}.section-heading .kicker{margin:0 0 12px;font-size:10px}.section-heading h2{font-size:32px;font-weight:400;letter-spacing:1px;margin:0}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.subject-card{background:#eaf0e7;display:flex;flex-direction:column;border:1px solid #dde4d8;transition:transform .25s,border-color .25s}.subject-card--chemistry{background:#eff0df;border-color:#e0e2cb}.subject-card--art{background:#f0e8dc;border-color:#e6dacb}.subject-card:hover{transform:translateY(-5px);border-color:#8f9c84}.subject-card-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0;font:10px Georgia,serif;letter-spacing:1.8px;color:#53654f}.round-arrow{width:28px;height:28px;border:1px solid #bdc8b5;border-radius:50%;display:grid;place-items:center;font-size:17px}.subject-picture{margin:0 12px;height:235px;display:flex;align-items:center;justify-content:center}.subject-picture svg{width:100%;height:100%}.subject-card-copy{padding:0 26px 24px;display:flex;flex-direction:column;flex:1}.subject-count{font-size:10px;letter-spacing:1px;color:#61705a;margin:0 0 12px}.subject-card h3{font-size:29px;font-weight:400;margin:0 0 15px;letter-spacing:1px}.subject-card-copy>p:not(.subject-count){font-size:12px;line-height:2;color:#586450;margin:0 0 24px;flex:1}.subject-card-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #cdd5c4;padding-top:16px;font-size:10px;color:#55634e}.question-strip{display:flex;align-items:center;gap:34px;background:#e8ebdf;padding:38px 45px;margin-top:50px}.question-mark{font:110px/.9 Georgia,serif;color:#a5b097}.question-strip .kicker{font-size:10px;margin:0 0 10px}.question-strip h2{font-size:28px;font-weight:400;margin:0}.question-strip p:not(.kicker){font-size:12px;color:var(--muted);margin:14px 0 0}.question-strip>a{margin-left:auto;white-space:nowrap;font-size:13px;border-bottom:1px solid #93a185;padding:12px 0}.question-strip>a span{margin-left:25px}.mobile-break{display:none}.closing-note{display:flex;justify-content:space-between;align-items:center;padding:70px 0;gap:30px}.closing-note>span{font-size:26px;letter-spacing:3px}.closing-note>p{font-size:12px;line-height:2;color:var(--muted)}.learn-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-size:11px;color:var(--muted);gap:20px}.learn-footer>a:first-child{font-size:16px;color:var(--ink)}.learn-footer span{font:9px Georgia,serif;margin-left:12px;letter-spacing:2px}.learn-footer p{margin:0}.breadcrumb{display:inline-block;font-size:11px;color:var(--muted);margin-top:32px}.subject-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:30px 0 45px}.subject-intro h1{font-size:64px;line-height:1.25}.subject-intro p:not(.kicker){font-size:15px;line-height:2;color:var(--muted)}.subject-intro .subject-count{display:block;margin-top:25px}.intro-illustration{max-width:360px;justify-self:end;width:100%}.intro-illustration svg{display:block;width:100%}.reading-index{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-index>a{padding:30px 35px 30px 0}.reading-index>a+a{border-left:1px solid var(--line);padding-left:35px}.reading-index span{font-size:11px;color:var(--accent);letter-spacing:1px}.reading-index h2{font-weight:400;font-size:25px;line-height:1.6;margin:14px 0}.reading-index p{font-size:13px;line-height:1.8;color:var(--muted)}.reading-index .reading-link{display:block;margin-top:22px}.reading-index a:hover h2{text-decoration:underline;text-underline-offset:6px}.lessons{max-width:980px;margin:30px auto 0}.lesson{display:grid;grid-template-columns:130px 1fr;gap:45px;padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.lesson aside{font:42px Georgia,serif;color:#a3b096}.lesson aside span{display:block;font:11px ExhibitSerif,Songti SC,serif;color:var(--muted);margin-top:18px}.lesson h2{font-size:32px;font-weight:400;line-height:1.6;margin:0 0 24px}.lesson p{font-size:16px;line-height:2.2;color:#455440;margin:20px 0}.lesson .lesson-lead{font-size:19px;color:var(--accent)}.lesson details{background:#e9eddf;padding:20px 24px;margin-top:30px}.lesson summary{font-size:14px;line-height:1.9;cursor:pointer}.lesson details p{font-size:14px;margin-bottom:0}.back-top{display:inline-block;font-size:11px;color:var(--muted);margin-top:24px}.next-subject{display:flex;gap:30px;padding:60px 0;font-size:13px;flex-wrap:wrap}.next-subject>span{margin-right:auto;color:var(--muted)}.art-archive #collection,.art-archive #artworks{margin-inline:0}.art-archive .exhibit-caption h2{white-space:normal}.art-archive .artwork-copy h2{color:var(--ink)}@media(min-width:1500px){.learn-hero{padding-block:90px}.hero-copy h1{font-size:76px}}@media(max-width:1100px){.header-note{display:none}.subject-nav{gap:24px}.hero-copy h1{font-size:54px}.subject-card h3{font-size:24px}.subject-card-copy{padding-inline:20px}.subject-card-bottom{flex-wrap:wrap;gap:12px}.subject-picture{height:210px}}@media(max-width:760px){.learn-header,.learn-footer,.learning-home main,.subject-page main{width:88%}.learn-header{padding:22px 0 15px;flex-wrap:wrap;gap:18px}.learn-brand{font-size:23px}.subject-nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.learn-hero{grid-template-columns:1fr;padding:40px 0 32px;gap:8px}.hero-copy h1{font-size:clamp(42px,8.5vw,60px)}.hero-description{font-size:13px;margin-block:22px}.hero-art{max-width:460px;width:100%;margin:0 auto}.figure-label{font-size:9px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:27px}.section-heading>p{margin-top:15px}.section-heading>p br{display:none}.subject-grid{grid-template-columns:1fr;gap:22px}.subject-picture{height:220px}.subject-card-copy{padding:0 24px 24px}.subject-card h3{font-size:30px}.subject-card-copy>p:not(.subject-count){font-size:14px}.subject-card-bottom{font-size:11px;flex-wrap:nowrap}.question-strip{padding:28px 24px;gap:18px;flex-wrap:wrap;margin-top:32px}.question-mark{font-size:75px}.question-strip h2{font-size:23px;line-height:1.5}.question-strip>a{margin-left:auto}.mobile-break{display:block}.closing-note{display:block;padding:42px 0}.closing-note>span{font-size:24px}.closing-note>p{margin:20px 0 0}.learn-footer{flex-wrap:wrap;row-gap:15px}.learn-footer p{order:3;width:100%;font-size:10px}.subject-intro{grid-template-columns:1fr;gap:0;padding:30px 0}.subject-intro h1{font-size:48px}.subject-intro .kicker{margin-bottom:18px}.intro-illustration{width:240px;justify-self:center}.reading-index{grid-template-columns:1fr}.reading-index>a,.reading-index>a+a{border-left:0;padding:25px 0}.reading-index>a+a{border-top:1px solid var(--line)}.reading-index h2{font-size:23px}.lesson{grid-template-columns:1fr;gap:20px;padding:40px 0}.lesson aside{display:flex;align-items:center;gap:18px;font-size:30px}.lesson aside span{margin:0}.lesson h2{font-size:27px}.lesson p{font-size:15px}.lesson .lesson-lead{font-size:18px}.lesson details{padding:18px}.next-subject{gap:22px;padding:40px 0}.next-subject>span{width:100%}.art-archive .exhibit-caption{flex-wrap:wrap}.art-archive .exhibit-caption .exhibit-description{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.subject-card{transition:none}.subject-card:hover{transform:none}}