:root{--ink:#202020;--muted:#77716b;--paper:#fbfaf8;--line:#ddd8d2;--red:#d74326;--green:#262322;--serif:'Songti SC','Noto Serif CJK SC','STSong',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}h3{font-weight:500}h1{line-height:1.25;letter-spacing:.025em}h2{line-height:1.4}main,footer,.header{max-width:1600px;margin:auto}main{padding:0 64px}.header{padding:25px 64px 23px;display:flex;align-items:center;gap:54px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:28px}.brand strong{font-family:var(--serif);font-weight:700;font-size:30px;letter-spacing:.14em;line-height:1.05}.brand strong span{display:block;font:9px/1.6 -apple-system,sans-serif;letter-spacing:.25em;margin-top:7px}.brand i{font-style:normal;font-size:14px;color:var(--muted);letter-spacing:.08em;border-left:1px solid var(--line);padding-left:22px}.header nav{display:flex;gap:38px;margin-left:auto;align-self:stretch;align-items:center}.header nav a{font-size:15px;position:relative}.header nav a.active:after{content:'';height:3px;background:var(--red);position:absolute;bottom:-25px;left:0;right:0}.search-link{display:flex;align-items:center;gap:10px;font-size:14px}.search-link svg{width:20px;height:20px}.edition{display:flex;justify-content:space-between;padding:20px 0;font-size:14px;letter-spacing:.12em;color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;min-height:480px}.hero-picture{position:relative;overflow:hidden;background:#ddd}.hero-picture>img{height:100%;object-fit:cover}.hero-number{position:absolute;bottom:24px;left:26px;color:white;font-size:14px;letter-spacing:.16em}.hero-copy{background:#efebe6;padding:48px 42px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:block;font-size:14px;letter-spacing:.14em;font-weight:500;margin-bottom:18px;color:var(--muted)}.red{color:var(--red)}.hero h1{font-size:clamp(35px,3.2vw,54px);margin:14px 0 24px}.hero-copy>p{font-size:14px;line-height:2.1;color:#706a65}.text-link{font-size:14px;display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid var(--ink);padding:8px 0}.hero .text-link{margin:25px 0 30px}.text-link span{font-size:20px}.hero-facts{border-top:1px solid #d7d1ca;width:100%;padding-top:16px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:auto}.hero-credit{font-size:14px;color:var(--muted);padding:6px 0 14px}.hero-credit a{text-decoration:underline;text-underline-offset:2px}.topic-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 12px;font-size:14px}.topic-nav>span{font-size:14px;color:var(--muted)}.topic-nav a:hover{color:var(--red)}.section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:30px}.more{font-size:14px;display:flex;gap:30px;padding-bottom:5px;white-space:nowrap}.more span{color:var(--red)}.grid{display:grid;gap:24px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr);row-gap:48px}.card-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#e6e1dc}.card-image>img{height:100%;object-fit:cover;transition:transform .45s}.card-image:hover>img{transform:scale(1.035)}.image-arrow{position:absolute;right:0;bottom:0;background:var(--paper);width:34px;height:34px;text-align:center;line-height:34px;font-size:19px}.card-meta{font-size:14px;color:var(--muted);display:flex;justify-content:space-between;margin:17px 0 8px;gap:8px}.card-meta span:first-child{color:var(--red)}.card h3{font-family:var(--serif);font-size:21px;line-height:1.5;margin-bottom:6px}.card>p{font-size:14px;color:var(--muted);line-height:1.8}.card small{font-size:14px;color:var(--muted);display:block;margin-top:11px}.feature{display:grid;grid-template-columns:.85fr 1.4fr;background:var(--green);color:#faf7f3}.feature-copy{padding:50px}.feature-copy .eyebrow{color:#c9bfb5}.feature-copy h2{font-size:37px;line-height:1.5;margin-bottom:24px}.feature-copy p{font-size:14px;color:#dfd5cc;max-width:320px}.feature-copy .text-link{border-color:#bbafa4;margin-top:30px}.feature>a>img{height:100%;min-height:390px;object-fit:cover}.tool-band{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;margin-top:62px}.tool-band h2{font-size:25px}.tool-band .eyebrow{margin-bottom:7px}.tool-band p{font-size:14px;color:var(--muted);margin-top:8px}.tool-band>a{display:flex;gap:15px;align-items:center;border-left:1px solid var(--line);padding:12px 0 12px 30px}.tool-band>a b{margin-left:auto;font-size:21px;font-weight:400}.tool-band h3{font-size:20px}.tool-icon{font-family:var(--serif);display:grid;place-items:center;width:48px;height:48px;background:#eae0d6;color:var(--red);font-size:26px}.tool-icon.green{background:#e9e3dc;color:var(--green)}.studio-teaser{display:grid;grid-template-columns:1.6fr 1fr;background:#eeeae0}.studio-teaser img{aspect-ratio:16/9;object-fit:cover}.studio-teaser>div{padding:45px;align-self:center}.studio-teaser h2{font-size:30px;margin-bottom:18px}.studio-teaser p{color:var(--muted);font-size:14px}.studio-teaser .text-link{margin-top:30px}footer{padding:45px 64px 20px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:start}.footer-top p{color:var(--muted);font-size:14px}.footer-top>div{display:flex;justify-content:flex-end;gap:22px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:50px;padding-top:20px}.page-intro{padding:65px 0 45px}.page-intro h1{font-size:45px;margin-bottom:20px}.page-intro>p{font-size:14px;color:var(--muted)}.discovery.section{padding-top:0}.filter-top{border-block:1px solid var(--line);padding:19px 0;display:flex;gap:24px;justify-content:space-between}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:0;background:transparent;color:var(--muted);padding:8px 12px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white}#search{border-bottom:1px solid #9b9e92;display:flex;align-items:center;min-width:225px}#search input{width:100%;border:0;background:transparent;font-size:14px;min-width:0;padding:9px 4px;outline-offset:0}#search button{background:transparent;border:0;font-size:20px}.result-line{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:25px 0}.empty{text-align:center;padding:80px 10px}.empty p{color:var(--muted);margin:20px 0}.button{display:inline-block;background:var(--ink);color:white;padding:12px 23px;border:0;font-size:14px}.button:hover{background:var(--green)}.reading-note{display:flex;gap:60px;border-top:1px solid var(--line);padding:32px 0 65px}.reading-note>span{font-size:14px;color:var(--red);white-space:nowrap}.reading-note p{font-family:var(--serif);font-size:20px}.breadcrumbs{font-size:14px;color:var(--muted);padding-top:26px}.article-title{text-align:center;max-width:850px;margin:45px auto}.article-title h1{font-size:48px;margin-bottom:22px}.article-title>p{font-family:var(--serif);font-size:20px;color:#6a625e}.article-title>div{font-size:14px;margin-top:25px}.article-title small{color:var(--muted);line-height:2.5}.article-hero{margin:0}.article-hero>img{max-height:640px;object-fit:cover}figcaption{font-size:14px;line-height:1.9;color:var(--muted);padding:10px 0}figcaption a{border-bottom:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:210px minmax(0,760px);justify-content:center;gap:70px;padding:55px 0}.article-layout aside{align-self:start;position:sticky;top:30px;border-top:1px solid var(--line);padding-top:20px}.article-layout aside a{display:block;font-size:14px;color:var(--muted);padding:8px 0}.article-layout article{min-width:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;border-block:1px solid var(--line);padding:24px 0;margin-bottom:30px}.facts span{font-size:14px;color:var(--muted);display:block}.facts strong{font-size:14px;font-weight:400;display:block;margin-top:5px}.lead{font-family:var(--serif);font-size:20px;line-height:1.9}.article-section{margin:50px 0}.article-section h2{font-size:27px;margin:35px 0 22px}.article-section>p,.project-body>p{font-size:15px;line-height:2;margin:15px 0}.reference{font-size:14px!important;color:var(--muted)}.analysis{border-left:2px solid var(--red);padding:15px 23px;background:#f1ece7;margin:25px 0}.analysis>span{color:var(--red);font-size:14px;letter-spacing:.08em}.analysis p{font-size:14px;margin-top:8px;line-height:1.9}.article-section figure{margin:28px 0}.zoom{border:0;padding:0;background:none;display:block;width:100%;cursor:zoom-in}.muted{font-size:14px!important;color:var(--muted)}.article-section li{margin:10px 0;font-size:14px}.product{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0 70px;border-top:1px solid var(--line)}.product-copy{padding:10px 0}.product h2{font-size:36px;margin:18px 0}.product-copy>p{color:var(--muted);font-size:14px}.product-visual{position:relative;align-self:stretch;background:#e3dfd5}.product-visual>img{height:100%;object-fit:cover}.product-visual>span{position:absolute;bottom:20px;left:20px;color:white;background:#2229;padding:5px 9px;font-size:14px}.capability{border-top:1px solid var(--line);padding:24px 0;margin-top:25px}.capability h3{font-family:var(--serif);font-size:22px;margin:10px 0}.capability p{font-size:14px;color:var(--muted);margin:10px 0 20px}.status{font-size:14px;color:var(--green);background:#f2e6df;padding:5px 10px}.task-list{list-style:none;padding:0;margin:30px 0}.task-list li{display:flex;gap:30px;border-top:1px solid var(--line);padding:16px 0;font-size:14px}.task-list b{font-size:14px;color:var(--muted);font-weight:400}.document-art{background:#e9e2da;display:flex;flex-direction:column;justify-content:center;padding:45px}.document-art>span{font-size:14px;letter-spacing:.15em;color:var(--green)}.paper{background:#fffcf4;padding:40px;margin-top:25px;box-shadow:8px 10px 0 #d2c5b8;transform:rotate(-3deg)}.paper small{font-size:14px;letter-spacing:.1em}.paper h3{font-family:var(--serif);font-size:28px;margin:38px 0 20px;line-height:1.7}.paper-rule{width:40px;height:2px;background:var(--red);margin-bottom:20px}.paper p{line-height:2.6;font-size:14px;color:var(--muted)}.paper em{font-style:normal;font-size:14px;display:block;margin-top:30px}.document-art>p{font-size:14px;color:var(--muted);margin-top:25px}.studio-intro{padding:70px 0 50px;border-bottom:1px solid var(--line)}.studio-intro h1{font-size:52px}.studio-intro>div{display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:30px}.studio-intro p{font-size:14px;color:var(--muted);line-height:2}.methods{padding:50px 0;background:#eee9e3;margin:0 -64px;padding-inline:64px}.methods h2{font-size:35px;margin-bottom:35px}.methods b{font:12px/1 sans-serif;color:var(--red)}.methods h3{font-family:var(--serif);font-size:24px;margin:20px 0 13px}.methods p{font-size:14px;color:var(--muted);max-width:310px}.contact{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:70px 0}.contact h2{font-size:37px;margin-bottom:15px}.contact p{font-size:14px;color:var(--muted)}.contact>div>a{font-family:var(--serif);font-size:25px;border-bottom:1px solid var(--ink)}.contact>div>p{margin-top:15px}.project-body{max-width:900px;margin:35px auto 70px}.project-body h2{font-size:30px}.project-gallery{margin:40px 0}.project-gallery figure{margin:30px 0}.credits{max-width:850px;margin:0 auto 80px}.credits h2{font-size:24px;margin:30px 0}.credits li{font-size:14px;margin:8px 0}.legacy-reading{max-width:900px;margin:35px auto}.legacy-reading h1{font-size:46px;margin:25px 0}.legacy-reading h2{font-size:30px;margin:35px 0 20px}.legacy-reading h3{font-size:22px;margin:30px 0 15px}.legacy-reading p{margin:18px 0;line-height:2}.legacy-reading .eyebrow{margin-bottom:12px}.legacy-reading figure{margin:30px 0}.legacy-reading .credit,.legacy-reading .note{font-size:14px;color:var(--muted)}.legacy-reading .flow{display:flex;gap:15px;padding:25px;background:#eee7df}.legacy-reading .flow>div{flex:1}.legacy-reading small{display:block}.legacy-reading .practice{border-left:2px solid var(--red);padding:20px}.legacy-reading #mark,.legacy-reading #toggle{display:none}.legacy-reading a{border-bottom:1px solid var(--line)}dialog{border:0;background:#f7f6ef;padding:35px;max-width:95vw;max-height:95vh;overflow:auto}dialog::backdrop{background:#191514df}dialog>img{width:auto;max-width:85vw;max-height:78vh;object-fit:contain}dialog .close{position:absolute;right:6px;top:0;border:0;background:none;font-size:29px}dialog>p{font-size:14px}.skip{position:absolute;top:-60px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){body{border-inline:1px solid var(--line);max-width:1600px;margin:auto}}@media(max-width:1100px){main{padding:0 35px}.header{padding:22px 35px;gap:25px}.brand i{display:none}.header nav a.active:after{bottom:-23px}.hero{min-height:440px;grid-template-columns:1.25fr 1fr}.hero-copy{padding:30px}.hero-facts{flex-direction:column;gap:5px}.four{grid-template-columns:repeat(2,1fr)}.tool-band{grid-template-columns:1fr 1fr}.tool-band>div{grid-column:1/-1}.feature-copy{padding:35px}.feature-copy h2{font-size:31px}.product{gap:35px}.methods{margin:0 -35px;padding-inline:35px}.article-layout{gap:35px;grid-template-columns:170px minmax(0,1fr)}footer{padding-inline:35px}.footer-top>div{flex-direction:column;gap:10px}.filter-top{flex-direction:column}#search{max-width:350px}}@media(max-width:650px){body{font-size:14px}main{padding:0 20px}.header{padding:18px 20px;gap:22px;flex-wrap:wrap}.brand strong{font-size:25px}.brand strong span{font-size:14px}.header nav{gap:22px;margin-left:auto}.header nav a{font-size:14px}.header nav a.active:after{bottom:-26px}.search-link{display:none}.edition{font-size:14px;padding:17px 0}.edition>span:nth-child(2){display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-picture{aspect-ratio:4/3}.hero-copy{padding:28px 25px}.hero h1{font-size:36px;margin:5px 0 18px}.hero-copy>p{font-size:14px}.hero .text-link{margin:18px 0 22px}.hero-facts{flex-direction:row;font-size:14px}.hero-credit{font-size:14px}.topic-nav{overflow:auto;justify-content:flex-start;gap:24px;white-space:nowrap;font-size:14px;padding:17px 0}.topic-nav>span{display:none}.section{padding:40px 0}.section-heading{align-items:center;margin-bottom:23px}.section-heading h2{font-size:24px}.eyebrow{font-size:14px}.more{font-size:14px;gap:9px}.grid{gap:16px;row-gap:30px}.four,.three{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3{font-size:18px}.card-meta{font-size:14px;flex-direction:column;gap:2px;margin:11px 0 5px}.card>p{font-size:14px}.card small{font-size:14px}.feature{display:flex;flex-direction:column}.feature-copy{padding:30px}.feature-copy h2{font-size:32px}.feature>a>img{min-height:0;max-height:330px;object-fit:cover}.tool-band{gap:20px;margin-top:38px;padding:28px 0}.tool-band>a{padding:10px 0;border-left:0;gap:10px}.tool-band h3{font-size:18px}.tool-icon{width:36px;height:36px;font-size:22px}.tool-band p{font-size:14px}.tool-band>a b{display:none}.studio-teaser{display:flex;flex-direction:column}.studio-teaser>div{padding:28px;align-self:stretch}.studio-teaser h2{font-size:27px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>p{grid-column:1/-1;grid-row:2}.footer-top>div{align-items:end}.footer-bottom{flex-wrap:wrap;margin-top:30px;font-size:14px;gap:12px}footer{padding:30px 20px}.page-intro{padding:40px 0 30px}.page-intro h1{font-size:33px}.page-intro>p{font-size:14px;line-height:1.9}.filters{gap:3px}.filters button{font-size:14px;padding:8px 9px}.result-line{font-size:14px}.reading-note{gap:22px;padding:25px 0 40px}.reading-note p{font-size:17px}.article-title{margin:30px 0}.article-title h1{font-size:34px}.article-title>p{font-size:17px}.article-title>div{font-size:14px}.article-layout{display:block;padding:30px 0}.article-layout aside{position:static;display:none}.facts{gap:16px}.facts strong{font-size:14px}.lead{font-size:18px}.article-section h2{font-size:24px}.article-section>p{font-size:14px}.article-section{margin:35px 0}.article-section figure{margin:22px 0}.analysis{padding:13px 16px}.product,.product.reversed{display:flex;flex-direction:column;gap:25px;padding:30px 0 45px}.product-visual{aspect-ratio:4/3}.product h2{font-size:30px}.document-art{padding:30px}.paper{padding:28px}.paper h3{font-size:25px}.studio-intro{padding:40px 0 30px}.studio-intro h1{font-size:39px}.studio-intro>div{display:block;margin-top:23px}.studio-intro .text-link{margin-top:20px}.methods{margin:0 -20px;padding:35px 20px}.methods>.grid{grid-template-columns:1fr}.methods h2{font-size:30px}.contact{display:block;padding:40px 0}.contact h2{font-size:31px}.contact>div+div{margin-top:30px}.contact>div>a{font-size:20px}.project-body{margin-top:25px}.project-gallery figure{margin:20px 0}.legacy-reading h1{font-size:33px}.legacy-reading h2{font-size:27px}.legacy-reading .flow{flex-direction:column}.legacy-reading figure{margin:25px 0}.legacy-reading img{max-width:100%}.credits li{overflow-wrap:anywhere}dialog{padding:25px 15px}}

.diagram{padding:24px;background:#ece7e1;margin:30px 0}.diagram .note{font-size:14px;color:#71665e}.court{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin:24px 0}.court div{padding:24px 10px;background:white;text-align:center;font-size:16px}.court .water{background:#e9e4de;border-top:3px solid #9d8270}.diagram .stack>div{padding:12px;border-bottom:1px solid #bbb}
