@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--paper:#f2f0e9;--ink:#192720;--green:#244d42;--red:#b6422d;--blue:#173f8f;--muted:#697268;--line:#bdc4b7;--serif:'Noto Serif SC','Songti SC',serif;--sans:system-ui,'Microsoft YaHei',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}a:hover{color:var(--red)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.4}h1{font-size:clamp(46px,6vw,88px);letter-spacing:-.04em}h2{font-size:32px}h3{font-size:24px}.mono,.kicker{font:12px/1.8 var(--mono),var(--sans);letter-spacing:.07em}.kicker{color:var(--red);display:block;margin-bottom:20px}main,.mast,footer{width:min(1320px,calc(100% - 96px));margin:auto}.proof{display:flex;justify-content:space-between;gap:15px;padding:7px 48px;background:var(--green);color:#f2f0e9;font-size:12px}.proof nav{display:flex;gap:22px}.proof a:hover{color:#edba90}.mast{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:2px solid var(--ink);gap:24px}.brand{display:flex;gap:16px;align-items:center;font:600 27px var(--serif);letter-spacing:.08em}.brand small{display:block;font:10px/2 var(--mono);letter-spacing:.15em;margin-top:5px}.brand-mark{font:25px/.85 var(--mono);color:var(--red);letter-spacing:-.25em;width:38px;transform:rotate(-5deg)}.mast nav{display:flex;gap:29px;align-items:center;font-size:15px}.mast nav a[aria-current]{border-bottom:2px solid var(--red)}.mast .search-link{margin-left:18px;border-left:1px solid var(--line);padding-left:25px}.issue-line{display:flex;justify-content:space-between;padding:15px 0;color:var(--muted)}.cover{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;padding:48px 0 64px;align-items:center}.cover h1{margin:6px 0 25px}.cover h1 span{color:var(--green)}.deck{font:22px/1.85 var(--serif);margin:20px 0;color:#35473c}.intro{font-size:15px;max-width:360px;color:var(--muted);margin:20px 0 27px}.cta{display:inline-flex;gap:55px;align-items:center;background:var(--green);color:var(--paper);padding:14px 22px;font-size:15px}.cta:hover{background:var(--red);color:white}.cta span{font-size:23px}.cover-foot{margin-top:32px;color:var(--muted)}.plate{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.plate-top{display:flex;justify-content:space-between;padding:0 0 13px;color:var(--green)}.mat{position:relative;background:#e2e3d8;border:1px solid #aab3a3;padding:clamp(24px,3.2vw,48px);box-shadow:0 12px 22px -18px #18271966;background-image:linear-gradient(#78876c12 1px,transparent 1px),linear-gradient(90deg,#78876c12 1px,transparent 1px);background-size:24px 24px}.mat img{width:100%;height:390px;object-fit:contain;display:block;background:#fcfbf6;border:1px solid #cacbc2;box-shadow:0 3px 6px #24352715}.corner{position:absolute;width:12px;height:12px;border-color:var(--red);border-style:solid}.tl{left:12px;top:12px;border-width:1px 0 0 1px}.br{right:12px;bottom:12px;border-width:0 1px 1px 0}.plate figcaption{display:grid;gap:5px;font-size:12px;margin-top:17px}.plate figcaption strong{font-weight:500;font-size:15px}.plate figcaption>span:last-child{color:var(--muted);display:flex;justify-content:space-between}.plate figcaption a{color:var(--red)}.section-label{display:flex;gap:25px;align-items:baseline;margin:0 0 25px}.section-label>.mono{color:var(--red);min-width:170px}.section-label h2{font-size:26px}.section-label>a{margin-left:auto;font-size:14px}.paths{border-top:1px solid var(--ink);padding:30px 0 65px}.path-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.path-list>a{display:flex;align-items:flex-start;gap:18px;padding:25px 23px 20px;border-left:1px solid var(--line);transition:background .2s}.path-list>a:first-child{padding-left:0;border-left:0}.path-list>a:hover{background:#e2e5da}.path-no{font:40px/1.3 var(--mono);color:#8a9a86}.path-list h3{font-size:22px}.path-list p{font-size:14px;color:var(--muted);margin-top:9px}.arrow{font:28px/1.4 var(--sans);margin-left:auto;color:var(--red)}.feature{background:#193e34;position:relative;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;padding:50px 58px 0;gap:30px;overflow:hidden}.feature-art{display:flex;flex-direction:column;justify-content:center;color:#a8b98d;min-width:0}.plot{display:block;width:100%;transition:transform .6s ease}.feature-art .mono{padding:10px 0}.feature-copy{padding:15px 0 32px 30px}.feature-copy .kicker{color:#d8b798}.feature h2{font-size:56px;letter-spacing:.05em}.feature p{font-size:17px;color:#d4dacb;max-width:350px;margin:20px 0 28px}.cta.light{background:transparent;border:1px solid #a3b196}.cta.light:hover{background:#315446}.feature-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #72907866;padding:18px 0;color:#bbc8ac}.journal{padding:66px 0}.journal-list>a{display:grid;grid-template-columns:170px 1fr 30px;gap:25px;align-items:baseline;border-top:1px solid var(--line);padding:25px 0}.journal-list .kicker{margin:0;color:var(--muted)}.journal-list p{font-size:15px;color:var(--muted);margin-top:8px}.journal-list h3{font-size:26px}.lab-strip{display:flex;align-items:center;gap:50px;background:#dfe5d7;padding:35px 42px;border-block:1px solid #a4b09c;margin-bottom:64px;position:relative;overflow:hidden}.lab-strip:after{content:'';position:absolute;width:150px;right:120px;top:-20px;bottom:-20px;background:repeating-linear-gradient(70deg,transparent 0 10px,#5b785d33 10px 11px);transform:rotate(-10deg);pointer-events:none}.lab-strip h2{font-size:30px}.lab-strip>.mono{color:var(--green)}footer{border-top:2px solid var(--ink);padding:35px 0 50px;display:flex;justify-content:space-between;gap:35px;color:var(--muted);font-size:14px}footer strong{font:24px var(--serif);color:var(--ink)}footer p{margin-top:8px}.title-block{padding:64px 0 40px}.title-block .deck{max-width:620px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:60px}.topic-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:28px 32px;overflow:hidden;background:var(--green);color:var(--paper)}.topic-cover .plot{position:absolute;right:-90px;top:20px;width:400px;opacity:.33}.topic-cover:hover .plot{transform:rotate(8deg) scale(1.08)}.topic-cover:hover{color:white}.topic-meta{display:flex;justify-content:space-between;position:relative;z-index:1}.topic-caption{z-index:1;margin-top:110px}.topic-caption h2{font-size:37px}.topic-caption p{font-size:13px;letter-spacing:.12em;margin-top:10px}.tone-1{background:#253843}.tone-2{background:#6b4838}.history-note{padding:30px 0 70px;border-top:1px solid var(--ink)}.history-note h2{margin:18px 0}.history-note p{max-width:700px;color:var(--muted)}.history-note a{display:inline-block;margin-top:20px;color:var(--red)}.topic-hero{margin-top:28px;background:#193e34;color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:56px}.topic-hero .kicker{color:#c7bf9c}.topic-hero h1{font-size:clamp(44px,5.8vw,80px)}.topic-hero .deck{color:#d5ddcd}.period{color:#bd8064}.topic-graphic{display:flex;flex-direction:column;justify-content:center;min-width:0;color:#a5b893}.topic-graphic .mono{align-self:flex-end}.topic-intro{display:grid;grid-template-columns:240px 1fr;gap:45px;padding:55px 0;border-bottom:1px solid var(--ink)}.topic-intro .mono{color:var(--red)}.topic-intro p{font:21px/2 var(--serif);max-width:740px}.case-list{padding-bottom:35px}.case-list>a{display:grid;grid-template-columns:240px 1fr 40px;gap:45px;padding:36px 0;border-bottom:1px solid var(--line);align-items:center}.case-year{font:64px var(--mono);color:#81927c}.case-list h2{font-size:36px;margin:8px 0}.case-list p{font:20px var(--serif)}.case-list .mono{color:var(--muted)}.quotation{padding:45px 0 65px;text-align:center}.quotation p{font:36px/1.8 var(--serif);color:var(--green)}.work-top{display:flex;justify-content:space-between;padding:22px 0;color:var(--muted)}.work-cover{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;padding:40px 0 45px;align-items:center}.work-cover h1{font-size:clamp(42px,4.7vw,65px)}.work-name{font:36px/1.5 var(--serif);color:var(--green);margin-top:20px}.score{position:relative;background:#e2e5d8;border:1px solid var(--line);padding:16px;overflow:hidden}.score .plot{color:var(--green);opacity:.45}.score-number{position:absolute;bottom:16px;left:25px;font:76px/1 var(--mono);color:var(--green);background:#e2e5d8dd}.score-figure figcaption{margin-top:12px;color:var(--muted)}.facts{display:grid;grid-template-columns:1.2fr .5fr 1fr 1fr;border-block:1px solid var(--ink);padding:23px 0;gap:25px;margin:0}.facts dt{font:11px/1.8 var(--mono);color:var(--muted);margin-bottom:9px}.facts dd{margin:0;font-size:15px}.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:70px;padding:55px 0 70px;justify-content:space-between}.article-layout aside{font-size:13px;color:var(--muted);align-self:start;position:sticky;top:20px}.article-layout aside nav{display:grid;margin:20px 0 28px}.article-layout aside a{border-top:1px solid var(--line);padding:10px 0;display:flex;gap:13px}.article-layout aside a span{font-family:var(--mono);color:var(--red)}.prose{font:18px/2.1 var(--serif)}.prose h2{font-size:28px;margin:38px 0 18px;scroll-margin-top:25px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:24px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:5px}.endmark{color:var(--red);margin:40px 0}.next-work{display:block;background:#193e34;color:var(--paper);padding:32px 38px;margin-bottom:60px}.next-work h2{margin:12px 0}.next-work:hover{color:#d0c2a0}.skip{position:fixed;top:-100px}.skip:focus{top:5px;left:10px;background:white;z-index:100;padding:10px}
@media(max-width:1000px){main,.mast,footer{width:calc(100% - 48px)}.cover{gap:30px}.mat img{height:310px}.mast nav{gap:16px}.mast .search-link{margin-left:0;padding-left:15px}.path-list>a{padding:20px 12px;gap:12px}.path-no{font-size:29px}.path-list h3{font-size:19px}.feature{padding:35px 32px 0}.feature h2{font-size:46px}.article-layout{gap:32px;grid-template-columns:190px minmax(0,1fr)}.case-list>a{grid-template-columns:170px 1fr 30px}.topic-intro{grid-template-columns:170px 1fr}.topic-hero{padding:35px}.lab-strip:after{display:none}}
@media(max-width:700px){main,.mast,footer{width:calc(100% - 36px)}.proof{padding:8px 18px;display:block}.proof nav{gap:20px;margin-top:5px}.mast{display:block;padding:22px 0 15px}.mast nav{margin-top:22px;justify-content:space-between;gap:10px;font-size:14px}.mast .search-link{padding-left:10px}.brand{font-size:25px}.issue-line span:last-child{display:none}.issue-line{font-size:9px;gap:10px}.cover{grid-template-columns:1fr;padding:25px 0 42px;gap:38px}.cover h1{font-size:59px}.cover-foot{margin-top:22px}.deck{font-size:21px}.intro{max-width:none}.mat img{height:300px}.section-label{display:block;margin-bottom:18px}.section-label h2{margin-top:8px}.path-list{grid-template-columns:1fr}.path-list>a,.path-list>a:first-child{border-left:0;border-top:1px solid var(--line);padding:23px 0;gap:25px}.path-no{font-size:38px}.path-list h3{font-size:24px}.paths{padding-bottom:30px}.feature{grid-template-columns:1fr;padding:25px 24px 0;gap:0}.feature-art{order:2}.feature-art .plot{height:160px}.feature-art>.mono{display:none}.feature-copy{padding:0 0 15px}.feature h2{font-size:48px}.feature h2 br{display:none}.feature p{font-size:16px}.feature-bottom{order:3;font-size:10px;margin-top:15px}.journal{padding:42px 0}.journal-list>a{grid-template-columns:1fr 25px;gap:10px;padding:22px 0}.journal-list .kicker{grid-column:1/-1}.journal-list h3{font-size:23px}.section-label>a{display:block;margin-top:10px}.lab-strip{padding:25px 22px;gap:20px;flex-wrap:wrap}.lab-strip>.mono{width:100%}.lab-strip h2{font-size:25px}footer{flex-direction:column;gap:15px}.title-block{padding:35px 0 25px}.topic-grid{grid-template-columns:1fr;gap:18px}.topic-cover{min-height:300px;padding:25px}.topic-caption h2{font-size:31px}.topic-hero{grid-template-columns:1fr;padding:28px}.topic-hero h1{font-size:53px}.topic-graphic .plot{height:180px}.topic-graphic .mono{font-size:11px}.topic-intro{grid-template-columns:1fr;gap:22px;padding:35px 0}.topic-intro p{font-size:19px}.case-list>a{grid-template-columns:1fr 30px;gap:12px;padding:25px 0}.case-year{grid-column:1/-1;font-size:44px}.case-list h2{font-size:30px}.quotation p{font-size:28px}.work-top{font-size:10px}.work-cover{grid-template-columns:1fr;gap:25px;padding:25px 0 30px}.work-cover h1{font-size:43px}.score .plot{height:210px}.facts{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;padding:35px 0;gap:30px}.article-layout aside{position:static}.article-layout aside nav{grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:10px}.article-layout aside p{display:none}.prose{font-size:17px}.prose h2{font-size:25px}.next-work{padding:25px}.next-work h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}