*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px;overflow-anchor:none}body{margin:0;background:#111716;color:#e8e5db;font-family:system-ui,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}img,canvas,svg{display:block;max-width:100%}img{width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #d9b478;outline-offset:6px}button:disabled{opacity:.45;cursor:wait}::selection{background:#947345;color:#fff}input[type=range]{accent-color:#c59a62;width:100%}input:not([type=range]){border:0;border-bottom:1px solid #778780;color:inherit;background:transparent;padding:15px 0;width:100%}summary{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none}.at-entry{overflow:hidden}.at-entry #journey{visibility:hidden}

@font-face{font-family:'Echo Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/henan-serif-0.woff2') format('woff2')}
@font-face{font-family:'Echo Serif';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/henan-serif-1.woff2') format('woff2')}
:root{--ink:#111917;--paper:#f0ecdf;--muted:#b6c0b5;--gold:#c2b18b;--river:#bad4cd;--hair:rgba(221,226,205,.24);--serif:'Echo Serif','Noto Serif SC','Songti SC','SimSun',serif;--display:clamp(100px,10vw,166px);--h1:clamp(43px,4.2vw,68px);--h2:clamp(34px,3.4vw,54px);--h3:clamp(24px,2vw,32px);--body:clamp(15px,1.08vw,18px);--caption:13px;--data:clamp(62px,6.6vw,106px);--left:clamp(250px,20vw,360px);--right:6vw;--header:72px}
h1,h2,h3{font-family:var(--serif);font-weight:400;font-synthesis:none}h2{font-size:var(--h1);line-height:1.46;letter-spacing:-.025em;text-wrap:balance}h2 em{font-style:normal;color:var(--gold)}h3{font-size:var(--h3);line-height:1.6;letter-spacing:-.015em}p{font-size:var(--body);line-height:1.85;text-wrap:pretty}small,.source-note{font-size:var(--caption);line-height:1.8}.eyebrow{font-size:var(--caption);letter-spacing:.12em;font-weight:500;line-height:1.8;color:var(--muted);margin-bottom:28px}.body-copy{max-width:32em;color:var(--muted);margin-top:26px}
.chapter{position:relative;isolation:isolate;min-height:100svh;scroll-margin-top:0}.chapter-content{position:relative;z-index:2;margin-left:var(--left);margin-right:var(--right);padding-top:160px;padding-bottom:130px}.chapter-content h2{max-width:18em}.line-action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;border-bottom:1px solid var(--hair);font-size:16px;padding:13px 0;text-align:left;letter-spacing:.03em}.line-action span{font-family:system-ui;font-size:26px;font-weight:200}.text-action{font-size:var(--caption);border-bottom:1px solid var(--hair);padding:12px 0;min-height:44px}.source-note{color:var(--muted);max-width:45em}.scene-image,.scene-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.scene-canvas{z-index:1}.chapter h2,.chapter h3{overflow:visible}.land-stat strong,.economy,.rail-number,#archiveTotal{font-variant-numeric:lining-nums tabular-nums}
.skip-link{position:fixed;z-index:160;top:12px;left:20px;background:var(--paper);color:var(--ink);padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}.listen-status{display:flex;align-items:center;gap:10px;min-height:30px;font-size:12px;color:var(--muted);margin-bottom:20px;letter-spacing:.03em}.listen-status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex:0 0 auto}

.site-header{transform:translateZ(0);height:var(--header);position:fixed;z-index:100;left:0;top:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 3.5vw;border-bottom:1px solid rgba(225,224,203,.18);background:rgba(17,25,23,.94);color:var(--paper)}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;letter-spacing:.04em}
.brand i{width:8px;height:8px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 4px #d0ad7320}
.brand span{font-size:12px;color:var(--muted);margin-left:12px;letter-spacing:.06em}
.header-actions{display:flex;align-items:center;gap:28px}
#currentChapter{display:none}
#soundToggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px;letter-spacing:.07em}
.sound-strokes{display:flex;align-items:center;gap:3px;height:20px}
.sound-strokes i{height:6px;width:1px;background:var(--paper)}
.sound-strokes i:nth-child(2){height:15px}
#menuToggle{width:44px;height:44px;font-size:0;font-weight:200;display:grid;place-content:center;gap:6px}
#chapterNav{position:fixed;z-index:90;right:0;top:var(--header);width:min(420px,100%);padding:24px 38px 35px;background:#17211f;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.5s;box-shadow:-20px 25px 60px #07100d35}
#chapterNav.is-open{opacity:1;visibility:visible;transform:none}
#chapterNav a{display:block;padding:16px 0;border-bottom:1px solid var(--hair);font-family:var(--serif);font-size:21px;letter-spacing:.04em}
#readingProgress{position:fixed;z-index:105;top:var(--header);left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--gold)}
#chapterRail{position:fixed;top:108px;left:3.8vw;z-index:30;width:166px;padding:0 0 8px 14px;border-left:1px solid #b9af8644;color:var(--paper)}
.rail-number{display:block;font-size:11px;letter-spacing:.16em;color:var(--rail-number,var(--gold));margin-bottom:8px;font-variant-numeric:tabular-nums}
.rail-en{display:block;font-size:10px;line-height:1.65;letter-spacing:.15em;margin-bottom:10px;white-space:normal;color:inherit;opacity:.76}
.rail-title{display:block;font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.7;white-space:normal}
.at-entry #chapterRail{visibility:hidden}
#entry{position:fixed;inset:0;z-index:80;min-height:100svh;background:var(--ink);overflow:hidden}
.entry-photo{--entry-image:url('../images/optimized-v1.0.20/henan-river-wheat-wall.webp');position:absolute;inset:0;background:var(--entry-image) center/cover;filter:saturate(.68) contrast(.96)}
.entry-composition{position:relative;z-index:2;margin-left:12vw;padding-top:max(124px,16vh);width:min(600px,74vw)}
.entry-mark{width:64px;height:44px;margin-bottom:20px;fill:none;stroke:#bcb392;stroke-width:3}
.mark-river{stroke:var(--river);stroke-width:8}
.entry-title{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.entry-title>span{font-size:clamp(20px,1.9vw,29px);line-height:1.7;color:#deded1;letter-spacing:.02em}
.entry-title strong{font-weight:400;font-size:clamp(132px,14vw,208px);line-height:1.16;margin:3px 0 25px;letter-spacing:.035em}
.entry-title em{font-style:normal;font-size:clamp(29px,3.1vw,46px);align-self:flex-end;margin-top:16px;letter-spacing:-.025em}
.entry-actions{display:flex;gap:48px;margin-top:34px}
.entry-actions .line-action{min-width:165px}
.entry-actions button:first-child{color:var(--gold);border-color:var(--gold)}
.entry-note{font-size:12px;color:var(--muted);margin-top:22px}
.entry-coordinate{position:absolute;bottom:34px;right:4vw;font-size:11px;letter-spacing:.09em;opacity:.46}
#entryField{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.opening-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112827b8,transparent 80%),linear-gradient(0deg,#0c252dcc,transparent 50%)}
.opening-copy{padding-top:max(220px,34vh);padding-bottom:100px}
.display{font-size:var(--display);line-height:1.25;display:flex;flex-direction:column;max-width:4em;letter-spacing:-.055em;font-weight:500}
.display i{color:var(--gold);font-style:normal;font-size:.38em;margin-left:.16em}
.opening .lead{margin:35px 0;line-height:1.95;max-width:27em;color:#d6dfd1}
.opening .line-action{min-width:240px}
.opening .eyebrow{font-size:12px}
.river{background:#102d39}
.river-sticky{will-change:transform;position:sticky;top:0;height:100svh;z-index:0;overflow:hidden}
.river-photo{position:absolute;inset:0}
.river-photo canvas{position:absolute;inset:0;width:100%;height:100%}
.river-shade{position:absolute;inset:0;background:linear-gradient(90deg,#092935a8,transparent 86%),linear-gradient(0deg,#0b2932aa,transparent 45%)}
.river-shots{position:relative;margin-top:-100svh;z-index:2}
.river-shot{min-height:110svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:180px;padding-bottom:150px}
.river-shot h2 em{color:#b3d6d6}
.river-shot .line-action{margin-top:40px}
.shot-b{margin-left:48vw;margin-right:5vw}
.shore-wave{width:100%;height:130px;margin-top:35px}
.river-distance{position:relative;display:flex;justify-content:space-between;border-bottom:1px solid #bbd5d760;width:100%;font-size:13px;padding:30px 0 16px;letter-spacing:.1em}
.river-distance i{position:absolute;bottom:-3px;left:0;width:5px;height:5px;background:var(--gold);border-radius:50%}
.river-geography{width:min(820px,100%);display:flex;gap:clamp(45px,6vw,100px);position:relative;padding:65px 0 45px;margin:0 0 25px}
.river-geography svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b7b99a;stroke-width:1;opacity:.58}
.river-geography>div{position:relative}
.river-geography strong{font-family:var(--serif);font-size:clamp(88px,9vw,132px);font-weight:400;display:block;line-height:1.2;font-variant-numeric:lining-nums tabular-nums}
.river-geography small{font-family:system-ui;font-size:16px;margin-left:10px}
.river-geography span{display:block;font-size:14px;margin-top:12px}
.human{background:#e8e1cc;color:#2e4032;--muted:#586753;--gold:#7c603a;--hair:#7c88674a}
.human h2{font-size:var(--h2);max-width:6em}
.human-land{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3.1fr);gap:4vw;align-items:center;margin-top:48px}
.map-stage{min-width:0;grid-column:2;grid-row:1;margin-top:-110px}
#henanMap{width:100%;overflow:visible;filter:drop-shadow(0 18px 24px #625b3617)}
.map-boundary{fill:none;stroke:#586951;stroke-width:1.3}
.map-river{fill:none;stroke:#b6d8d1;stroke-width:3;opacity:.8}
.map-node{cursor:pointer}
.map-node circle{fill:#e4d0a4;stroke:#4c695c;stroke-width:2}
.map-node text{fill:#fff;font-size:19px;font-family:var(--serif);paint-order:stroke;stroke:#213528;stroke-width:3}
.map-caption{font-family:var(--serif);font-size:21px;margin-top:20px}
.map-caption small{display:block;font-family:system-ui;font-size:12px;margin-top:6px;letter-spacing:.03em}
.land-notes{padding-left:20px;border-left:0;grid-column:1;grid-row:1;padding:0 25px 0 0;border-right:1px solid var(--hair)}
.land-stat strong{font-family:var(--serif);font-weight:400;font-size:clamp(52px,4.7vw,78px);line-height:1.2;letter-spacing:-.055em}
.land-stat small{font-family:system-ui;font-size:14px}
.land-notes p{font-size:14px;margin:15px 0 22px;line-height:1.85}
.land-stat p{margin:0 0 25px}
.urban-band{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;gap:14px;margin:24px 0}
.urban-band i{width:100%;height:3px;background:linear-gradient(to right,#7d977e 59.95%,#c5c7ad 59.95%)}
.land-notes>small{display:block;font-size:12px;line-height:1.8}
.small-meter{display:grid;grid-template-columns:30px 30px 30px;align-items:end;gap:10px;height:75px;margin-top:25px}
.small-meter span{grid-column:1/-1;font-size:11px}
.small-meter i{height:25px;background:#728774;transform-origin:bottom}
.ancient{background:#171511}
.stone-act{position:relative;min-height:110svh;display:flex;align-items:center;isolation:isolate}
.stone-act>img{position:absolute;inset:0;object-position:72% center;filter:brightness(.77);z-index:-1}
.stone-act:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0cb8,transparent),linear-gradient(0deg,#171511,transparent 30%);z-index:-1}
.stone-act h2{font-size:clamp(68px,7vw,115px);letter-spacing:-.04em}
.material-act{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5vw;padding-top:75px;padding-bottom:110px}
.material-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;margin:35px 0}
.material-tabs button{text-align:left;border-bottom:1px solid var(--hair);padding:14px 0;min-height:50px;font-family:var(--serif);font-size:23px;line-height:1.8}
.material-tabs .is-active{color:var(--gold);border-color:var(--gold)}
#materialDescription{font-size:15px;color:var(--muted);max-width:31em}
#materialCanvas{width:100%;height:360px}
.new-henan{background:#17232b;min-height:110svh}
.industry-image{position:absolute;inset:0;z-index:-1;overflow:hidden}
.industry-image img{position:absolute;inset:0;filter:brightness(.77)}
#industryPhotoNext{opacity:0}
.industry-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d2024eb 4%,#0d202488 45%,#0d202412 78%),linear-gradient(0deg,#14242dde,transparent 65%)}
.new-copy{padding-top:170px;padding-bottom:140px}
.new-copy h2{font-size:var(--h2);max-width:15em}
.new-copy h2 em{color:#c4d4df}
.new-body{margin-top:65px;display:grid;grid-template-columns:minmax(0,390px);gap:36px;align-items:start}
.industry-lines button{display:flex;align-items:center;width:100%;min-height:70px;gap:18px;text-align:left;border-bottom:1px solid var(--hair);transition:color .4s,border-color .4s}
.industry-lines b{font-size:11px;color:var(--gold);font-weight:400}
.industry-lines span{font-family:var(--serif);font-size:24px}
.industry-lines small{font-size:12px;color:var(--muted);margin-left:auto}
.industry-lines i{font-style:normal;color:var(--gold)}
.economy>div{font-size:48px;font-family:var(--serif);line-height:1.3;letter-spacing:-.02em}
.economy small{font-size:13px;margin-left:8px}
.economy p{font-size:15px}
.economy>span{font-size:12px;color:var(--muted);display:block;margin-top:14px;line-height:1.7}
.archive{background:#13211f}
.archive-background{position:absolute;inset:0;background:linear-gradient(90deg,#11221ff7 15%,#11221fcf 65%,#11221fac),var(--archive-photo,none) right center/cover;z-index:-1}
.archive h2{font-size:var(--h2)}
.archive-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;margin-top:60px}
.archive-heading{display:flex;justify-content:space-between;align-items:center}
.archive-heading>span{font-family:var(--serif);font-size:43px;color:var(--gold)}
.archive-views{display:flex;position:relative;gap:32px;margin:18px 0;font-size:13px;width:max-content}
.archive-views button{padding:10px 0;border-bottom:1px solid transparent}
.archive-views .is-active{color:var(--gold)}
#archiveSystemList{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:#74968b transparent}
.archive-chapter-row{display:flex;align-items:center;gap:18px;padding:22px 12px 22px 0;border-top:1px solid var(--hair);width:100%;text-align:left;min-height:82px;position:relative}
.archive-chapter-row b{font-size:11px;font-weight:400;color:var(--gold)}
.archive-chapter-row strong{display:block;font-size:21px;font-family:var(--serif);font-weight:400;line-height:1.65}
.archive-chapter-row small{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}
.archive-chapter-row em{font-size:11px;font-style:normal;color:var(--river);margin-left:auto}
.record-station p{font-size:15px;color:var(--muted);margin:14px 0 25px}
.record-station label{display:block;margin:32px 0 0;font-size:13px;color:var(--gold)}
.record-station input{font-size:15px}
.record-station .line-action{margin-top:28px;min-width:210px;min-height:70px;font-family:var(--serif);font-size:26px}
.record-station #recordStatus{font-size:12px;line-height:1.8;margin:18px 0}
.record-preview{display:flex;align-items:center;border-top:1px solid var(--hair);padding-top:26px;gap:24px;margin-top:28px}
.record-preview canvas{max-width:100px;height:100px}
.record-preview p{font-family:var(--serif);font-size:20px}
.local-row{gap:12px}
.local-row canvas{max-width:50px}
.local-row-actions{display:flex;gap:15px}
.archive-empty{font-size:13px;color:var(--muted);padding-top:20px}
.voice-wall{display:none;position:relative;height:auto;background:linear-gradient(#10241dcc,#10241ded),var(--archive-photo,none) center/cover;min-height:520px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;padding:20px 10px}
.archive:not(.archive-list-mode) #archiveSystemList{display:none}
.archive:not(.archive-list-mode) .voice-wall{display:grid}
.voice-wall-node{position:relative;font-size:13px;max-width:none;text-shadow:0 1px 3px #000;min-height:83px;padding:17px 6px;overflow-wrap:anywhere;border-bottom:1px solid #b2c4ad22}
.voice-wall-node i{width:5px;height:5px;background:var(--gold);display:block;margin:0 auto 5px;border-radius:50%}
.is-error{color:#e2a889}
.resonance{min-height:110svh;background:radial-gradient(ellipse at 80% 48%,#29413b77,transparent 52%),#101b1a}
.resonance .chapter-content{max-width:350px;padding-top:160px}
.resonance .line-action{margin-top:38px;min-width:240px}
.resonance h2 em{color:#bed2c4}
.mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;margin:28px 0;max-width:350px;padding-top:18px;border-top:1px solid var(--hair)}
.mix-controls label,.microscope label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:14px}
.mix-controls input{flex:1;min-width:0;min-height:28px}
.microscope{max-width:520px;font-size:13px;padding:20px 0;border-top:1px solid var(--hair)}
.microscope label{padding-top:16px}
#mixStatus{font-size:13px;margin-top:20px;color:var(--muted);line-height:1.8}
.epilogue{background:#0c1110}
.epilogue-image{position:absolute;inset:0;z-index:-1}
.epilogue-image img{opacity:.58;filter:saturate(.35) brightness(.64);object-position:center 60%}
.epilogue-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1716cf,transparent 80%),linear-gradient(0deg,#0b100f,transparent 80%)}
.epilogue-copy{padding-top:clamp(200px,32vh,350px);padding-bottom:95px}
.epilogue-copy>p{margin:24px 0;color:#c5d0c2}
.epilogue-copy .line-action{margin:20px 0 65px;min-width:220px}
.epilogue-copy>small{font-size:12px;display:block;margin-top:50px;color:var(--muted)}
.credits{max-width:720px;border-top:1px solid var(--hair);padding-top:25px;font-size:13px}
.credits p{font-size:13px;margin-top:20px}
.credits a{display:inline-block;font-size:13px;margin:15px 25px 0 0;border-bottom:1px solid var(--hair)}
#toast{position:fixed;z-index:120;left:50%;bottom:30px;transform:translate(-50%,15px);max-width:min(620px,90vw);background:#101c19ec;color:var(--paper);border:1px solid var(--hair);padding:15px 24px;font-size:13px;line-height:1.8;opacity:0;pointer-events:none;transition:.4s}
#toast.visible{opacity:1;transform:translate(-50%,0)}
#guideBar{position:fixed;z-index:110;bottom:20px;left:50%;transform:translateX(-50%);background:#1b2927e8;border:1px solid var(--hair);padding:14px 22px;gap:30px;font-size:12px;white-space:nowrap}
#guideBar:not([hidden]){display:flex}
#stopGuide{color:var(--gold)}

#menuToggle:before{content:'';width:24px;height:1px;background:currentColor;transition:transform .35s}

#menuToggle:after{content:'';width:17px;height:1px;background:currentColor;transition:width .35s,transform .35s}

#menuToggle[aria-expanded=true]:before{transform:translateY(3.5px) rotate(45deg)}

#menuToggle[aria-expanded=true]:after{width:24px;transform:translateY(-3.5px) rotate(-45deg)}

#chapterNav a[aria-current]{color:var(--gold);border-color:var(--gold)}

.river-shot h2{max-width:15em}

.human:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 46%,#d1c59677,transparent 52%),linear-gradient(135deg,#f6f0de77,transparent 60%);z-index:-1}

.land-notes>.eyebrow{display:block;font-size:12px;margin-bottom:25px}

.map-node[aria-pressed=true] circle{fill:#efd8a4;stroke:#f7edd1;stroke-width:3;r:11}

.industry-lines button[aria-pressed=true]{color:#efdfb4;border-color:var(--gold);background:linear-gradient(90deg,#d0ad7310,transparent)}

.industry-lines button[aria-pressed=true] i{transform:translate(3px,-3px)}

.economy{border:0;padding:0;align-self:start}

.archive-chapter-row[aria-pressed=true]{background:linear-gradient(90deg,#d0ad7312,transparent);color:#eddfbc}

.archive-chapter-row[aria-pressed=true] em{color:var(--gold);letter-spacing:2px}

.record-station{padding-left:30px;border-left:1px solid var(--hair)}

.resonance h2{font-size:clamp(48px,4.3vw,67px);line-height:1.4}

.resonance .scene-canvas{left:auto;right:0;top:8%;width:65%;height:84%;mask-image:linear-gradient(90deg,transparent,#000 22%);opacity:.7}

.epilogue h2{font-size:clamp(45px,4.3vw,70px);max-width:15em}

.credits summary{min-height:44px;padding:10px 0}

@media(max-width:760px){.entry-photo{--entry-image:url("../images/optimized-v1.0.20/henan-river-wheat-wall-mobile.webp")}}

/* Chapter-specific art direction: the existing images carry the composition. */
#entry:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#142521ad,transparent 74%),linear-gradient(180deg,#29393b50,transparent 48%,#132e301f)}
.entry-photo:before,.entry-photo:after{content:'';position:absolute;inset:0;background:var(--entry-image) center/cover;pointer-events:none}
.entry-photo:before{mask-image:linear-gradient(transparent 25%,#000 43%,#000 59%,transparent 70%);transform:translate(calc(var(--depth-x,0)*.33px),calc(var(--depth-y,0)*.33px))}
.entry-photo:after{mask-image:linear-gradient(transparent 53%,#000 72%);transform:translate(calc(var(--depth-x,0)*1px),calc(var(--depth-y,0)*1px))}
.opening-copy h2{font-size:clamp(45px,4.8vw,74px);line-height:1.5}.opening-image img{object-position:55% 75%;filter:saturate(.66)}
.river-photo{filter:saturate(.78)}.river-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,transparent 36%,#b99b7233 74%,#9f81532e);mix-blend-mode:soft-light}
.river-data h2{font-family:system-ui;font-size:16px;letter-spacing:.12em;color:var(--muted)}
.material-act:before{content:'';position:absolute;inset:0 calc(-1 * var(--right)) 0 calc(-1 * var(--left));z-index:-1;opacity:.55;background:radial-gradient(ellipse at 78% 52%,var(--material-tint,#b9ac8636),transparent 58%);transition:background .8s}
.material-act[data-tone="1"]{--material-tint:#b3b9b040}.material-act[data-tone="2"]{--material-tint:#a74e3844}.material-act[data-tone="3"]{--material-tint:#5b9f9244}
.material-tabs button{display:grid;grid-template-columns:24px 35px 1fr;align-items:baseline;gap:13px}.material-tabs b{font-size:32px;font-weight:400}.material-tabs small{font-family:system-ui;font-size:11px;color:var(--muted)}.material-tabs span{font-size:16px}
.material-act #materialCanvas{background:repeating-linear-gradient(162deg,transparent 0 35px,#a8996b07 36px 37px)}
.archive-views:after{content:'';position:absolute;width:52px;height:1px;background:var(--gold);bottom:0;left:0;transform:translateX(84px);transition:transform .4s}.archive-list-mode .archive-views:after{transform:none}
.row-wave{width:54px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:.9}.archive-chapter-row>em{display:none}.archive-chapter-row>.row-wave{margin-left:auto;color:#abc1b6;opacity:.5}.archive-chapter-row[aria-pressed=true]>.row-wave{opacity:1;color:var(--gold)}
.record-naming{margin-top:22px}.record-naming label{margin-top:0}.record-naming .text-action{margin-top:8px}.record-station .record-naming{order:3}.record-station{display:flex;flex-direction:column}.record-station>h3,.record-station>p,.record-station>#recordButton{order:1}.record-station .record-preview{order:4}.record-station #localRecordings{order:5}
.resonance-plate{position:absolute;width:65%;height:84%;right:0;top:8%;z-index:0;pointer-events:none}.resonance.is-resonating .resonance-plate{opacity:.4;transition:opacity 2s}
.mix-controls input{appearance:none;-webkit-appearance:none;background:transparent;min-height:36px}.mix-controls input::-webkit-slider-runnable-track{height:1px;background:#cbb78c77}.mix-controls input::-moz-range-track{height:1px;background:#cbb78c77}.mix-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:#d1b987;margin-top:-2.5px}.mix-controls input::-moz-range-thumb{width:6px;height:6px;border:0;background:#d1b987}.mix-controls input:hover::-webkit-slider-thumb,.mix-controls input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #cbb78c22}
#posterButton{font-family:var(--serif);font-size:18px;min-height:52px;display:flex;align-items:center;gap:15px;width:max-content;max-width:100%}#posterButton:before{content:'';width:36px;height:14px;background:linear-gradient(135deg,transparent 38%,#c9ba9188 40%,#c9ba9188 44%,transparent 46%);border-bottom:1px solid #c9ba9177}

/* v1.0.22 — editorial notes within the existing chapters. */
.grain-story{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5vw;margin-top:60px;padding-top:54px;border-top:1px solid var(--hair);align-items:center}
.grain-photo{position:relative;aspect-ratio:3/3.4;overflow:hidden;max-height:640px}.grain-photo img{filter:saturate(.72)}.grain-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#15251ac4);pointer-events:none}.grain-photo figcaption{position:absolute;left:28px;right:20px;bottom:28px;z-index:1;font-family:var(--serif);font-size:25px}.grain-photo figcaption span{display:block;font:12px/2 system-ui;margin-top:8px;color:#dfdfc9}
.grain-copy h3,.culture-heading h3{font-family:var(--serif);font-size:clamp(29px,2.8vw,42px);font-weight:400;line-height:1.5}.grain-copy h3 em{font-style:normal;color:#d4c193}.grain-copy>.eyebrow{margin-bottom:17px}.grain-copy>p:not(.eyebrow):not(.micro-note){font-size:15px;line-height:1.9;color:#c8d0bf;margin-top:22px;max-width:35em}
.grain-data{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.grain-data dt{font-size:12px;color:#c2c9b6;line-height:1.7}.grain-data dd{margin:7px 0 0;font:clamp(25px,2.8vw,42px)/1.3 var(--serif);color:#e5d6b2;font-variant-numeric:tabular-nums}.grain-data small{font:11px system-ui;margin-left:5px;white-space:nowrap}
.crop-calendar{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.crop-calendar li{border-top:1px solid #c6b28277;padding-top:15px}.crop-calendar span{font-size:11px;color:#c8b98e}.crop-calendar strong{font-weight:400;font-size:14px;display:block;margin:9px 0;line-height:1.6}.crop-calendar p{font-size:12px;line-height:1.8;color:#bdc7b5}
.note-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}.note-actions button,.note-actions a{min-height:44px;display:inline-flex;align-items:center;gap:15px}.source-link{font-size:12px;color:#b9c7bf;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b9c7bf55}.micro-note{font-size:11px;line-height:1.8;color:#b6bfb1;margin-top:18px;max-width:52em}
.culture-notebook{padding-top:30px;padding-bottom:110px}.culture-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;border-top:1px solid var(--hair);padding-top:45px;margin-bottom:35px}.culture-heading>.eyebrow{max-width:17em;line-height:1.9;margin:8px 0}.culture-heading h3{width:58%;color:#e2d9c1}.culture-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.culture-feature figure{aspect-ratio:3/2;overflow:hidden}.culture-feature img{filter:saturate(.66);transition:transform .9s}.culture-feature:hover img{transform:scale(1.025)}.place-coordinate{font-size:12px;letter-spacing:.12em;color:#bda97f}.culture-feature h4{font:32px/1.6 var(--serif);margin:10px 0 15px;font-weight:400}.culture-feature p{font-size:15px;line-height:1.9;color:#c7c6b8}.culture-feature .culture-context{font-size:12px;margin-top:14px;color:#b5a88d}.culture-index{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.culture-index a{padding:22px 0;border-top:1px solid var(--hair);transition:color .3s}.culture-index a:hover{color:var(--gold)}.culture-index span{font-size:11px;color:#b5af9b}.culture-index strong{display:block;font:24px/1.8 var(--serif);margin:6px 0}.culture-index i{font:18px system-ui;float:right}.culture-index p{font-size:13px;line-height:1.9;color:#b7beb2}
.new-henan .new-body{grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:35px 6vw;align-items:start}.technology-index .industry-lines button{min-height:91px;gap:13px;padding:12px 0}.technology-index .industry-lines img{width:76px;height:55px;flex:0 0 76px;filter:saturate(.6);transition:filter .4s}.technology-index .industry-lines button:hover img,.technology-index .industry-lines [aria-pressed=true] img{filter:saturate(.95)}.technology-index .industry-lines span{font-size:21px;line-height:1.55}.technology-index .industry-lines small{display:block;margin:4px 0 0;font:11px/1.5 system-ui;color:#b5c6c7}.technology-index .industry-lines i{margin-left:auto}.technology-index .industry-lines [aria-pressed=true]{border-color:#c3ae80;color:#e7d5ad}.technology-index .economy{margin-top:25px;padding-top:18px;border-top:1px solid var(--hair)}.technology-index .economy>div{font-size:38px}.technology-index .economy>span{margin-top:6px;font-size:11px}.technology-index .economy>.eyebrow{margin-bottom:5px;font-size:11px}
.technology-note{align-self:center;margin-bottom:12px;min-height:290px;padding:26px 26px 22px;border-top:1px solid #c0c4b677;background:linear-gradient(110deg,#14262bd9,#14262b70);max-width:530px}.technology-note h3{font:34px/1.5 var(--serif);margin:12px 0 18px;color:#e5ded0}.technology-note>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#d1d8d2}.technology-note .tech-listen{font-size:12px;color:#c9b98e;border-left:1px solid #c9b98e;padding-left:14px;margin:22px 0}.technology-note .eyebrow{font-size:11px;margin:0}.new-copy .technology-footnote{font-size:11px;line-height:1.8;color:#b9c5bf;margin-top:30px;max-width:62em}
@media(max-width:1100px){.new-henan .new-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.technology-note{padding:20px;min-height:340px}.technology-note h3{font-size:29px}.technology-index .industry-lines img{width:60px;flex-basis:60px;height:48px}.technology-index .industry-lines span{font-size:18px}.grain-story{gap:28px}.grain-data dd{font-size:30px}.crop-calendar{gap:12px}.culture-feature{gap:26px}}
@media(max-width:760px){.grain-story{display:block;margin-top:50px;padding-top:35px}.grain-photo{aspect-ratio:3/2;max-height:none}.grain-photo figcaption{left:18px;bottom:18px;font-size:22px}.grain-copy{padding-top:32px}.grain-copy h3{font-size:31px}.grain-data{gap:15px}.grain-data dd{font-size:30px}.grain-data small{display:block;margin:4px 0}.crop-calendar{gap:14px}.crop-calendar strong{font-size:13px}.crop-calendar p{font-size:12px}.culture-notebook{padding-top:20px;padding-bottom:80px}.culture-heading{display:block;padding-top:30px}.culture-heading>.eyebrow{max-width:none;margin:0 0 20px}.culture-heading h3{width:auto;font-size:30px}.culture-feature{grid-template-columns:1fr;gap:24px}.culture-feature h4{font-size:29px}.culture-index{gap:25px}.culture-index strong{font-size:21px}.culture-index p{font-size:12px}.new-henan .new-body{grid-template-columns:1fr;gap:25px}.technology-index .industry-lines button{min-height:90px}.technology-index .industry-lines img{width:83px;flex-basis:83px;height:57px}.technology-index .industry-lines span{font-size:23px}.technology-index .economy{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px 20px;padding-top:22px}.technology-index .economy>.eyebrow,.technology-index .economy>span{grid-column:1/-1}.technology-index .economy>div{font-size:36px}.technology-index .economy p{font-size:13px}.technology-note{padding:24px 20px;min-height:340px;margin:0;max-width:none}.technology-note h3{font-size:30px}.technology-note>p:not(.eyebrow){font-size:15px}.new-copy .technology-footnote{margin-top:20px}.note-actions{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){.culture-feature img,.technology-index .industry-lines img{transition:none}.culture-feature:hover img{transform:none}}

@media(hover:hover){.line-action span{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.line-action:hover span{transform:translate(5px,-3px)}.line-action:hover{border-color:var(--gold)}.archive-chapter-row{transition:background .4s,transform .4s}.archive-chapter-row:hover{background:#9fc7b409;transform:translateX(3px)}.industry-lines button{transition:color .4s}.industry-lines button:hover{color:var(--gold)}.map-node circle{transition:r .5s,fill .5s}.map-node:hover circle,.map-node:focus-visible circle{r:12;fill:#e7bc7c}.rail-title{transition:color .55s,text-shadow .55s}.rail-title:hover{color:var(--gold);text-shadow:0 0 18px #d0ad732b}}#soundToggle[aria-pressed=true] .sound-strokes i{animation:soundstroke 1.1s ease-in-out infinite alternate}#soundToggle[aria-pressed=true] .sound-strokes i:nth-child(2){animation-delay:-.4s}#soundToggle[aria-pressed=true] .sound-strokes i:nth-child(3){animation-delay:-.7s}@keyframes soundstroke{to{transform:scaleY(.4)}}.is-recording{color:#e9a285}body.static-review *{animation:none;transition:none}.at-entry #readingProgress{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.char-hover:hover,.archive-chapter-row:hover{transform:none}}

#journeyLine{position:fixed;inset:0;z-index:10;width:100%;height:100%;pointer-events:none;opacity:.15}.at-entry #journeyLine{visibility:hidden}.chapter:after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;pointer-events:none;z-index:0;background:linear-gradient(transparent,var(--next-scene))}.opening{--next-scene:#102d39}.river{--next-scene:#243528}.human{--next-scene:#171511}.ancient{--next-scene:#17232b}.new-henan{--next-scene:#13211f}.archive{--next-scene:#101b1a}.resonance{--next-scene:#0c1110}

@media(hover:hover){.line-action,.text-action{transition:color .35s,border-color .35s}.text-action:hover{color:var(--gold);border-color:var(--gold)}.material-tabs button:hover{color:var(--gold)}.voice-wall-node:hover{background:#d0ad730d}.map-node:focus-visible{outline:none}.map-node:focus-visible circle{stroke:#fff2bf;stroke-width:5}.industry-lines i{transition:transform .35s}.rail-title:hover{color:#ddc092}#menuToggle:hover:after{width:24px}}
button:active:not(:disabled),.line-action:active{transform:translateY(1px)}input[type=range]{cursor:ew-resize}input:not([type=range]):focus{border-bottom-color:var(--gold)}

body.static-review .stone-act>img{opacity:1;transform:none;clip-path:none}body.static-review #landDots{opacity:1}

@media(min-width:1800px){:root{--left:22vw;--right:8vw}.chapter-content{max-width:1400px}.entry-composition{padding-top:16vh}.human-land{gap:5vw}}
@media(max-width:1100px){:root{--left:230px;--right:5vw}#chapterRail{left:3vw;width:175px}.brand span{display:none}.new-body{gap:40px}.industry-lines small{display:none}.human-land{grid-template-columns:minmax(130px,1fr) minmax(0,2.8fr);gap:25px}.map-stage{margin-top:-60px}.land-notes{padding-right:0}.archive-columns{gap:35px}.entry-composition{margin-left:13vw}.resonance .chapter-content{max-width:550px}}
@media(max-height:800px) and (min-width:761px){.entry-composition{padding-top:100px}.entry-mark{width:68px;height:44px;margin-bottom:18px}.entry-title strong{font-size:142px;margin-bottom:18px}.entry-title>span{font-size:24px}.entry-title em{font-size:34px}.entry-actions{margin-top:22px}.entry-composition>.eyebrow{margin-bottom:14px}.entry-note{margin-top:12px}.opening-copy{padding-top:145px}.opening-copy h2{font-size:56px}.opening .lead{margin:24px 0}.new-copy{padding-top:158px}.new-body{margin-top:38px;gap:22px}.resonance .chapter-content{padding-top:145px}}
@media(max-width:760px){
:root{--header:64px;--left:24px;--right:24px;--h1:clamp(32px,8.3vw,44px);--h2:clamp(29px,7.7vw,40px);--body:15px;--caption:12px;--display:clamp(86px,24vw,128px);--data:57px}
.site-header{padding:0 21px}.brand{font-size:15px}.header-actions{gap:12px}#soundToggle{font-size:12px;gap:8px}#currentChapter{display:none}#menuToggle{width:32px}
#chapterRail{top:85px;left:24px;width:calc(100% - 48px);max-width:225px;padding:0 0 9px 12px;pointer-events:none}.rail-number{font-size:10px;margin-bottom:4px}.rail-en{font-size:10px;margin-bottom:4px}.rail-title{font-size:18px;line-height:1.6;pointer-events:auto}#chapterRail:before{content:'';position:fixed;top:var(--header);left:0;right:0;height:120px;z-index:-1;background:linear-gradient(#111c19 0 103px,#111c1900 120px);pointer-events:none}
.chapter-content{padding-top:218px;padding-bottom:94px}.eyebrow{font-size:12px;letter-spacing:.05em;margin-bottom:22px}h2{line-height:1.55;letter-spacing:-.04em}.line-action{font-size:15px}
.entry-composition{margin-left:8vw;width:84vw;padding-top:18vh}.entry-photo{background-position:58% center}.entry-mark{width:68px;height:45px;margin-bottom:22px}.entry-composition>.eyebrow{font-size:12px;margin-bottom:22px}.entry-title>span{font-size:20px;line-height:1.8}.entry-title strong{font-size:120px;line-height:1.18;margin-bottom:25px}.entry-title em{font-size:29px;align-self:flex-start;margin:15px 0 0 42px}.entry-actions{gap:30px;margin-top:32px}.entry-actions .line-action{min-width:0;gap:23px;font-size:15px}.entry-note{font-size:11px;line-height:1.7}.entry-coordinate{bottom:26px;right:8vw;font-size:10px}
.opening-copy{padding-top:220px}.opening-image img{object-position:63% center}.opening .lead{font-size:16px;margin:30px 0}.opening .eyebrow{font-size:12px}.opening .line-action{min-width:215px}.opening .display{line-height:1.3}
.river-shot{min-height:105svh;padding-top:225px;padding-bottom:115px}.shot-b{margin-left:var(--left);margin-right:var(--right)}.river-shade{background:linear-gradient(90deg,#0c2a36b8,#0c2a3620),linear-gradient(0deg,#0b293266,transparent)}.river-shot h2{font-size:33px}.river-geography{gap:34px;padding:52px 0}.river-geography strong{font-size:47px}.river-geography small{font-size:11px;margin-left:4px}.river-geography span{font-size:12px}.river-shot .source-note{font-size:11px}.shore-wave{height:110px}
.human>.chapter-content{padding-bottom:85px}.human-land{grid-template-columns:1fr;gap:30px;margin-top:38px}.map-stage{grid-column:auto;grid-row:1;margin:0 -7px}.land-notes{grid-column:auto;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;border:0;border-top:1px solid var(--hair);padding:28px 0 0}.land-notes>.eyebrow,.land-notes>small{grid-column:1/-1}.land-notes>.eyebrow{margin:0}.land-notes p{margin:0;font-size:13px}.land-notes>p{align-self:center}.land-stat strong{font-size:54px}.land-stat p{font-size:12px;margin-top:8px}.urban-band{grid-column:1/-1;margin:6px 0}.small-meter{display:none}.map-caption{font-size:18px;line-height:1.8;padding-left:7px}.map-caption small{font-size:12px}.map-node text{font-size:24px}.human h2{font-size:32px}
.stone-act{min-height:100svh}.stone-act h2{font-size:60px}.stone-act>img{object-position:65% center}.material-act{grid-template-columns:1fr;gap:32px;padding-top:55px}.material-tabs{gap:10px 25px}.material-tabs button{font-size:20px}#materialCanvas{height:260px}.material-act h3{font-size:25px}
.new-copy{padding-top:220px;padding-bottom:95px}.new-copy h2{font-size:32px}.new-body{grid-template-columns:1fr;gap:44px;margin-top:52px}.industry-image img{object-position:62% center}.industry-lines span{font-size:24px}.industry-lines small{display:block;font-size:12px}.industry-lines button{min-height:88px;gap:14px}.economy{border:0;border-top:1px solid var(--hair);padding:30px 0 0}.economy>div{font-size:46px}.economy>.eyebrow{margin-bottom:14px}
.archive-columns{grid-template-columns:1fr;gap:60px;margin-top:44px}.archive h2{font-size:31px}.archive-views{font-size:13px;gap:28px}#archiveSystemList{max-height:440px}.archive-chapter-row{min-height:86px;padding:19px 8px 19px 0}.archive-chapter-row strong{font-size:20px}.archive-chapter-row small{font-size:11px}.archive-heading>span{font-size:39px}.record-station{border:0;border-top:1px solid var(--hair);padding:34px 0 0}.record-station input{font-size:16px}.record-preview canvas{width:75px;height:75px}.record-preview p{font-size:19px}.voice-wall{height:auto;min-height:440px;grid-template-columns:1fr 1fr}.voice-wall-node{max-width:none;font-size:13px;min-height:66px}.local-row{flex-wrap:wrap}.local-row-actions{margin-left:auto}.local-row>div:not(.local-row-actions){min-width:0;overflow-wrap:anywhere}
.resonance{min-height:115svh}.resonance .chapter-content{max-width:none;padding-top:220px;padding-bottom:100px}.resonance h2{font-size:43px}.resonance .body-copy{font-size:14px}.resonance .scene-canvas{top:12%;height:80%;opacity:.53;mask-image:linear-gradient(transparent,black 40%,black)}.mix-controls{gap:22px 24px;margin-top:35px}.mix-controls label{font-size:13px}.microscope{font-size:13px}.mix-controls input{min-height:40px}.epilogue-copy{padding-top:235px}.epilogue-copy .line-action{margin-bottom:55px}.epilogue h2{font-size:34px}.epilogue-image img{object-position:66% center}.credits p{font-size:13px}.credits a{min-height:44px;line-height:2}
#guideBar{padding:12px 16px;gap:18px}#toast{bottom:75px;width:90vw}.listen-status{font-size:12px}.source-note{overflow-wrap:anywhere}
}
@media(max-height:710px) and (max-width:760px){.entry-composition{padding-top:100px}.entry-mark{height:35px;margin-bottom:12px}.entry-composition>.eyebrow{margin-bottom:14px}.entry-title strong{font-size:85px}.entry-title em{font-size:25px;margin-top:5px}.entry-title>span{font-size:17px}.entry-actions{margin-top:17px}.entry-note{margin-top:10px}.entry-coordinate{bottom:14px}}

@media(min-width:761px) and (max-height:800px){.new-copy{padding-top:138px;padding-bottom:65px}.new-copy h2{font-size:42px}.new-body{margin-top:32px;gap:20px}.new-body .eyebrow{margin-bottom:8px}.resonance .chapter-content{padding-top:135px;padding-bottom:60px}.resonance h2{font-size:52px}.resonance .body-copy{font-size:14px;margin-top:16px}.resonance .line-action{margin-top:20px}.resonance .mix-controls{margin:20px 0}.resonance .microscope{padding:13px 0}}
@media(max-width:760px){.entry-composition{padding-top:16vh}.entry-actions{gap:28px}.opening-copy{padding-top:32vh}.opening-copy h2{font-size:38px}.opening .lead{font-size:15px}.river-data h2{font-size:16px}.river-geography{width:100%;gap:28px}.river-geography strong{font-size:60px}.river-geography small{display:block;font-size:12px;margin:8px 0}.river-geography span{font-size:12px}.material-tabs{gap:16px}.material-tabs button{grid-template-columns:20px 28px 1fr;gap:8px}.material-tabs b{font-size:28px}.material-tabs span{font-size:15px}.new-body{margin-top:36px;gap:32px}.new-body .economy{padding-top:20px}.industry-lines button{min-height:76px}.resonance .chapter-content{padding-top:205px;max-width:none}.resonance .body-copy{max-width:26em}.resonance .resonance-plate{top:360px;height:320px;width:100%;right:0}.resonance .scene-canvas{top:360px;height:320px;width:100%;right:0;left:auto;mask-image:none;opacity:.65}.resonance .line-action{margin-top:200px}.resonance .mix-controls{max-width:none;margin:25px 0}.resonance h2{font-size:40px}.resonance .body-copy{margin-top:16px}.resonance #posterButton{font-size:18px}.epilogue-copy{padding-top:32vh}.epilogue-copy h2{font-size:35px}.record-station{padding-left:0}.record-preview p{font-size:17px}}

/* Restrained feedback: real controls and the entry anchor only. */
#entry .entry-photo{inset:-12px;transform:translateZ(0)}#entrySculpture{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.42}#entry .entry-composition{perspective:1400px}
.entry-relief{position:relative;transform-style:preserve-3d;backface-visibility:hidden;color:#eee9d9;text-shadow:1px 2px 0 #b3ad9180,3px 5px 14px #09232070}
.is-type-lit{color:var(--gold)}.entry-relief.is-type-lit{color:#f4eedc}.rail-title{transition:color .45s}.rail-title.is-type-lit{color:#e2d1ab}
@media(max-width:760px){#entry .entry-photo{inset:0}#entrySculpture{opacity:.24}.entry-photo:before,.entry-photo:after{content:none}}

/* Land as one composition: a large province image and a quiet population note. */
.human.human-landscape{background:#23372b;color:#eeeddf;--muted:#c4cdbd;--gold:#cfc29a;--hair:#c8d1b73b}.human-landscape:before{display:none}
.human-environment{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.human-environment img{object-position:58% 60%;filter:saturate(.64) brightness(.84)}
.human-environment:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142a20e8 2%,#192e23b3 40%,#192e234a 76%),linear-gradient(0deg,#13261ec7,transparent 80%)}
.human-landscape>.chapter-content{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr);column-gap:30px;row-gap:24px;margin-left:var(--left);margin-right:3vw;padding-top:150px;padding-bottom:85px}
.human-landscape>.chapter-content>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:0;max-width:20em}
.human-landscape>.chapter-content>h2{grid-column:1;grid-row:2;font-size:clamp(42px,4vw,68px);line-height:1.5;max-width:8em;align-self:start}.human-landscape h2 em{color:#d1c39b}
.human-landscape .human-land{display:contents}.human-landscape .map-stage{grid-column:2;grid-row:1 / span 4;min-width:0;margin:20px -2vw 0 -55px;align-self:center}
.human-landscape #henanMap{height:clamp(430px,58vh,660px);filter:none;overflow:hidden}.human-landscape .map-boundary{stroke:#d3c59a;stroke-width:.8;opacity:.7}.human-landscape .map-river{stroke:#bed4c9;stroke-width:1.5;opacity:.6}
.human-landscape .map-node circle{stroke:#f2e6c6;fill:#648b79}.human-landscape .map-node[aria-pressed=true] circle{fill:#e6d2a0;stroke:#fff5d7;stroke-width:2}.human-landscape .map-node text{font-size:23px;stroke:#1b382c;stroke-width:3}
.human-landscape .map-caption{border:0;padding:10px 30px 0 65px;margin-top:0;font-size:19px;color:#e1dfc9}.human-landscape .map-caption small{color:#b9c8b9;font-size:12px;margin-top:7px}
.human-landscape .land-notes{grid-column:1;grid-row:3;display:block;border:0;padding:5px 0 0;margin:0;max-width:285px;position:relative}
.human-landscape .land-notes>.eyebrow{font-size:12px;margin:0 0 14px;color:#bfc6b5}.human-landscape .land-stat strong{font-size:clamp(57px,5vw,77px);color:#ded7bf;line-height:1.16}.human-landscape .land-stat p{font-size:12px;margin:6px 0 14px;color:#bdc9b9}
.human-landscape .land-notes>p{font-size:14px;line-height:1.9;margin:15px 0;color:#c4cbbb}.human-landscape .urban-band{margin:20px 0 16px;font-size:12px;gap:8px;max-width:260px}.human-landscape .urban-band b{font-size:13px;font-weight:400;color:#c6bc9d}.human-landscape .urban-band i{height:1px;background:linear-gradient(to right,#c4b78d 59.95%,#b8c5a426 59.95%)}
.human-landscape .land-notes>small{font-size:11px;line-height:1.7;color:#b5c1ae}.human-landscape .small-meter{display:flex;gap:4px;align-items:center;height:20px;margin:13px 0 0}.human-landscape .small-meter span{font-size:10px;margin-right:7px}.human-landscape .small-meter i{height:8px;width:2px;background:#c2b58d}
.human-landscape .map-node[aria-pressed] .map-hit{r:50;fill:transparent;stroke:none;pointer-events:all}.human-landscape .map-node[aria-pressed]:hover .map-hit,.human-landscape .map-node[aria-pressed]:focus-visible .map-hit{r:50;fill:transparent}
@media(min-width:1800px){.human-landscape>.chapter-content{margin-left:18vw;padding-top:170px}.human-landscape .map-stage{margin-left:-25px}.human-landscape #henanMap{height:56vh}}
@media(max-height:800px) and (min-width:761px){.human-landscape>.chapter-content{padding-top:135px;padding-bottom:70px;row-gap:16px}.human-landscape>.chapter-content>h2{font-size:48px}.human-landscape #henanMap{height:480px}.human-landscape .land-stat strong{font-size:62px}.human-landscape .land-notes>p{font-size:13px;margin:12px 0}}
@media(max-width:1100px) and (min-width:761px){.human-landscape>.chapter-content{grid-template-columns:230px 1fr}.human-landscape .map-stage{margin-left:-30px}.human-landscape #henanMap{height:380px}.human-landscape .map-caption{padding-left:25px}}
@media(max-width:760px){.human-landscape>.chapter-content{display:block;margin:0 24px;padding-top:195px;padding-bottom:85px}.human-landscape>.chapter-content>.eyebrow{font-size:12px;margin-bottom:18px;max-width:none}.human-landscape>.chapter-content>h2{font-size:38px}.human-landscape .human-land{display:block}.human-landscape .map-stage{margin:25px -13px 0}.human-landscape #henanMap{height:auto}.human-landscape .map-node text{font-size:28px}.human-landscape .map-caption{padding:12px 13px 0;font-size:17px}.human-landscape .land-notes{max-width:none;margin-top:34px;padding-top:26px;border-top:1px solid var(--hair);display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.human-landscape .land-notes>.eyebrow{grid-column:1/-1;margin:0}.human-landscape .land-stat strong{font-size:55px}.human-landscape .land-notes>p{align-self:center;margin:0;font-size:13px}.human-landscape .urban-band,.human-landscape .land-notes>small{grid-column:1/-1;max-width:none;margin:0}.human-landscape .small-meter{display:none}.human-environment img{object-position:62% center}}

/* v1.0.23 — portrait art direction only. Desktop composition is unchanged. */
@media(max-width:760px){
 :root{--left:24px;--right:24px;--header:calc(60px + env(safe-area-inset-top,0px))}
 .site-header{padding-top:env(safe-area-inset-top,0px)}
 #chapterNav{max-height:calc(100dvh - var(--header));overflow-y:auto;padding:12px 24px calc(24px + env(safe-area-inset-bottom,0px))}
 #chapterNav a{padding:12px 0;font-size:20px;min-height:48px}
 #chapterRail{top:calc(var(--header) + 15px);left:24px;max-width:none;width:calc(100% - 48px);padding:0 0 0 12px;min-height:42px}
 #chapterRail:before{height:74px;background:linear-gradient(#111c19 0 60px,#111c1900 74px)}
 .rail-content{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:8px;min-height:38px}
 .rail-number{margin:0;font-size:11px}.rail-en{display:none}.rail-title{font-size:18px;line-height:1.7;white-space:normal}
 .chapter-content{padding-top:166px;padding-bottom:72px}
 h2,h3,h4{text-wrap:balance}.body-copy{font-size:15px;line-height:1.95}
 .eyebrow{font-size:12px;line-height:1.85;letter-spacing:.04em}
 .line-action,.text-action{min-height:48px}.source-link{min-height:44px;line-height:1.8}
 #entry{overflow-y:auto;overscroll-behavior:contain}
 #entry .entry-photo{--entry-image:url('../images/v1.0.23/entry-portrait.webp');background-position:center;filter:saturate(.78)}
 #entry:after{background:linear-gradient(90deg,#122922a8,transparent 93%),linear-gradient(180deg,#1027234a,transparent 48%,#112523b3)}
 #entry .entry-composition{margin:0 28px;width:calc(100% - 56px);padding-top:max(116px,15svh);padding-bottom:90px;min-height:100svh}
 .entry-mark{width:55px;height:36px;margin-bottom:18px}.entry-composition>.eyebrow{font-size:12px;margin-bottom:26px}
 .entry-title strong{font-size:clamp(100px,29vw,138px);line-height:1.18;margin-bottom:24px}
 .entry-title>span{font-size:20px;line-height:1.85;text-shadow:0 2px 14px #10251f}
 .entry-actions{margin-top:38px;gap:22px;display:grid;grid-template-columns:1fr 1fr}
 .entry-actions .line-action{gap:8px;font-size:15px;justify-content:space-between}.entry-note{font-size:12px;margin-top:20px}
 .entry-coordinate{bottom:max(22px,env(safe-area-inset-bottom));font-size:10px}
 .opening{min-height:100svh}.opening-copy{padding-top:190px;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:90px}
 .opening-copy h2{font-size:36px}.opening .lead{font-size:16px}.opening-image img{object-position:50% 50%;filter:saturate(.75)}
 .opening-image:after{background:linear-gradient(0deg,#102825ed, #10282580 48%,#10282515)}
 .river-shot{padding-top:166px;padding-bottom:85px;min-height:100svh;justify-content:flex-end}.river-shot h2{font-size:32px;line-height:1.6}
 .river-shot .body-copy{font-size:15px;max-width:23em}.river-shade{background:linear-gradient(0deg,#102e3ce6,transparent 72%),linear-gradient(90deg,#092e3966,transparent)}
 .river-geography{gap:28px;padding:35px 0}.river-geography strong{font-size:55px}.river-geography span{font-size:12px}
 .human-landscape>.chapter-content{padding-top:172px;margin:0 24px;padding-bottom:76px}
 .human-environment{height:740px;bottom:auto}.human-environment img{object-position:50% 35%;filter:saturate(.78) brightness(.85)}
 .human-environment:after{background:linear-gradient(0deg,#23372b 0%,#23372b55 40%,#182c2399 100%)}
 .human-landscape>.chapter-content>h2{font-size:37px;line-height:1.55}.human-landscape .map-stage{margin:60px -8px 0}
 .human-landscape .map-caption{font-size:18px;line-height:1.8;padding:15px 8px 0}.human-landscape .map-caption small{font-size:12px}
 .human-landscape .land-notes{margin-top:32px;padding-top:24px}.human-landscape .land-notes>p{font-size:14px}
 .grain-story{margin-top:38px;padding-top:32px}.grain-photo{aspect-ratio:4/3}.grain-photo img{object-position:50% 50%}
 .grain-copy h3{font-size:30px}.grain-copy>p:not(.eyebrow):not(.micro-note){font-size:15px}.grain-data dd{font-size:32px}
 .crop-calendar{grid-template-columns:1fr;gap:0;margin:25px 0}.crop-calendar li{padding:17px 0;display:grid;grid-template-columns:52px 1fr;gap:5px 15px}.crop-calendar span{grid-row:1/3;font-size:13px;line-height:1.8}.crop-calendar strong{margin:0;font-size:16px}.crop-calendar p{font-size:13px;line-height:1.9}
 .micro-note{font-size:12px;line-height:1.9}.note-actions{gap:10px 22px}
 .stone-act{min-height:1040px;display:block;padding-top:0}.stone-act>img{inset:130px 0 auto;height:650px;object-position:50% 50%;filter:brightness(.88) saturate(.72)}
 .stone-act:after{background:linear-gradient(0deg,#171511 20%,transparent 51%,#17151188)}
 .stone-act>.chapter-content{padding-top:770px;padding-bottom:65px}.stone-act .eyebrow{margin-bottom:18px}.stone-act h2{font-size:42px;line-height:1.5}
 .material-act{padding-top:30px;padding-bottom:56px;gap:24px}.material-act h3{font-size:25px;line-height:1.7}.material-tabs button{min-height:64px}.material-tabs span{font-size:16px}#materialCanvas{height:240px}
 .culture-notebook{padding-top:15px;padding-bottom:72px}.culture-heading h3{font-size:30px}.culture-feature figure{aspect-ratio:4/3}.culture-feature img{object-position:center}.culture-feature p{font-size:15px;line-height:1.95}.culture-index{grid-template-columns:1fr;gap:0}.culture-index a{padding:22px 0}.culture-index p{font-size:14px}
 .new-henan{background:#17232b}.new-copy{padding-top:164px;padding-bottom:75px}.new-copy h2{font-size:30px;line-height:1.65}
 .industry-image{top:325px;bottom:auto;height:260px;z-index:0}.industry-image img{object-position:center;filter:brightness(.94) saturate(.74)}
 .industry-image:after{background:linear-gradient(0deg,#17232b,transparent 32%,transparent 80%,#17232b)}
 .new-henan .new-body{margin-top:285px;gap:28px}.technology-index .industry-lines button{min-height:93px;background:none;padding:14px 0;gap:12px}
 .technology-index .industry-lines img{width:90px;flex-basis:90px;height:65px;object-position:center}.technology-index .industry-lines span{font-size:21px}.technology-index .industry-lines small{font-size:12px;line-height:1.7}
 .technology-note{padding:25px 0 0;min-height:0;background:none;border-top:1px solid var(--hair)}.technology-note h3{font-size:29px}.technology-note>p:not(.eyebrow){font-size:15px;line-height:2}.new-copy .technology-footnote{font-size:12px;line-height:1.9}
 .archive-background{height:650px;bottom:auto;background-position:center;background-size:auto 650px;opacity:.4;mask-image:linear-gradient(black,black 50%,transparent)}
 .archive h2{font-size:32px}.archive-columns{gap:44px;margin-top:34px}.archive-chapter-row{gap:13px;min-height:84px}.archive-chapter-row strong{font-size:19px}.archive-chapter-row small{font-size:12px}.row-wave{width:42px}
 .record-station{padding-top:28px}.record-station p{font-size:15px;line-height:1.9}#archiveSystemList{max-height:450px;overscroll-behavior-y:contain}.voice-wall{grid-template-columns:1fr 1fr;padding:12px 0}.voice-wall-node{min-height:74px;font-size:14px}
 .resonance .chapter-content{padding-top:170px;padding-bottom:75px}.resonance h2{font-size:38px}.resonance .body-copy{font-size:15px;line-height:1.9}.resonance .scene-canvas,.resonance .resonance-plate{top:380px;height:285px;opacity:.85}
 .resonance .line-action{margin-top:275px}.mix-controls{grid-template-columns:1fr;gap:12px;margin-top:25px}.mix-controls label{font-size:15px;gap:25px}.mix-controls input{min-height:44px}.mix-controls input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6.5px}.mix-controls input::-moz-range-thumb{width:14px;height:14px}.microscope summary{min-height:48px;padding:10px 0}.microscope label{font-size:14px}.microscope input{min-height:44px}
 .epilogue-image{height:850px;bottom:auto}.epilogue-image img{object-position:center;opacity:.75}.epilogue-image:after{background:linear-gradient(0deg,#0c1110,transparent 65%)}.epilogue-copy{padding-top:240px;padding-bottom:calc(55px + env(safe-area-inset-bottom,0px))}.epilogue h2{font-size:35px}.credits{margin-top:75px}.credits p{font-size:14px;line-height:1.95}
 #guideBar{bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px);font-size:13px}#stopGuide{min-height:32px}
 button:active,.line-action:active{color:#edd4a2}a:focus-visible,button:focus-visible{outline-offset:3px}
}
@media(max-width:360px){.site-header{padding-left:16px;padding-right:16px}.header-actions{gap:8px}.brand{font-size:14px}#entry .entry-composition{margin:0 23px;width:calc(100% - 46px)}.entry-title>span{font-size:18px}.technology-index .industry-lines img{width:74px;flex-basis:74px}.technology-index .industry-lines span{font-size:19px}.new-copy h2{font-size:27px}}
@media(max-width:760px) and (max-height:700px){#entry .entry-composition{padding-top:92px;min-height:650px}.entry-mark{margin-bottom:12px}.entry-composition>.eyebrow{margin-bottom:16px}.entry-title strong{font-size:96px;margin-bottom:15px}.entry-actions{margin-top:24px}.entry-coordinate{display:none}}

@media(max-width:760px){
 .site-header{background:#111c19}
 #entry .entry-photo{background-position:100% center}
 .opening-image img{object-position:100% center}
 #chapterRail .rail-content[style*="position: absolute"]{left:12px!important}
}

/* v1.0.24 — loess, silt and light. Keep the established chapter system. */
.entry-title strong .entry-listen{display:block;font-size:clamp(24px,2.3vw,34px);line-height:1.25;letter-spacing:.16em;margin:0 0 10px;color:#e0cfab;text-shadow:none}
.entry-listen>span{padding-left:.22em;font-size:1em}
#river{background:#3b3023;--river:#dec497;--muted:#e0d5be;--hair:#dac49b70;--gold:#e4be7c}
#river .river-photo{filter:none}#river .river-photo img{object-position:50% 50%}
#river .river-photo:after{display:none}
#river .river-shade{background:linear-gradient(90deg,#201c16b8 0%,#28221675 42%,transparent 78%),linear-gradient(0deg,#362b2180,transparent 48%)}
#river .river-shot h2{font-size:clamp(48px,4.4vw,76px);line-height:1.48;letter-spacing:.025em;color:#faf1dd;text-shadow:0 2px 24px #241c1633}
#river .river-shot h2 em{color:#efd6a6}
#river .river-shot .eyebrow{color:#ecd6ad;letter-spacing:.16em;font-size:12px}
#river .river-shot .body-copy{font-size:17px;line-height:2;color:#eee4cd;max-width:29em}
#river .river-shot .line-action{border-color:#e7cf9b80;color:#fff0d2;min-width:150px}
#river .river-geography strong{color:#f1dfb7}#river .river-geography svg{stroke:#edd2a4;opacity:.45}
#river .river-data h2{font:16px/1.8 system-ui;letter-spacing:.14em;text-shadow:none}
#river .river-distance{border-color:#ecd8b475;color:#f1ddba}#river .river-distance i{background:#f3d394}
#river .source-note{color:#e2d5bf;font-size:13px}#river .yellow-current{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* Small optical refinements outside the focal chapter, not a new layout. */
.brand{white-space:nowrap}.source-link:hover{color:#efcf91;text-decoration-color:currentColor}
.culture-feature figure{background:#29251d}.note-actions .text-action:focus-visible{outline-offset:5px}
@media(min-width:761px) and (max-height:800px){.entry-title strong .entry-listen{font-size:24px;margin-bottom:5px}.entry-composition{padding-top:105px}.entry-title strong{font-size:128px;margin-bottom:18px}.entry-actions{margin-top:22px}}
@media(max-width:760px){
 .entry-title strong .entry-listen{font-size:26px;letter-spacing:.12em;margin-bottom:9px}
 #river .river-shot{padding-top:166px;padding-bottom:90px}
 #river .river-shot h2{font-size:36px;line-height:1.6;letter-spacing:.025em}
 #river .river-shot .eyebrow{font-size:12px;letter-spacing:.08em}
 #river .river-shot .body-copy{font-size:15px;line-height:1.95}
 #river .river-shade{background:linear-gradient(0deg,#34281cce,transparent 83%),linear-gradient(90deg,#382c1d50,transparent 80%)}
 #river .river-data h2{font-size:16px}#river .source-note{font-size:12px}
 #river .river-geography strong{font-size:55px}
}
@media(max-width:760px) and (max-height:700px){.entry-title strong .entry-listen{font-size:22px;margin-bottom:6px}#entry .entry-composition{padding-bottom:75px}.entry-title strong{font-size:86px}}

/* v1.0.25 — Give the sculpture its head, seat and architectural space back. */
#ancient .stone-act{min-height:100svh;background:#181612;overflow:hidden}
#ancient .stone-act>img{object-fit:cover;object-position:70% 50%;filter:none}
#ancient .stone-act:after{background:linear-gradient(90deg,#100f0cbb 0%,#12100d63 36%,transparent 62%),linear-gradient(0deg,#171511 0%,#17151100 16%)}
#ancient .stone-act>.chapter-content{padding-top:170px;padding-bottom:110px;margin-left:clamp(200px,16.8vw,340px);width:39%;max-width:640px}
#ancient .stone-act h2{font-size:clamp(58px,5.6vw,94px);line-height:1.42;letter-spacing:.035em;color:#f1e7d5}
#ancient .stone-act h2 em{color:#d7ba87}
#ancient .stone-act .eyebrow{color:#d1c2a5;font-size:12px;line-height:1.8;letter-spacing:.13em;max-width:24em}
#ancient .stone-act .body-copy{color:#d5cbbb;font-size:16px;line-height:2;max-width:24em}
@media(min-width:761px) and (max-width:1100px){
 #ancient .stone-act{min-height:940px;align-items:flex-end}
 #ancient .stone-act>img{object-position:80% 50%}
 #ancient .stone-act>.chapter-content{margin-left:9%;width:48%;padding-top:280px;padding-bottom:85px}
 #ancient .stone-act:after{background:linear-gradient(90deg,#171511a6,transparent 80%),linear-gradient(0deg,#171511,#17151100 60%)}
 #ancient .stone-act h2{font-size:60px}
}
@media(max-width:760px){
 #ancient .stone-act{display:flex;align-items:stretch;flex-direction:column;min-height:0;overflow:hidden;padding-top:128px}
 #ancient .stone-act>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;z-index:0;filter:none}
 #ancient .stone-act:after{display:none}
 #ancient .stone-act>.chapter-content{position:relative;width:auto;max-width:none;margin:-28px 0 0;padding:0 26px 70px;background:linear-gradient(0deg,#171511 90%,#17151100);z-index:1}
 #ancient .stone-act h2{font-size:42px;line-height:1.48;margin-top:18px}
 #ancient .stone-act .eyebrow{font-size:11px;max-width:none;color:#d1bc94}
 #ancient .stone-act .body-copy{font-size:15px;line-height:1.95}
}

/* Keep photographic whitewater legible and unfiltered, with quiet editorial copy. */
#river{background:#302b25;--river:#ded3bc;--muted:#e4ded1;--gold:#d7c1a0}
#river .river-photo{filter:none;background:#4d453b}
#river .river-shade{background:linear-gradient(90deg,#1e201dd9 0%,#292a236e 35%,transparent 68%),linear-gradient(0deg,#24241f88,transparent 28%)}
#river .river-shot h2{color:#f6f0e4;text-shadow:0 2px 28px #1d1d1666}
#river .river-shot h2 em{color:#e4d0ad}
#river .river-shot .body-copy{color:#f1ebdc;text-shadow:0 1px 10px #16191566}
#river .river-shot .eyebrow{color:#e3d7bd}
#river .river-shot .line-action{border-color:#f1dfbb77}
@media(max-width:760px){
 #river .river-shade{background:linear-gradient(0deg,#22251de8 0%,#22251d94 34%,#22251d18 69%,transparent 85%)}
 #river .river-shot .body-copy{font-size:15px;max-width:22em}
 #river .river-shot h2{font-size:36px;line-height:1.5}
}

/* v1.0.29: natural motion and quiet, consistent editorial details. */
:root{--hair:rgba(218,213,188,.2);--muted:#c2c6b8}
.chapter h2{letter-spacing:-.025em;text-wrap:balance}.hover-type,h3,.rail-title{--type-bright:1;filter:brightness(var(--type-bright))}
.eyebrow{letter-spacing:.08em}.body-copy{line-height:1.95}.chapter-content .source-note,.micro-note{color:#bdc2b1}
.opening-image,.human-environment,.epilogue-image{overflow:hidden}.opening-image img,.human-environment img,.epilogue-image img{width:calc(100% + 16px);height:calc(100% + 16px);max-width:none;margin:-8px;object-fit:cover}
.river-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;pointer-events:none;z-index:1}.river-film-ready .river-film{opacity:1}
#river .river-photo{overflow:hidden;background:#665d48}#river .river-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#18201df0 0%,#19211ca0 38%,#17201b16 72%),linear-gradient(0deg,#1c241c66,transparent 45%)}
#river .river-shot h2{font-size:clamp(42px,4.2vw,68px);line-height:1.5}#river .river-shot h2 em{color:#dcc9a3}#river .river-shot .body-copy{color:#e6e8da}
.river-origin{position:absolute;right:3.5vw;bottom:24px;z-index:3;font-size:11px;letter-spacing:.05em;color:#eee9db;text-shadow:0 1px 8px #15201c;pointer-events:none}
.river-play-retry{position:absolute;z-index:4;right:3.5vw;bottom:64px;color:#f2e9d1;border:1px solid #ded6b988;padding:12px 18px;background:#17211caa;min-height:44px}.river-play-retry[hidden]{display:none}
body[data-chapter=river] #journeyLine{opacity:0!important}.opening .scene-canvas{opacity:.22}
.map-river{stroke-dasharray:7 3;animation:map-current 10s linear infinite;animation-play-state:paused}.ambient-visible .map-river{animation-play-state:running}
.map-node[aria-pressed=true]>circle:not(.map-hit){animation:map-breath 4s ease-in-out infinite;animation-play-state:paused}.ambient-visible .map-node[aria-pressed=true]>circle:not(.map-hit){animation-play-state:running}
@keyframes map-current{to{stroke-dashoffset:-80}}@keyframes map-breath{50%{stroke-width:4;stroke:#e6d8b070}}
.grain-photo img{transform-origin:50% 85%}.crop-calendar li{transition:border-color .45s,background .45s}.crop-calendar li:hover{border-color:#dac39b;background:#dbc49808}
.stone-daylight{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.12;background:linear-gradient(110deg,transparent 30%,#e9dcb515 53%,transparent 78%);mix-blend-mode:screen}
.stone-act .chapter-content{z-index:2}.material-tabs button{transition:color .4s,border-color .4s,background .4s}.material-tabs button:hover,.material-tabs button.is-active{background:#c4ab7d08}
.new-current{position:absolute;right:0;top:150px;width:54%;height:180px;pointer-events:none;z-index:1;opacity:.26}.new-current path{fill:none;stroke:#c0cbbe;stroke-width:.65;stroke-dasharray:1 21;stroke-linecap:round;animation:new-current 24s linear infinite;animation-play-state:paused}.new-current path:nth-child(2){stroke:#d6c291;animation-duration:31s}.ambient-visible .new-current path{animation-play-state:running}@keyframes new-current{to{stroke-dashoffset:-440}}
.technology-note{background:linear-gradient(110deg,#152622e6,#15262291);border-top-color:#c4c8b047;border-left:1px solid #c4c8b029;padding:30px}.technology-note .tech-listen{line-height:1.8}.technology-index .industry-lines button{position:relative}.technology-index .industry-lines button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d8c096;transform:scaleX(0);transform-origin:left;transition:transform .65s}.technology-index .industry-lines button:hover:after,.technology-index .industry-lines button[aria-pressed=true]:after{transform:scaleX(1)}
.archive-heading{position:relative}.archive-reels{display:inline-flex;align-items:center;gap:8px;margin-left:16px;vertical-align:middle;color:#c7b78b}.archive-reels>i{width:19px;height:19px;border:1px solid currentColor;border-radius:50%;background:conic-gradient(transparent 0deg 80deg,currentColor 80deg 88deg,transparent 88deg 200deg,currentColor 200deg 208deg,transparent 208deg 320deg,currentColor 320deg 328deg,transparent 328deg);animation:reel-turn 17s linear infinite;animation-play-state:paused}.archive-reels>span{width:24px;height:1px;background:currentColor;opacity:.4}.ambient-visible .archive-reels>i{animation-play-state:running}@keyframes reel-turn{to{transform:rotate(360deg)}}
.record-preview{border-top-color:#c2b99555}.archive-chapter-row{transition:background .4s,color .4s,transform .4s}.archive-chapter-row[aria-pressed=true]{background:#d1c09207}.mix-controls label{transition:color .4s}.mix-controls label:focus-within{color:#e6d1a6}
.epilogue .credits{max-width:40em}.epilogue-copy>h2{line-height:1.6}.credits a{transition:color .4s}.credits a:hover{color:#e7d4ad}
@media(max-width:760px){
 .river-origin{right:20px;bottom:18px;font-size:10px}#river .river-shade{background:linear-gradient(0deg,#17211fe8 0%,#17211fbb 34%,#17211f18 72%,transparent 86%)}#river .river-shot h2{font-size:36px;line-height:1.5}
 .technology-note{padding:24px 20px}.new-current{width:70%;top:185px;opacity:.15}.archive-reels{display:none}.stone-daylight{opacity:.1}.chapter .body-copy{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.map-river,.map-node>circle,.new-current path,.archive-reels>i{animation:none}.river-film{transition:none}}
body.static-review .map-river,body.static-review .map-node>circle,body.static-review .new-current path,body.static-review .archive-reels>i{animation:none}
body.ambient-paused .new-current path,body.ambient-paused .map-river,body.ambient-paused .archive-reels i{animation-play-state:paused!important}

/* v1.0.30 — scenes with a subject, rather than an overlay of unrelated effects. */
:root{--life-accent:#e1c999}.life-owner{overflow:hidden}.life-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.grain-photo,.culture-feature figure{position:relative;isolation:isolate}.human-environment .life-canvas{z-index:2}.stone-act>.life-canvas{z-index:1;opacity:.7}.industry-image>.life-canvas{z-index:2;opacity:.65}.epilogue-image>.life-canvas{z-index:2}
.chapter h2,.chapter h3,.chapter h4,.chapter p,.chapter .land-stat strong{transition:color .5s ease,text-shadow .65s ease}.life-text-lit{color:#f5dfad!important;text-shadow:0 0 24px #e0c99522}.chapter h2.life-text-lit em{color:#f4db9e}.chapter h2 em{transition:color .65s}.rail-title.life-text-lit{color:#f4db9e}.eyebrow{font-weight:500}.chapter h2{font-weight:400}.body-copy,.lead{text-wrap:pretty}.source-link{font-size:12px;line-height:1.8}
.chapter .line-action{transition:color .5s,border-color .5s,background .5s}.chapter .line-action:hover{border-color:#e5d3aa;background:linear-gradient(90deg,#e0c9950b,transparent)}.chapter .line-action span{transition:transform .6s}.chapter .line-action:hover span{transform:translate(3px,-2px)}
.human-landscape .grain-story{border-top-color:#d2c9ab44}.grain-photo img{filter:saturate(.85)}.grain-copy h3{font-size:clamp(29px,2.5vw,40px);line-height:1.45}.grain-calendar span{font-variant-numeric:tabular-nums}
.culture-feature{grid-template-columns:minmax(0,1.42fr) minmax(230px,.85fr);gap:42px;align-items:center;padding-top:38px;padding-bottom:38px;border-top:1px solid #d3b99138;border-bottom:1px solid #d3b99126}.culture-feature figure{margin:0;aspect-ratio:3/2;background:#28211f}.culture-feature figure img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;filter:none}.culture-feature figure:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#2c211c33,transparent 55%)}.culture-feature h4{font-size:clamp(29px,2.6vw,40px);font-weight:400;letter-spacing:.02em;margin:15px 0 22px}.culture-feature p{font-size:15px;line-height:2;color:#d6cfc0}.culture-feature .culture-context{font-size:12px;color:#bdb3a1;margin-top:20px}.culture-feature .place-coordinate{color:#d3b68a;letter-spacing:.1em}.culture-feature .note-actions{flex-wrap:wrap;gap:14px 22px;margin-top:24px}.culture-index{margin-top:32px}.stone-daylight{background:linear-gradient(115deg,transparent 37%,#dbad7317 54%,transparent 75%)}
.new-current{opacity:.12}.technology-note{border-left:1px solid #d2c8ab55;background:linear-gradient(115deg,#172922ef,#172922ad);padding:32px 34px}.technology-note h3{font-size:clamp(26px,2.3vw,36px);line-height:1.6;text-wrap:balance}.technology-note p{max-width:36em}.industry-lines button[aria-pressed=true]{background:linear-gradient(90deg,#d6c2910b,transparent)}.industry-lines button img{transition:filter .6s;filter:saturate(.78)}.industry-lines button:hover img,.industry-lines button[aria-pressed=true] img{filter:saturate(1)}
.archive-reels>i{width:28px;height:28px}.archive-reels>span{width:31px}.archive-heading{align-items:center}.live-instrument{display:flex;gap:24px;align-items:center;border-top:1px solid #c0c4ae23;border-bottom:1px solid #c0c4ae23;margin:14px 0 20px;padding:14px 0}.live-instrument>span{font-size:11px;letter-spacing:.12em;color:#bcb79d;flex-shrink:0}.live-instrument>div{display:flex;gap:5px;align-items:center;height:28px;flex:1}.live-instrument i{height:28px;width:2px;background:#b1c7b4;transform:scaleY(.12);transition:transform .15s linear;transform-origin:center}.record-station{border-left:1px solid #c3c2a733;padding-left:30px}.record-station>p{font-size:15px;line-height:1.9;max-width:26em}.record-preview{background:radial-gradient(ellipse at 45% 50%,#c5b58908,transparent 70%)}
.resonance-plate{opacity:.78}.mix-controls{border-top:1px solid #c9c0a133;padding-top:24px}.mix-controls label{font-size:15px}.mix-controls input{accent-color:#d8bd88}.microscope{margin-top:28px}.epilogue-copy h2{line-height:1.6}.credits{max-width:42em}.credits summary{min-height:44px;padding:12px 0;font-size:14px}.credits p{font-size:13px;line-height:1.9}.credits a{display:inline-block;min-height:36px;margin-right:20px;font-size:12px}
@media(min-width:1800px){.culture-feature{gap:60px}.culture-feature figure{aspect-ratio:16/10}}
@media(max-width:1100px) and (min-width:761px){.culture-feature{grid-template-columns:1.15fr 1fr;gap:26px}.culture-feature p{font-size:14px}.technology-note{padding:26px}.record-station{padding-left:22px}}
@media(max-width:760px){.life-signal{opacity:.45}.culture-feature{display:block;padding-top:27px;padding-bottom:30px}.culture-feature figure{aspect-ratio:790/1024;margin:0 -24px 29px;max-height:590px}.culture-feature figure img{object-position:center}.culture-feature>div{padding:0}.culture-feature h4{font-size:32px;margin:12px 0 18px}.culture-feature p{font-size:15px}.culture-feature .note-actions{margin-top:19px}.grain-copy h3{font-size:29px}.technology-note{padding:25px 22px;margin-top:24px}.technology-note h3{font-size:27px}.live-instrument{gap:14px}.live-instrument>div{gap:6px}.live-instrument i{width:2px}.record-station{border-left:0;padding-left:0}.archive-reels{display:none}.credits{max-width:none}.credits a{margin-right:15px}.mix-controls{padding-top:22px}.epilogue-copy h2{font-size:35px}.life-wheat{opacity:.7}}
@media(prefers-reduced-motion:reduce){.life-canvas{display:none}.live-instrument i{transition:none}.chapter h2,.chapter h3,.chapter h4,.chapter p,.chapter .line-action{transition:none}}
body.static-review .life-canvas{display:none}
.human-environment>.life-wheat{height:min(100%,90svh)}

/* v1.0.31 — attentive onboarding and living photographic depth. */
.sound-coach{position:fixed;z-index:110;top:calc(var(--header) + 12px);right:75px;width:250px;display:flex;align-items:flex-start;gap:7px;padding:15px 12px 15px 19px;color:#ede6d3;background:#22362ff7;border:1px solid #dac59366;box-shadow:0 8px 25px #09110e44}.sound-coach[hidden]{display:none}.sound-coach:before{content:'';position:absolute;right:43px;top:-6px;width:10px;height:10px;background:#22362f;transform:rotate(45deg);border-top:1px solid #dac59366;border-left:1px solid #dac59366}.sound-coach-action{text-align:left;flex:1;min-height:46px;color:inherit}.sound-coach-action>span{display:block;font-size:15px;line-height:1.6}.sound-coach-action small{display:block;margin-top:5px;color:#c0c9b9;font-size:11px;line-height:1.65}.sound-coach-close{min-width:44px;min-height:44px;font-size:20px;line-height:1}.sound-coach-close:hover{color:#f2d7a0}.sound-coach-open #soundToggle{color:#f5d69c;position:relative}.sound-coach-open #soundToggle:after{content:'';position:absolute;inset:0 -8px;border:1px solid #d2ba854a;pointer-events:none;animation:sound-invite 2.8s ease-in-out 3}@keyframes sound-invite{50%{opacity:.3;transform:scale(1.06)}}
.atmosphere-backdrop{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;isolation:isolate}.atmosphere-backdrop img{width:calc(100% + 28px);height:calc(100% + 28px);margin:-14px;max-width:none;object-fit:cover}.atmosphere-backdrop:after{content:'';position:absolute;inset:0;pointer-events:none}.atmosphere-resonance img{object-position:65% center;filter:saturate(.60) brightness(.82)}.atmosphere-resonance:after{background:linear-gradient(90deg,#10201cea 0%,#10201c9c 43%,#13221c20 75%),linear-gradient(0deg,#15231dc9,transparent 65%)}#resonance{background:#17281f;isolation:isolate}.resonance-plate{stroke:#ebce96;opacity:.85}.resonance-plate use{stroke-width:.8}.resonance.is-resonating .resonance-plate{opacity:.55}.resonance .chapter-content{position:relative;z-index:2}.resonance .body-copy{color:#e2e6d9}.resonance .mix-controls{background:#10251c44;padding:20px 14px 4px;margin-left:-14px}.resonance .microscope{background:#10251c33;padding:0 10px;margin-left:-10px}
.atmosphere-material{inset:0 calc(-1 * var(--right)) 0 calc(-1 * var(--left));opacity:.45}.atmosphere-material img{object-position:0 50%;filter:saturate(.35)}.atmosphere-material:after{background:linear-gradient(90deg,#171d18eb 15%,#171d1899 48%,#171d1844 100%)}.material-act{isolation:isolate}.material-act:before{opacity:.2}.material-act #materialCanvas{opacity:.65}.material-act .body-copy{max-width:28em}.material-tabs{gap:12px 26px}.material-tabs button{min-height:44px}
.atmosphere-archive img{object-position:72% center;filter:saturate(.58)}.atmosphere-archive:after{background:linear-gradient(90deg,#10231fed 5%,#10231fc9 49%,#10231f99 100%),linear-gradient(0deg,#12241de3,transparent 60%)}#archive .archive-background{background:none!important}.record-preview{background:#172b2155}.archive-columns{gap:36px}
.atmosphere-entry-light{position:absolute;inset:0;opacity:.10;background:radial-gradient(ellipse at 82% 33%,#ebcc9733,transparent 60%);pointer-events:none}.stone-act,.industry-image{overflow:hidden}.stone-act>img,.industry-image img{width:calc(100% + 28px);height:calc(100% + 28px);max-width:none;margin:-14px;object-fit:cover}.culture-feature figure img{width:calc(100% + 16px);height:calc(100% + 16px);max-width:none;margin:-8px}.opening .lead{font-size:18px}.chapter h2{text-wrap:balance}.chapter .eyebrow{line-height:1.8}.body-copy{color:#d8dece}.source-link{opacity:.84}.source-link:hover{opacity:1}
@media(max-width:760px){.sound-coach{right:58px;top:calc(var(--header) + 8px);width:228px;padding:12px 10px 12px 16px}.sound-coach:before{right:40px}.sound-coach-action>span{font-size:14px}.sound-coach-action small{font-size:11px}.sound-coach-open:not(.at-entry) #chapterRail{transform:translateY(80px)}#chapterRail{transition:transform .5s ease}.atmosphere-resonance img{object-position:60% center;filter:saturate(.60) brightness(.72)}.atmosphere-resonance:after{background:linear-gradient(0deg,#17281fdc 0%,#17281fb8 48%,#17281f44 100%)}.resonance-plate{opacity:.65}.atmosphere-archive:after{background:linear-gradient(0deg,#152a23f2 0%,#152a23d9 65%,#10241ba0)}.atmosphere-archive img{object-position:64% top}.material-act .atmosphere-material{opacity:.32}.opening .lead{font-size:16px}.archive-columns{gap:30px}.resonance .mix-controls{padding:18px 12px 4px;margin-left:-12px}.resonance .chapter-content{padding-bottom:65px}}
@media(max-width:360px){.sound-coach{right:18px;width:calc(100% - 42px)}.sound-coach:before{right:88px}}
@media(prefers-reduced-motion:reduce){.sound-coach-open #soundToggle:after{animation:none}#chapterRail{transition:none}}
/* A transformed rail contains fixed descendants. Keep its veil local to the title. */
@media(max-width:760px){.sound-coach-open:not(.at-entry) #chapterRail:before{position:absolute;top:-8px;left:-24px;right:-24px;height:calc(100% + 16px);background:linear-gradient(0deg,#111c1900,#111c19b8 35%,#111c19b8 70%,#111c1900)}}

/* v1.0.32 — editorial rhythm and consistent tactile feedback. */
:root{--warm-focus:#ead4a3}.site-header{border-bottom-color:#d8cba324;background:#111e1bef}.site-header .brand{letter-spacing:.015em}.site-header .brand span{color:#b7c2b7}
@media(min-width:1100px){#currentChapter{display:block;position:absolute;left:50%;transform:translateX(-50%);max-width:34%;white-space:nowrap;font-size:12px;letter-spacing:.09em;color:#d4ccad}#currentChapter:before{content:'';display:inline-block;width:24px;height:1px;background:#c2b18b66;vertical-align:middle;margin-right:15px}}
.chapter h2{line-height:1.42;letter-spacing:-.035em}.chapter h3{letter-spacing:-.025em}.chapter h4{font-family:var(--serif)}.chapter p{line-height:1.95}.body-copy,.lead{max-width:30em}.eyebrow{color:#c8ccbd;letter-spacing:.06em}.source-link,.source-note,.micro-note,.technology-footnote{font-size:13px;line-height:1.9}.hover-type,h3,.rail-title{filter:none}.life-text-lit{color:#efdab0!important;text-shadow:none!important}.rail-content{backface-visibility:hidden}.rail-title{line-height:1.65;letter-spacing:.025em}.rail-en{letter-spacing:.10em;color:#b9c6b8}
.line-action,.text-action{position:relative;transition:color .45s,border-color .45s}.line-action:after,.text-action:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--warm-focus);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,.7,.2,1);pointer-events:none}.line-action:hover:after,.text-action:hover:after,.line-action:focus-visible:after,.text-action:focus-visible:after{transform:scaleX(1)}.chapter .line-action:hover{background:none}
button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:1px solid #ead4a3;outline-offset:5px}.mix-controls label{transition:color .4s}.mix-controls label:hover,.mix-controls label:focus-within{color:#f1dab0}
#chapterNav{width:min(460px,100%);padding:22px 34px 30px;border-left:1px solid #d7cda322;background:#15241ff5;box-shadow:-14px 18px 30px #07100d20}#chapterNav a{position:relative;min-height:51px;display:flex;align-items:center;border-bottom:1px solid #cec4a31c;transition:color .4s,background .4s}#chapterNav a:hover,#chapterNav a:focus-visible,#chapterNav a[aria-current]{color:#efd4a0;background:#e3cda607}#chapterNav a[aria-current]:after{content:'·';position:absolute;right:4px;color:#ead3a0;font-size:25px}
.technology-note{background:#11231eea;border:0;border-top:1px solid #d1c39755;padding:29px 32px}.technology-note h3{font-size:clamp(27px,2.3vw,36px);line-height:1.55;color:#f0eddf}.technology-note p{color:#d4ddcc;text-shadow:none;line-height:2}.technology-note .tech-listen{border-left-color:#d6bf8c;font-size:14px;color:#e0d5b8}.technology-note .eyebrow{font-size:12px;color:#c6bc9a}.technology-note .source-link{color:#c5cbbb;opacity:1}.industry-lines button small{font-size:12px;line-height:1.8;color:#c8d0be}.industry-lines button i{font-style:normal;font-size:20px}.industry-lines button[aria-pressed=true]{color:#e9cd97;background:#d4bf8b09}.technology-footnote{max-width:65em;color:#bdc5b6}.new-current{opacity:.08}.life-signal{opacity:.4}
.archive-chapter-row{min-height:86px;position:relative;border-bottom-color:#cecca525}.archive-chapter-row[aria-pressed=true]{background:linear-gradient(90deg,#e6cf9c0e,transparent);color:#efd3a0}.archive-chapter-row em{font-style:normal;color:#b9d1bd}.archive-now-playing,.listen-status{line-height:1.85}.record-preview p{color:#d4d2bb}.live-instrument{padding:12px 0}.live-instrument>span{font-size:12px;letter-spacing:.055em}
.culture-feature .culture-context{font-size:13px;line-height:1.95}.crop-calendar li{border-top-color:#d7c59333}.crop-calendar li:hover{background:#decdab06}.crop-calendar li strong{color:#e0d7bd}.culture-index button,.material-tabs button{min-height:48px}.material-tabs button.is-active{color:#e8d4a7;border-color:#d0b98470}.material-tabs span{line-height:1.8}.resonance .mix-controls{background:#10251c22}.resonance .microscope{background:none}.epilogue .credits{border-top:1px solid #c8c0a329;padding-top:12px}
.river-distance #riverDistance{left:0!important;width:100%;height:1px;background:linear-gradient(90deg,#d6be91,#e9d3a4 70%,transparent);transform-origin:left;transform:scaleX(var(--river-progress,0))!important}
@media(min-width:1800px){.chapter-content{max-width:1390px}.chapter h2{font-size:clamp(58px,3.6vw,72px)}.technology-note p{max-width:34em}}
@media(max-width:760px){.site-header{background:#11201b}.site-header .brand{font-size:16px}.rail-title{font-size:18px;line-height:1.75}.chapter h2{letter-spacing:-.045em;line-height:1.52}.chapter p{line-height:1.95}.eyebrow{font-size:12px}.source-link,.source-note,.micro-note,.technology-footnote{font-size:12px}.technology-note{padding:25px 22px;background:#10251fed}.technology-note h3{font-size:27px}.technology-note p{font-size:15px;line-height:2}.industry-lines button{min-height:84px}.industry-lines button small{font-size:12px}.technology-footnote{margin-top:25px}.archive-chapter-row{min-height:80px}.live-instrument>span{font-size:11px}#chapterNav{padding:20px 25px 28px;width:100%;box-shadow:none}#chapterNav a{min-height:50px}.culture-feature .culture-context{font-size:12px}.resonance .mix-controls{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.line-action:after,.text-action:after{transition:none}}
.opening{--next-scene:#292e24}.ancient{--next-scene:#13231e}.archive{--next-scene:#14251d}.chapter:after{height:clamp(96px,12svh,140px)}
#henanMap .map-node text{font-size:22px;stroke:#14251ba6;stroke-width:2px;paint-order:stroke;letter-spacing:.02em}@media(max-width:760px){#henanMap .map-node text{font-size:29px}}

/* v1.0.33 — a tactile, image-led sonic exhibition. */
:root{--gold:#d0b781;--hair:#d5c9a42e;--type-ink:#f0d7a2;--body:clamp(15px,1.04vw,18px)}
.type-word{display:inline-block;white-space:nowrap}.type-glyph{display:inline-block;vertical-align:baseline;transform-origin:50% 85%;font:inherit;color:inherit;letter-spacing:inherit}.kinetic-type{overflow:visible!important}.kinetic-surface{transition:color .45s ease,translate .55s cubic-bezier(.22,.7,.2,1)}
.scenic-depth{translate:var(--scene-x,0px) var(--scene-y,0px)}
.kinetic-type .type-run,.kinetic-type .type-word,.kinetic-type .type-glyph{font:inherit!important;letter-spacing:inherit!important;color:inherit;margin:0!important;padding:0!important;border:0!important;background:none!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important}.kinetic-type .type-run{display:inline}.kinetic-type .type-word{display:inline-block}.kinetic-type .type-glyph{display:inline-block}.line-action .type-run,.line-action .type-word{transform:none!important}.type-run{white-space:inherit}
@media(hover:hover) and (pointer:fine){.type-active>.type-glyph,.type-active .type-glyph{animation:type-ripple .95s cubic-bezier(.25,.7,.3,1) var(--type-delay,0s) both}.kinetic-type.type-active{color:var(--type-ink)}.kinetic-surface.type-active{color:var(--type-ink);translate:2px -1px}.kinetic-surface.type-active em{color:#edd19e}.kinetic-type.type-active em{color:#edc78d}.rail-title.type-active .type-glyph{animation-name:type-whisper}.source-link.type-active{translate:2px 0}.entry-title .type-active .type-glyph{animation-name:type-relief}}
@keyframes type-ripple{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-.11em) rotate(-1.2deg)}62%{transform:translateY(.015em)}}
@keyframes type-whisper{0%,100%{transform:translateY(0)}42%{transform:translateY(-3px)}}
@keyframes type-relief{0%,100%{transform:translateY(0) rotateX(0)}40%{transform:translateY(-.045em) rotateX(7deg)}}
.chapter h2{letter-spacing:-.02em;line-height:1.42}.chapter h3{line-height:1.5}.chapter .eyebrow{letter-spacing:.09em;color:#d1c9ad;margin-bottom:30px}.chapter p{line-height:2}.chapter .body-copy{max-width:28em;color:#e0e2d3}.chapter-content{padding-bottom:120px}.chapter h2 em{color:#d3bd8e}
.site-header{background:#10201bef;border-bottom:1px solid #d9caa733}.brand{letter-spacing:.03em}.brand i{box-shadow:0 0 0 5px #d2b77f08}.header-actions{gap:32px}#soundToggle{min-height:44px}.site-header #currentChapter{color:#d9d4bb}.rail-number{font-size:12px;letter-spacing:.2em;color:#dbc288}.rail-en{font-size:11px;letter-spacing:.12em;margin:9px 0 12px}.rail-title{font-weight:400;font-size:21px;line-height:1.65}.rail-title .type-glyph{min-height:1em}
.line-action{border-color:#d6bd875c;gap:54px}.line-action span{font-size:24px}.line-action:active,.text-action:active{translate:0 1px}.line-action:hover span{transform:translate(5px,-2px)}.text-action{letter-spacing:.05em}.source-link{text-decoration-color:#d0b78250;text-underline-offset:7px}
#entry .entry-composition{padding-bottom:65px}.entry-composition>.eyebrow{letter-spacing:.09em;color:#d1d5bc}.entry-title strong{letter-spacing:-.07em}.entry-title .entry-listen{letter-spacing:.08em}.entry-title>span{line-height:1.7}.entry-actions{border-top:1px solid #e0cea333;padding-top:16px;max-width:440px}.entry-actions .line-action{min-width:165px}.entry-note{color:#c6cebd}.entry-mark{stroke:#dac48c}.entry-relief{text-shadow:1px 2px 0 #b3ad9166,4px 8px 18px #09232050}.opening-copy .lead{max-width:27em;font-size:19px;line-height:1.9}.opening-copy h2{font-size:clamp(48px,5.05vw,80px)}
.human-landscape>.chapter-content>h2{font-size:clamp(38px,3.6vw,62px);max-width:15em}.human-landscape>.chapter-content>h2>.type-run,.human-landscape>.chapter-content>h2>em{white-space:nowrap}.human-landscape .human-land{gap:6vw;margin-top:50px}.human-landscape .map-stage{margin-top:-70px}.human-landscape .land-notes{padding-right:32px;border-right-color:#d8cea137}.map-caption{font-size:23px;color:#ede0bf}.map-caption small{font-size:13px;color:#b8c6b0}.urban-band b{font-weight:500;color:#d5c38f}.urban-band i{height:2px}.land-stat strong{font-size:clamp(60px,5.2vw,84px);color:#eee3bd}.small-meter{gap:13px}.grain-story{margin-top:88px;padding-top:55px}.grain-photo{aspect-ratio:4/4.5}.grain-photo figcaption{font-size:28px}.grain-copy h3{font-size:clamp(34px,3vw,47px)}.grain-copy>p:not(.eyebrow):not(.micro-note){font-size:16px;line-height:2}.crop-calendar strong{font-size:16px;line-height:1.65}.crop-calendar li{transition:translate .5s,color .4s}.crop-calendar li:hover{translate:0 -3px;background:none}
.culture-heading{margin-bottom:45px}.culture-heading h3{font-size:clamp(34px,3.2vw,49px)}.culture-feature{gap:5vw;grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr);padding:44px 0}.culture-feature figure{aspect-ratio:4/3}.culture-feature h4{font-size:clamp(32px,3.1vw,45px);margin:18px 0 24px}.culture-feature .place-coordinate{color:#dec18a;letter-spacing:.1em}.culture-feature p{color:#ddd6c6}.culture-index a{border-top-color:#d6bc853d}.culture-index strong{font-size:28px}.culture-index p{color:#c0c6b8}.material-tabs{gap:12px 28px}.material-tabs button{padding:17px 0;min-height:67px}.material-tabs b{color:#cdbc94}.material-tabs button:hover b{color:#f0d7a2}.material-tabs span{font-size:17px}
/* Technology is an editorial index, not a floating presentation card. */
.new-copy{padding-top:156px}.new-copy h2{font-size:clamp(46px,4.15vw,65px);max-width:15em}.new-copy h2 em{color:#ced7c7}.new-henan .new-body{grid-template-columns:minmax(270px,.85fr) minmax(0,1.2fr);gap:7vw;margin-top:58px;align-items:start}.industry-image:after{background:linear-gradient(90deg,#12211fef 0%,#12211fcc 49%,#12211f33 86%),linear-gradient(0deg,#15241fe6,transparent 82%)}.technology-note{background:none;border:0;border-left:1px solid #dec6974a;padding:4px 0 0 38px;max-width:560px;margin-top:6px;min-height:0}.technology-note h3{font-size:clamp(31px,2.7vw,42px);line-height:1.5;color:#ede7d6;margin:16px 0 24px}.technology-note>p:not(.eyebrow){font-size:16px;line-height:2;color:#e0e2d5}.technology-note .tech-listen{margin:28px 0 22px;padding:14px 0;border-top:1px solid #d7c79c30;border-bottom:1px solid #d7c79c30;border-left:0;color:#d6c69e;font-size:13px}.technology-index .industry-lines button{min-height:96px;gap:17px;padding:15px 0}.technology-index .industry-lines img{width:90px;flex-basis:90px;height:62px;border-radius:1px}.technology-index .industry-lines span{font-size:23px}.technology-index .industry-lines small{font-size:12px;color:#bbc8ba}.technology-index .industry-lines b{font-size:12px;align-self:flex-start;padding-top:3px}.industry-lines button[aria-pressed=true]{background:none}.industry-lines button[aria-pressed=true] img{outline:1px solid #e1c59177;outline-offset:3px}.technology-index .economy{display:grid;grid-template-columns:1fr auto;gap:6px 24px;margin-top:25px;padding-top:22px}.technology-index .economy>.eyebrow,.technology-index .economy>span{grid-column:1/-1}.technology-index .economy>div{font-size:44px}.technology-index .economy>p:not(.eyebrow){font-size:13px;align-self:center}.technology-footnote{padding-top:16px;border-top:1px solid #cabc9630;max-width:82em}
/* The sound drawer has a distinct reading rhythm and a lighter recording station. */
.archive h2{font-size:clamp(46px,4.4vw,69px)}.archive-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:6vw;margin-top:58px}.archive-heading h3{font-size:30px}.archive-heading>span{font-size:48px}.archive-reels{opacity:.55}.archive-chapter-row{padding:19px 3px 19px 0;gap:20px;min-height:88px}.archive-chapter-row strong{font-size:22px;letter-spacing:.015em}.archive-chapter-row small{font-size:12px;margin-top:6px;line-height:1.8}.archive-views{gap:28px;margin-top:25px}.archive-views button{min-height:47px}.live-instrument{border-top-color:#cbb98c29;border-bottom-color:#cbb98c29;padding:14px 0}.live-instrument i{background:#ceb98a}.record-station{padding-left:32px;border-left-color:#d7c29835}.record-station h3{font-size:30px}.record-station>p{color:#d3d8c7;line-height:2}.record-station #recordButton{width:100%;margin:20px 0 5px}.record-preview{padding:25px 0;background:none;border-top:1px solid #d3c39c42}.record-preview p{font-size:21px;color:#d7c9a9}.record-preview canvas{width:92px;height:92px}.record-station #recordStatus{font-size:13px;color:#adbeb0}.atmosphere-archive:after{background:linear-gradient(90deg,#10231fed 0%,#10231fc9 54%,#10231f88 100%),linear-gradient(0deg,#12241de3,transparent 60%)}
.resonance .chapter-content{max-width:390px}.resonance h2{font-size:clamp(50px,4.2vw,70px)}.resonance .mix-controls{border-top:1px solid #d4c0944d;border-bottom:1px solid #d4c09425;padding:23px 0 20px;background:none;margin-left:0;gap:19px 28px}.mix-controls label{font-size:14px;color:#d3d3bd}.resonance .microscope{background:none;margin-left:0;padding:10px 0}.resonance .line-action{width:100%;min-width:0}.epilogue-copy h2{letter-spacing:.01em;line-height:1.55}.epilogue .credits{font-size:14px}.epilogue .credits summary{color:#d7c496}.epilogue .credits p{color:#bbc6b8}.epilogue-image img{opacity:.78}
@media(min-width:1800px){:root{--left:20vw;--right:7vw}.chapter-content{max-width:1400px}.new-copy h2{font-size:72px}.human-landscape .human-land{grid-template-columns:minmax(230px,.72fr) minmax(0,2.2fr)}.technology-note{max-width:570px}}
@media(min-width:761px) and (max-width:1100px){.new-henan .new-body{gap:30px;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr)}.technology-note{padding-left:24px}.technology-note h3{font-size:29px}.technology-index .industry-lines img{width:63px;flex-basis:63px;height:49px}.technology-index .industry-lines span{font-size:19px}.culture-feature{grid-template-columns:1fr;gap:28px}.archive-columns{gap:30px}.archive-chapter-row strong{font-size:19px}.record-station{padding-left:20px}}
@media(max-width:760px){.header-actions{gap:16px}.rail-title{font-size:18px;line-height:1.75}.rail-number{font-size:11px}.rail-en{display:none}.chapter-content{padding-bottom:78px}.chapter h2{line-height:1.48}.chapter .eyebrow{margin-bottom:24px;font-size:12px}.chapter .body-copy{line-height:1.95}.opening-copy h2{font-size:37px}.opening-copy .lead{font-size:16px}.human-landscape>.chapter-content>h2{font-size:38px}.human-landscape .human-land{display:block;margin-top:0}.human-landscape .map-stage{margin:55px -8px 0}.human-landscape .land-notes{border-right:0;padding-right:0}.map-caption{font-size:19px;line-height:1.85}.map-caption small{font-size:12px}.land-stat strong{font-size:59px}.grain-story{margin-top:45px;padding-top:36px}.grain-photo{aspect-ratio:4/3}.grain-photo figcaption{font-size:24px}.grain-copy h3{font-size:33px}.grain-copy>p:not(.eyebrow):not(.micro-note){font-size:15px}.culture-heading{margin-bottom:30px}.culture-heading h3{font-size:32px}.culture-feature{grid-template-columns:1fr;gap:26px;padding:29px 0}.culture-feature h4{font-size:32px}.culture-feature figure{aspect-ratio:4/3}.culture-index strong{font-size:25px}.material-tabs span{font-size:15px}.new-copy{padding-top:170px}.new-copy h2{font-size:30px}.new-henan .new-body{grid-template-columns:1fr;gap:30px;margin-top:285px}.technology-note{padding:26px 0 0;border-left:0;border-top:1px solid #dec69755;margin:0;max-width:none}.technology-note h3{font-size:31px}.technology-note>p:not(.eyebrow){font-size:15px;line-height:2}.technology-index .industry-lines button{min-height:98px}.technology-index .industry-lines img{width:94px;flex-basis:94px;height:67px}.technology-index .industry-lines span{font-size:22px}.technology-index .economy>div{font-size:43px}.technology-footnote{font-size:12px;padding-top:20px}.archive h2{font-size:32px}.archive-columns{grid-template-columns:1fr;gap:40px;margin-top:37px}.archive-chapter-row strong{font-size:20px}.archive-chapter-row{min-height:88px;gap:14px}.archive-heading h3,.record-station h3{font-size:27px}.record-station{padding:29px 0 0;border-left:0}.record-preview canvas{width:84px;height:84px}.resonance .chapter-content{max-width:none}.resonance h2{font-size:40px}.resonance .mix-controls{grid-template-columns:1fr;gap:14px}.mix-controls label{font-size:15px}.resonance .line-action{margin-top:275px}.epilogue-copy h2{font-size:36px}#entry .entry-composition{padding-bottom:85px}.entry-actions{max-width:none}.entry-actions .line-action{min-width:0}.entry-title>span{font-size:20px}}
@media(max-width:360px){.technology-index .industry-lines img{width:77px;flex-basis:77px;height:60px}.technology-index .industry-lines span{font-size:19px}.new-copy h2{font-size:27px}.entry-title>span{font-size:18px}.human-landscape>.chapter-content>h2{font-size:35px}.line-action{gap:20px}.epilogue-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.type-glyph{animation:none!important;transform:none!important}.kinetic-surface{translate:none!important;transition:color .2s}.crop-calendar li{translate:none!important}.line-action:active,.text-action:active{translate:none}.chapter h2{animation:none}}
@media(prefers-reduced-motion:reduce){.scenic-depth{translate:none!important}}
body.static-review .type-glyph{animation:none!important}body.static-review .kinetic-surface{translate:none!important}

/* v1.0.34: one motion vocabulary, with genuine enter / leave continuity. */
:root{--motion-soft:cubic-bezier(.22,.61,.36,1);--motion-calm:cubic-bezier(.37,0,.63,1)}
/* clip is not a scroll container: the river's native sticky stage is preserved. */
.chapter{overflow-x:clip}
.kinetic-type,.kinetic-type em,.kinetic-type small,.kinetic-surface{transition:color .65s var(--motion-soft),translate .7s var(--motion-soft),text-shadow .7s var(--motion-soft)}
.kinetic-type .type-glyph{animation:none!important;transition:color .6s var(--motion-soft)}
.ui-motion{--ui-x:0px;--ui-y:0px;--ui-press:0px;translate:var(--ui-x) calc(var(--ui-y) + var(--ui-press));transition:color .55s var(--motion-soft),border-color .65s var(--motion-soft),background-color .65s var(--motion-soft),box-shadow .6s var(--motion-soft),opacity .5s var(--motion-soft)}
.ui-motion.kinetic-surface.type-active{translate:var(--ui-x) calc(var(--ui-y) + var(--ui-press))}
.ui-motion:active,.ui-motion.line-action:active,.ui-motion.text-action:active{transform:none;translate:var(--ui-x) calc(var(--ui-y) + var(--ui-press))}
.archive .archive-chapter-row:hover{transform:none}
.line-action:after,.text-action:after{transition:transform .7s var(--motion-soft);transform-origin:0 50%}
.line-action>span:not(.type-run),.industry-lines i,.culture-index i{transition:transform .65s var(--motion-soft),color .6s var(--motion-soft)}
.line-action.ui-hover>span:not(.type-run){transform:translate(5px,-2px)}
.industry-lines button,.material-tabs button,.voice-wall-node{position:relative}
.industry-lines button:after,.material-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d8c28e;pointer-events:none;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--motion-soft),opacity .6s;opacity:.65}
.industry-lines button[aria-pressed=true]:after,.material-tabs button.is-active:after{transform:scaleX(1);opacity:1}
.industry-lines button[aria-pressed=true],.material-tabs button.is-active{border-color:#d5c9a42e}
.industry-lines img{transition:outline-color .65s,filter .65s,opacity .65s}
.voice-wall-node{transition:color .6s,background-color .6s,opacity .6s,border-color .6s}
.voice-wall-node i{transition:box-shadow .65s,background-color .65s,scale .65s var(--motion-soft)}
.voice-wall-node[aria-pressed=true] i{box-shadow:0 0 0 6px #d8c28e16;scale:1.2}
.archive-chapter-row>.row-wave{transition:opacity .65s,color .65s}
.archive-views:after{width:65px;transition:transform .7s var(--motion-soft)}
.archive-views button{transition:color .6s}
.archive-deck{position:relative;isolation:isolate;min-width:0}
.archive-deck.is-switching{overflow:hidden}
.archive-deck.is-switching>#archiveSystemList,.archive-deck.is-switching>#voiceWall{position:absolute;inset:0 0 auto;width:100%;margin:0}
.archive .archive-deck.is-switching>#archiveSystemList{display:block}
.archive .archive-deck.is-switching>#voiceWall{display:grid}
.smooth-disclosure{overflow-anchor:none}
.disclosure-body{display:flow-root;min-width:0}
.smooth-disclosure>summary{position:relative;transition:color .6s var(--motion-soft)}
.smooth-disclosure>summary{list-style:none}.smooth-disclosure>summary::-webkit-details-marker{display:none}
.smooth-disclosure>summary:after{content:'＋';float:right;margin-left:20px;color:#cdbd93;font:18px/1.5 system-ui;transition:transform .65s var(--motion-soft),opacity .6s}
.smooth-disclosure>summary[aria-expanded=true]:after{transform:rotate(45deg);opacity:.65}
.smooth-range{appearance:none;-webkit-appearance:none;background:transparent;min-height:36px;cursor:ew-resize}
.microscope label{display:grid;grid-template-columns:3em minmax(0,1fr);gap:16px}.microscope input.smooth-range{width:100%;min-width:0}
input.smooth-range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#d8c28e var(--range-progress,50%),#cbb78c45 var(--range-progress,50%));border-radius:2px}
input.smooth-range::-moz-range-track{height:2px;background:linear-gradient(90deg,#d8c28e var(--range-progress,50%),#cbb78c45 var(--range-progress,50%));border-radius:2px}
input.smooth-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#e2cea0;margin-top:-3px;transition:box-shadow .45s var(--motion-soft),background-color .45s}
input.smooth-range::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#e2cea0;transition:box-shadow .45s var(--motion-soft),background-color .45s}
input.smooth-range:hover::-webkit-slider-thumb,input.smooth-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #d5bd8820;background:#f2ddb0}
input.smooth-range:hover::-moz-range-thumb,input.smooth-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px #d5bd8820;background:#f2ddb0}
input:not([type=range]){transition:border-color .6s,color .6s,background-color .6s}
input:not([type=range]):focus{background:#dbc69904}
.map-node circle:not(.map-hit){transition:r .65s var(--motion-soft),fill .65s,stroke .65s,stroke-width .65s}
.map-node text{transition:fill .65s,translate .7s var(--motion-soft)}
.map-node:hover text,.map-node:focus-visible text{fill:#f2deb5;translate:2px 0}
.crop-calendar li{transition:color .65s,translate .7s var(--motion-soft),background-color .65s}
#chapterNav{transition:opacity .65s var(--motion-soft),transform .7s var(--motion-soft),visibility .65s}
#chapterNav a{transition:color .6s,background-color .6s,border-color .6s}
#menuToggle:before,#menuToggle:after{transition:transform .65s var(--motion-soft),width .5s var(--motion-soft)}
#soundToggle{transition:color .65s,border-color .65s,box-shadow .65s}
.record-naming:not([hidden]),#localRecordings .local-row{animation:soft-arrive .65s var(--motion-soft) both}
@keyframes soft-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.source-link.ui-motion{display:inline-block}
@media(hover:hover) and (pointer:fine){.ui-hover{color:#f0d7a2}.ui-motion.ui-pressed{color:#f3dfb5}.source-link.ui-hover{text-decoration-color:#ddc695}.grain-photo figcaption.type-active{translate:2px -1px}.rail-title.type-active{text-shadow:0 1px 12px #d4bc8f0c}}
@media(max-width:760px){.smooth-range{min-height:44px}.ui-motion{translate:0 var(--ui-press)}.ui-motion.kinetic-surface.type-active{translate:0 var(--ui-press)}}
@media(prefers-reduced-motion:reduce){.ui-motion,.ui-motion.kinetic-surface.type-active,.map-node text{translate:none!important}.record-naming:not([hidden]),#localRecordings .local-row{animation:none}.kinetic-type .type-glyph{transform:none!important}.smooth-disclosure>summary:after{transition:none}}
body.static-review .ui-motion{translate:none!important}