/* Culture, history and the reading room. */
:root{--reader-scale:1;--sans:'DM Sans',Arial,'Maoshan Song',sans-serif;--cjk:'Maoshan Song','Songti SC','STSong','SimSun',serif}
[lang^=zh]{font-family:var(--cjk)}.brand-seal{font-family:var(--cjk)}
.desktop-nav{gap:28px;margin-left:5px;white-space:nowrap}.desktop-nav a{font-size:16px}
.mobile-menu{max-height:calc(100svh - 73px);overflow:auto}
.living-landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.landscape-haze{position:absolute;width:100%;height:48%;left:18%;bottom:3%;background:radial-gradient(ellipse at center,#f3f0e785 0%,#f3f0e738 30%,transparent 65%);filter:blur(15px);animation:landscape-drift 28s ease-in-out infinite alternate}
.haze-two{left:-24%;bottom:18%;width:120%;height:36%;opacity:.55;animation-delay:-15s;animation-duration:37s}
.passing-birds{position:absolute;width:68%;height:80%;right:0;top:0;color:#2c352d;opacity:.56}
.passing-birds g{animation:birds-cross 45s linear infinite}.passing-birds path{stroke:currentColor;stroke-width:1.3;fill:none}
.motion-toggle{display:flex;align-items:center;gap:9px;position:absolute;right:4.2%;bottom:30px;font:9px var(--sans);letter-spacing:.06em;z-index:5;min-height:36px;padding:6px 8px;color:var(--muted)}
.hero-motion{bottom:60px}.motion-toggle>span:first-child{font-size:12px}
@keyframes landscape-drift{from{transform:translateX(-10%) scale(1)}to{transform:translateX(12%) scale(1.13)}}
@keyframes birds-cross{0%{transform:translate(810px,180px) scale(.5)}100%{transform:translate(-160px,60px) scale(.5)}}
.motion-paused .landscape-haze,.motion-paused .passing-birds g,.motion-paused .scroll-rule:after{animation-play-state:paused!important}
.motion-paused .hero-art,.motion-paused .history-scene-art{transform:none!important}.motion-paused .js .reveal{opacity:1;transform:none;transition:none}
.culture-hero>.motion-toggle,.hero-motion{background:#f3f0e7c9;color:#44513f;backdrop-filter:blur(4px)}
.scene-paused .landscape-haze,.scene-paused .passing-birds g{animation-play-state:paused}
.culture-doors{border-bottom:1px solid var(--line)}
.door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.culture-door{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:34px 35px 10px 0;min-height:320px;overflow:hidden}
.culture-door+.culture-door{padding-left:35px;border-left:1px solid var(--line)}
.door-number{font:9px var(--sans);letter-spacing:.2em;color:var(--muted)}
.door-glyph{font:100px/1 var(--cjk);color:#70766024;position:absolute;right:16px;top:43px;transition:transform .8s,color .8s}
.culture-door h3{font-size:32px;max-width:230px;margin:51px 0 17px;position:relative}
.culture-door p{font-size:12px;color:var(--muted);margin-bottom:25px}
.culture-door .text-link{font-size:17px;margin-top:auto}
.culture-door:hover .door-glyph{transform:translateY(-9px);color:#8f352c30}
.selected-section{padding-top:86px}
.culture-hero{position:relative;min-height:610px;overflow:hidden;background:#e9e6da}
.culture-hero-art{position:absolute;inset:-30px;background:linear-gradient(90deg,#f3f0e7c4,transparent 70%),url('/assets/mountain-art.webp') center 66%/cover}
.culture-hero-copy{position:relative;padding-block:110px 115px;z-index:2}
.culture-hero-copy h1{font-size:clamp(54px,6.2vw,90px);margin:30px 0 23px;max-width:850px}
.culture-hero-copy>p{font:25px/1.4 var(--serif);max-width:600px}
.culture-hero-copy .button{margin-top:32px}
.culture-vertical{position:absolute;right:6%;top:80px;writing-mode:vertical-rl;letter-spacing:.35em;font:17px/1.7 var(--cjk);color:var(--red);z-index:2}
.culture-intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:75px}
.culture-intro>.eyebrow{padding-top:10px}.culture-intro>div{max-width:750px}
.culture-intro h2{font-size:clamp(40px,4.2vw,64px);margin-bottom:25px}.culture-intro p:not(.small){font:24px/1.55 var(--serif);max-width:650px}
.culture-intro .small{max-width:620px;margin-top:25px}
.culture-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.history-portal,.classic-portal{position:relative;overflow:hidden;padding:44px;min-height:490px;display:flex;flex-direction:column;align-items:flex-start}
.history-portal{background:var(--dark);color:var(--paper)}
.history-portal:before{content:'';position:absolute;inset:0;background:url('/assets/mountain-art.webp') 73% center/cover;mix-blend-mode:luminosity;opacity:.21;transition:transform 1.4s}
.history-portal:hover:before{transform:scale(1.045)}
.history-portal>*{position:relative;z-index:1}.history-portal h2,.classic-portal h2{font-size:49px;margin-top:50px}
.history-portal h2 em{color:#d3d5c0}.history-portal .text-link,.classic-portal .text-link{margin-top:auto}
.light{color:var(--paper)}
.classic-portal{background:#e8e3d5;border:1px solid #d8d3c4}
.classic-portal-zh{font:52px var(--cjk);letter-spacing:.13em;color:var(--red);margin:43px 0 15px}
.classic-portal h2{font-size:37px;margin:0 0 14px}.classic-portal p{font-size:12px;color:var(--muted);margin-bottom:28px}
.mountain-line{position:absolute!important;left:0;bottom:0;width:100%;height:82%;pointer-events:none;opacity:.35}
.mountain-line path{stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.concept-section{padding-top:25px}.concept-tabs{display:flex;border-bottom:1px solid var(--line)}
.concept-tabs button{flex:1;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;min-height:62px;border-bottom:2px solid transparent;color:var(--muted);font:22px var(--serif);transition:color .3s,background .3s}
.concept-tabs button+button{border-left:1px solid var(--line)}.concept-tabs button span{font:17px var(--cjk)}
.concept-tabs [aria-selected=true]{border-bottom-color:var(--red);color:var(--red);background:#e7e2d766}
.concept-panel{display:grid;grid-template-columns:1fr 1.35fr;gap:7%;padding:58px 4%;align-items:center;min-height:380px}
.concept-character{font:145px/1.4 var(--cjk);text-align:center;color:var(--red);letter-spacing:.02em}
.concept-panel h3{font-size:46px;margin:20px 0}.concept-panel p{font-size:14px;max-width:570px}
.concept-panel .concept-question{font:23px/1.45 var(--serif);color:var(--muted);border-left:1px solid #b5b8a7;padding-left:18px;margin:24px 0}
.culture-editor-note{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;max-width:800px}
.people-section{background:#e9e6dc}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.person-name-zh{font:58px/1.8 var(--cjk);letter-spacing:.12em;display:block;margin:17px 0 37px;color:#727767}
.person-story h3{font-size:31px;margin:18px 0}.person-story p{font-size:13px;color:#596151;margin-bottom:25px;max-width:340px}
.person-story .text-link{font-size:16px}.person-source{border-bottom:1px solid var(--muted)}
.water-feature{position:relative;min-height:600px;background:#26312b;color:var(--paper);overflow:hidden;isolation:isolate}
.water-feature:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 80%,#6475653b,transparent 60%);z-index:-1}
.water-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7;pointer-events:none}
.water-content{position:relative;text-align:center;padding:80px 0 95px;pointer-events:none}
.water-content .eyebrow{color:#bec4b4;font-size:9px}.water-chinese{font:26px var(--cjk);letter-spacing:.5em;margin:41px 0 20px!important;color:#c3c9b6}
.water-content blockquote{font:68px/1.05 var(--serif);letter-spacing:-.03em;margin:0}.water-content em{color:#c6d2b5}
.water-content .water-credit{font:8px var(--sans);letter-spacing:.24em;color:#afb9a5;margin:25px 0 32px}
.water-content a{pointer-events:auto;font-size:19px}.water-actions{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}
.water-actions .motion-toggle{position:static;color:#ccd1c3}.water-invitation{font-size:9px;letter-spacing:.05em;color:#b0baaa}
.culture-essay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.culture-essay{border-top:1px solid #b5b8a7;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.culture-essay .eyebrow{font-size:8px}.culture-essay h3{font-size:36px;margin:30px 0 20px}.culture-essay p{font-size:13px;color:var(--muted);margin-bottom:28px}
.culture-essay .text-link{margin-top:auto;font-size:17px}.sister-reading{border-top:1px solid var(--line);padding-top:65px}
.sister-reading h2{margin:25px 0;font-size:53px}.sister-reading p{max-width:590px;color:var(--muted);font-size:14px;margin-bottom:28px}
.sister-reading .text-link{margin:0 32px 20px 0;font-size:19px}
.history-heading{padding-bottom:66px}.history-intro-note{display:block;font-size:10px;color:var(--muted);margin-top:24px}
.history-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}
.history-scene{position:sticky;top:125px;height:min(650px,calc(100svh - 160px));min-height:400px;overflow:hidden;background:#d7d8c9;color:#334c3e}
.history-scene-art{position:absolute;inset:-20px;background:url('/assets/mountain-art.webp') 71% 63%/cover;opacity:.72;transition:transform 1.4s;transform:translateY(var(--scene-drift,0px)) scale(1.03)}
.history-symbol{font:145px/1 var(--cjk);position:absolute;left:10%;top:10%;color:#8f352ca6}
.history-scene .mountain-line{height:62%;opacity:.66;bottom:45px}.history-scene .mountain-line path{stroke-dasharray:1000;stroke-dashoffset:var(--ink-offset,900);transition:stroke-dashoffset .4s}
.history-scene-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;font:23px var(--serif)}
.history-scene-caption span+span{font:9px var(--sans);letter-spacing:.1em;align-self:center}
.history-track{position:absolute;bottom:0;height:3px;background:#bcc2b0;width:100%}.history-track span{display:block;width:16.67%;height:100%;background:var(--red);transition:width .5s}
.history-step{min-height:530px;padding:46px 0 78px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.history-step:last-child{border-bottom:0}.era-kicker{font:24px var(--serif);display:flex;align-items:center;gap:14px;margin-bottom:38px}
.era-dot{width:8px;height:8px;border:1px solid var(--red);border-radius:50%;transition:background .6s,box-shadow .6s}
.history-step.is-current .era-dot{background:var(--red);box-shadow:0 0 0 7px #8f352c0f}
.history-step>.eyebrow{font-size:8px}.history-step h2{font-size:46px;margin:22px 0}.history-step p{font-size:14px;max-width:510px;line-height:1.9}
.history-step .era-reflection{font:23px/1.5 var(--serif);color:var(--muted);margin:24px 0 28px}.history-step .text-link{font-size:18px}
.history-afterword{border-top:1px solid var(--line)}.history-afterword h2{font-size:53px;margin:24px 0}.history-afterword>p{max-width:770px;font-size:14px;color:var(--muted)}
.history-afterword .source-list{max-width:800px;margin-bottom:35px}.source-list summary{cursor:pointer;min-height:48px;display:list-item;padding-block:16px}.source-list>p{font-size:13px;line-height:1.85;margin-bottom:16px}.source-list li{font-size:12px;overflow-wrap:anywhere}
/* Reader */
.reader-intro{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:74px 55px}
.reader-intro h1{font-size:77px;margin:24px 0 15px}.reader-intro>div>p{font:25px/1.3 var(--serif);color:var(--muted)}
.reader-intro-right{text-align:right}.reader-intro-right>span{font:63px var(--cjk);letter-spacing:.16em;color:var(--red)}
.reader-intro .reader-intro-right>p{font:8px var(--sans);letter-spacing:.2em;margin-top:22px}
.resume-reading{font:17px var(--serif);display:inline-flex;align-items:center;gap:15px;margin-top:23px;border-bottom:1px solid var(--line);padding-block:5px}
.reader-shell{scroll-margin-top:104px;--reader-scale:1}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:88px;z-index:12;min-height:66px;border-block:1px solid var(--line);background:#f3f0e7f5;backdrop-filter:blur(12px)}
.reader-language,.reader-tools{display:flex;gap:4px;align-items:center}.reader-language button,.reader-tools button{font:11px var(--sans);min-height:44px;padding:10px 14px;white-space:nowrap}
.reader-language button{color:var(--muted);border-bottom:2px solid transparent}.reader-language [aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}
.reader-tools button{border:1px solid transparent}.reader-tools button:hover{border-color:var(--line)}.reader-tools [aria-pressed=true]{color:var(--red);background:#e7e2d7}
.reader-tools [data-text-size]{font:17px var(--serif);min-width:44px}.reader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:54px;align-items:start}
.reader-side{position:sticky;top:176px;padding-top:30px;max-height:calc(100svh - 188px);overflow:auto;scrollbar-width:thin;padding-right:5px;padding-bottom:15px}
.chapter-browser summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font:18px var(--serif);cursor:pointer;min-height:36px}.chapter-browser summary::-webkit-details-marker{display:none}
.chapter-browser summary span{font:10px var(--sans);color:var(--muted)}
#chapter-filter{background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;width:100%;font-size:11px;border-radius:0;margin:6px 0 18px;color:var(--ink)}
.chapter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.chapter-grid a{font:12px var(--serif);display:grid;place-items:center;min-height:32px;position:relative;border:1px solid transparent}
.chapter-grid a:hover{border-color:var(--line)}.chapter-grid a[aria-current=page]{background:var(--red);color:var(--paper)}
.chapter-saved-dot{display:none;width:3px;height:3px;position:absolute;bottom:3px;right:4px;background:var(--red);border-radius:50%}.is-bookmarked .chapter-saved-dot{display:block}.chapter-grid [aria-current=page] .chapter-saved-dot{background:var(--paper)}
.chapter-no-results{font-size:11px;color:var(--muted)}.reader-edition{font-size:10px;line-height:1.8;color:var(--muted);margin-top:28px}.reader-edition-link{font-size:10px;color:var(--red);display:inline-block;margin-top:12px}
.chapter-paper{padding:41px 0 10px;min-width:0;view-transition-name:chapter}
.chapter-heading{position:relative;border-bottom:1px solid var(--line);padding-bottom:32px;display:flex;align-items:center;gap:27px;min-height:153px}
.chapter-part{position:absolute;right:0;top:0;font:8px var(--sans);letter-spacing:.17em;color:var(--muted)}
.chapter-number{font:95px/1 var(--serif);color:#a4a796;letter-spacing:-.055em;min-width:78px}.chapter-heading h2{font-size:37px;letter-spacing:-.025em;line-height:1.13;margin-top:13px;outline:none;max-width:530px}
.chapter-heading .eyebrow{font-size:8px}.chapter-heading>div{padding-top:12px}
.parallel-text{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:42px;padding-top:35px}.parallel-text>section{min-width:0}
.reading-label{font:8px var(--sans);letter-spacing:.18em;color:var(--muted);display:block;margin-bottom:24px}
.chinese-verses{font:calc(19px * var(--reader-scale))/2.35 var(--cjk);letter-spacing:.06em;color:#53614e}.chinese-verses p+p{margin-top:1.35em}
.english-verses{font:calc(23px * var(--reader-scale))/1.65 var(--serif);letter-spacing:0;color:#2b3228}.english-verses p+p{margin-top:1.05em}
[data-language=english] .chinese-reading,[data-language=chinese] .english-reading{display:none}
[data-language=english] .parallel-text,[data-language=chinese] .parallel-text{grid-template-columns:1fr;max-width:760px}
[data-language=chinese] .chinese-verses{font-size:calc(23px * var(--reader-scale));line-height:2.5;max-width:700px}
.chapter-reflection{margin-top:42px;background:#e9e6db;padding:28px 32px;border-left:2px solid #949c85}
.chapter-reflection .eyebrow{font-size:8px}.chapter-reflection h3{font-size:31px;margin:17px 0 12px}.chapter-reflection p{font:21px/1.55 var(--serif);max-width:660px}.editorial-credit{font:9px var(--sans);color:var(--muted);display:block;margin-top:18px}
.chapter-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:24px;gap:25px}
.chapter-pagination a{display:flex;flex-direction:column;gap:8px;min-height:65px}.chapter-pagination a span,.first-chapter-note{font:8px var(--sans);letter-spacing:.17em;color:var(--muted)}
.chapter-pagination strong{font:25px var(--serif)}.next-chapter{text-align:right;margin-left:auto}.chapter-pagination a:hover strong{color:var(--red)}.reader-state{font-size:11px;color:var(--red);min-height:25px;margin:20px 0 0}
.edition-note{padding-block:0 40px}.edition-note .source-list{margin-left:274px}.reader-storage-note{margin:18px 0 0 274px;font-size:10px;color:var(--muted)}
.reader-bottom{border-top:1px solid var(--line)}.reading-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.reading-paths article{border-top:1px solid #a7ad98;padding-top:22px}
.reading-paths .eyebrow{font-size:7px;letter-spacing:.14em}.reading-paths h3{font-size:29px;margin:24px 0 14px}.reading-paths p{font-size:12px;color:var(--muted);min-height:52px}
.path-chapters{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.path-chapters a{font:19px var(--serif);border:1px solid var(--line);width:42px;height:44px;display:grid;place-items:center;transition:background .3s,color .3s}.path-chapters a:hover{background:var(--red);color:var(--paper);border-color:var(--red)}
.reading-focus .site-header,.reading-focus .reader-intro,.reading-focus .reader-side,.reading-focus .site-footer,.reading-focus .reader-bottom,.reading-focus .edition-note{display:none}
.reading-focus .reader-shell{width:min(1050px,calc(100% - 64px));margin:auto}.reading-focus .reader-layout{grid-template-columns:minmax(0,1fr)}.reading-focus .reader-toolbar{top:0}.reading-focus .chapter-paper{padding-top:60px}
::view-transition-old(chapter){animation:chapter-out .16s ease both}::view-transition-new(chapter){animation:chapter-in .32s ease both}
@keyframes chapter-out{to{opacity:0;transform:translateY(-8px)}}@keyframes chapter-in{from{opacity:0;transform:translateY(16px)}}
.reader-loading .chapter-paper{opacity:.4;transition:opacity .15s}
@media(max-width:1150px){.desktop-nav{gap:19px}.desktop-nav a{font-size:14px}.header-actions{gap:12px}.header-inner{gap:20px}.reader-layout{grid-template-columns:178px minmax(0,1fr);gap:34px}.edition-note .source-list,.reader-storage-note{margin-left:212px}.parallel-text{gap:28px}.people-grid{gap:27px}.person-name-zh{font-size:46px}.chapter-heading h2{font-size:32px}.reader-intro h1{font-size:68px}.classic-portal,.history-portal{padding:33px}.classic-portal h2{font-size:34px}.culture-door+.culture-door{padding-left:22px}.culture-door{padding-right:22px}.culture-door h3{font-size:30px}.door-glyph{font-size:82px;right:0;top:62px}.reading-paths{gap:20px}.path-chapters{gap:5px}.path-chapters a{width:36px}.history-step h2{font-size:41px}}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.reader-intro-right>span{font-size:49px}.reader-layout{grid-template-columns:1fr;gap:0}.reader-side{position:static;max-height:none;padding-top:21px;overflow:visible}.chapter-browser{border-bottom:1px solid var(--line);padding-bottom:15px}.chapter-browser summary{font-size:18px;min-height:42px}.chapter-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.chapter-grid a{min-height:38px;font-size:15px}.reader-edition,.reader-edition-link{display:none}#chapter-filter{max-width:380px;font-size:13px}.edition-note .source-list,.reader-storage-note{margin-left:0}.chapter-heading h2{font-size:39px}.reader-toolbar{top:88px}.culture-door h3{font-size:28px}.door-glyph{font-size:68px}.culture-door .text-link{font-size:15px}.culture-door p{font-size:11px}.concept-panel{grid-template-columns:1fr 1.5fr;gap:6%;padding-inline:0}.concept-character{font-size:112px}.culture-intro{gap:35px;grid-template-columns:1fr 2fr}.people-grid{gap:26px}.person-name-zh{font-size:39px}.person-story h3{font-size:29px}.culture-essay h3{font-size:31px}.water-content blockquote{font-size:60px}.reading-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.history-scene{min-height:380px;height:480px}.history-step h2{font-size:36px}.history-step{min-height:520px}.history-journey{gap:6%}.history-scene-caption{left:20px;right:20px;font-size:20px}.history-symbol{font-size:110px}}
@media(max-width:850px){.reader-toolbar{top:78px}.culture-hero{min-height:580px}.culture-hero-copy{padding-block:98px}.culture-hero-copy>p{font-size:23px}.culture-path-grid{gap:18px}.history-portal,.classic-portal{min-height:465px;padding:29px}.history-portal h2{font-size:43px}.classic-portal h2{font-size:31px}.concept-tabs button{font-size:20px;padding:15px}.people-grid{grid-template-columns:1fr;gap:35px}.person-story{display:grid;grid-template-columns:150px 1fr;gap:0 35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.person-name-zh{grid-column:1;grid-row:1/5;font-size:40px;margin:0;align-self:center;writing-mode:vertical-rl;justify-self:center;letter-spacing:.18em}.person-story>.eyebrow,.person-story>h3,.person-story>p,.person-story>a{grid-column:2}.person-story h3{margin:13px 0}.person-story p{max-width:none}.person-story a{justify-self:start}.culture-intro{grid-template-columns:1fr;gap:28px}.culture-intro h2 br:nth-of-type(1){display:none}.reader-tools button{padding-inline:10px}.reader-language button{padding-inline:11px}.reader-intro h1{font-size:61px}.reader-intro{gap:25px}.reader-intro-right>span{font-size:41px}.reader-intro .reader-intro-right>p{font-size:6px}.resume-reading{font-size:15px}.history-scene{top:110px}.history-step p{font-size:13px}.history-step .era-reflection{font-size:21px}}
@media(max-width:600px){.hero-motion{right:18px;bottom:53px}.hero p{max-width:310px}.living-landscape .passing-birds{width:140%;right:-50%;opacity:.48}.haze-one{left:20%;width:170%;height:40%;bottom:0}.motion-toggle{font-size:8px}.door-grid{grid-template-columns:1fr}.culture-door,.culture-door+.culture-door{border:0;border-bottom:1px solid var(--line);padding:26px 0;min-height:240px}.culture-door h3{font-size:32px;max-width:230px;margin:30px 0 14px}.culture-door p{font-size:12px;margin-bottom:21px}.culture-door .text-link{font-size:18px}.door-glyph{font-size:97px;right:5px;top:56px}.culture-door:last-child{border-bottom:0}.door-number{font-size:8px}.culture-doors{padding-bottom:27px}.selected-section{padding-top:64px}.culture-hero{min-height:570px}.culture-hero-copy{padding-block:68px 105px}.culture-hero-copy h1{font-size:53px;line-height:1.03;margin:28px 0 25px}.culture-hero-copy>p{font-size:23px;max-width:330px}.culture-hero-copy>p br{display:none}.culture-hero-copy .button{font-size:19px;margin-top:30px}.culture-hero-art{background-position:62% 67%;inset:0 -80% -25px -40%}.culture-vertical{display:none}.culture-intro{padding-block:53px}.culture-intro h2{font-size:43px}.culture-intro p:not(.small){font-size:22px}.culture-intro .small{font-size:11px}.culture-path-grid{grid-template-columns:1fr;gap:20px}.history-portal,.classic-portal{min-height:425px;padding:30px}.history-portal h2{font-size:47px;margin:45px 0 100px}.classic-portal-zh{font-size:47px;margin-top:36px}.classic-portal h2{font-size:34px}.classic-portal p{margin-bottom:35px}.concept-section{padding-top:0}.concept-tabs{display:grid;grid-template-columns:1fr 1fr}.concept-tabs button{font-size:19px;padding:12px;gap:12px}.concept-tabs button:nth-child(3){border-left:0}.concept-tabs button span{font-size:15px}.concept-panel{display:flex;flex-direction:column;align-items:stretch;padding:30px 0;gap:26px;min-height:0}.concept-character{font-size:91px;text-align:left;padding-left:8px}.concept-panel h3{font-size:41px;margin:17px 0}.concept-panel p{font-size:13px}.concept-panel .concept-question{font-size:23px}.concept-panel .text-link{font-size:19px}.culture-editor-note{font-size:10px}.person-story{grid-template-columns:65px 1fr;gap:0 25px;padding-bottom:28px}.person-name-zh{font-size:36px;align-self:start;margin-top:10px}.person-story h3{font-size:30px}.person-story p{font-size:12px}.person-story>.eyebrow{font-size:8px}.person-story .text-link{font-size:17px}.people-section .section-heading .text-link{margin-top:24px}.people-grid{gap:32px}.water-feature{min-height:530px}.water-content{padding-block:64px 95px}.water-content .eyebrow{font-size:7px;letter-spacing:.16em}.water-chinese{font-size:24px;margin-top:43px!important}.water-content blockquote{font-size:47px}.water-content .water-credit{font-size:7px;margin:25px 0 34px}.water-content a{font-size:19px}.water-actions{bottom:17px}.water-invitation{font-size:8px;max-width:150px}.culture-essay-grid{grid-template-columns:1fr;gap:38px}.culture-essay h3{font-size:36px;margin:23px 0 17px}.culture-essay p{font-size:13px;margin-bottom:23px}.sister-reading{padding-top:48px}.sister-reading h2{font-size:45px}.sister-reading p{font-size:13px}.sister-reading .text-link{font-size:18px;display:flex;justify-content:space-between;margin-right:0}.history-heading{padding-bottom:40px}.history-heading h1{font-size:54px}.history-journey{grid-template-columns:1fr;gap:0}.history-scene{position:relative;top:0;min-height:0;height:290px;margin-bottom:18px}.history-symbol{font-size:105px;left:25px;top:30px}.history-scene-caption{font-size:23px}.history-step{min-height:0;padding:40px 0}.history-step h2{font-size:40px}.era-kicker{font-size:24px;margin-bottom:25px}.history-step p{font-size:14px}.history-step .era-reflection{font-size:23px}.history-afterword h2{font-size:44px}.history-afterword>p{font-size:13px}.history-intro-note{font-size:9px}.reader-intro{padding-block:46px 32px;align-items:flex-start;gap:12px}.reader-intro h1{font-size:48px;margin:21px 0 17px}.reader-intro>div>p{font-size:22px}.reader-intro-right{min-width:40px;padding-top:9px;max-width:90px}.reader-intro-right>span{font-size:27px;writing-mode:vertical-rl;letter-spacing:.17em}.reader-intro .reader-intro-right>p{display:none}.resume-reading{font-size:12px;display:flex;max-width:90px;text-align:left;gap:6px;line-height:1.3;margin-top:15px}.resume-reading svg{width:16px}.reader-toolbar{top:73px;gap:0;align-items:stretch;flex-wrap:wrap;min-height:0;padding:5px 0}.reader-language{flex:1}.reader-language button{font-size:10px;padding:9px 12px;min-height:42px}.reader-tools{gap:0;width:100%;justify-content:space-between;border-top:1px solid var(--line);margin-top:2px;padding-top:2px}.reader-tools button{font-size:10px;min-height:40px;padding:8px 11px}.reader-tools [data-text-size]{font-size:18px}.reader-side{padding-top:12px}.chapter-browser{padding-bottom:8px}.chapter-browser summary{font-size:18px}.chapter-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.chapter-grid a{min-height:34px;font-size:14px}#chapter-filter{font-size:16px;padding:12px 0;margin-bottom:14px}.chapter-paper{padding-top:24px}.chapter-heading{gap:18px;padding-bottom:25px;min-height:125px}.chapter-number{font-size:78px;min-width:62px}.chapter-heading h2{font-size:31px;margin-top:9px}.chapter-heading .eyebrow{font-size:7px;letter-spacing:.13em}.chapter-part{font-size:6px;top:0;letter-spacing:.14em}.parallel-text{grid-template-columns:1fr;gap:32px;padding-top:27px}.reading-label{font-size:8px;margin-bottom:19px}.chinese-reading{padding-bottom:25px;border-bottom:1px solid var(--line)}.chinese-verses{font-size:calc(18px * var(--reader-scale));line-height:2.1;letter-spacing:.05em}.english-verses{font-size:calc(23px * var(--reader-scale));line-height:1.65}.chinese-verses p+p{margin-top:1em}.chapter-reflection{padding:24px;margin-top:30px}.chapter-reflection h3{font-size:29px}.chapter-reflection p{font-size:21px}.editorial-credit{font-size:8px;line-height:1.7}.chapter-pagination{margin-top:30px;gap:16px}.chapter-pagination strong{font-size:24px}.first-chapter-note{max-width:95px;font-size:7px;line-height:1.7}.chapter-pagination a span{font-size:7px}.edition-note{padding-bottom:32px}.edition-note .source-list{margin-top:10px}.reader-storage-note{font-size:9px}.reading-paths{grid-template-columns:1fr;gap:34px}.reading-paths h3{font-size:33px;margin-top:20px}.reading-paths p{min-height:0;font-size:13px}.path-chapters a{width:44px;height:44px;font-size:21px}.path-chapters{gap:12px}.reading-focus .reader-shell{width:calc(100% - 40px)}.reading-focus .chapter-paper{padding-top:28px}.reading-focus .reader-toolbar{top:0}.reader-shell{scroll-margin-top:80px}.culture-essay .text-link{font-size:19px}.article-end{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.landscape-haze,.passing-birds g{animation:none!important}.passing-birds g{transform:translate(480px,110px) scale(.5)}.water-canvas{opacity:.4}.history-scene-art{transform:none!important}.history-scene .mountain-line path{stroke-dashoffset:0;transition:none}.motion-toggle{display:none}::view-transition-old(chapter),::view-transition-new(chapter){animation:none}.reader-loading .chapter-paper{transition:none}}