:root{--ink:#112b28;--paper:#f3efe5;--paper-2:#e7e0d1;--jade:#1e5e55;--jade-dark:#0a2c2a;--red:#b84a36;--gold:#d7a550;--line:rgba(17,43,40,.18);--serif:"Songti SC","STSong","Noto Serif CJK SC","Times New Roman",serif;--sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{height:86px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:50;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:flex;align-items:center;gap:12px}.brand-seal{width:40px;height:40px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:22px}.brand b,.brand small{display:block}.brand b{font-family:var(--serif);font-size:19px;letter-spacing:.12em}.brand small{opacity:.62;font-size:10px;letter-spacing:.2em}.desktop-nav{display:flex;gap:34px;font-size:13px;letter-spacing:.12em}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:currentColor;transition:.35s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:22px}.lang-switch{background:none;border:0;color:inherit;display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.lang-switch i{width:30px;height:15px;border:1px solid currentColor;border-radius:20px;position:relative}.lang-switch i:after{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;position:absolute;top:3px;left:4px;transition:.3s}.lang-switch.en i:after{transform:translateX(13px)}.menu-button{display:none;background:none;border:0;width:36px;height:30px;padding:6px;cursor:pointer}.menu-button span{display:block;height:1px;background:#fff;margin:6px 0;transition:.3s}.hero{min-height:780px;height:100vh;position:relative;color:#fff;background:#102c2a;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Ancient_stage_and_canal_in_Xitang_Town_at_night.jpg?width=1800");background-size:cover;background-position:center;transform:scale(1.03);animation:heroIn 1.8s ease both}.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,23,.86) 0%,rgba(7,29,27,.52) 46%,rgba(8,22,21,.18) 78%),linear-gradient(0deg,rgba(5,20,18,.63),transparent 45%)}@keyframes heroIn{from{transform:scale(1.12);filter:blur(5px)}to{transform:scale(1.03);filter:blur(0)}}.hero-content{position:absolute;left:max(6vw,calc((100vw - var(--max))/2));top:50%;transform:translateY(-48%);max-width:760px;z-index:2}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin:0 0 28px;opacity:.72}.hero h1,.display-copy h2,.song-heading h2,.shadow-copy h2,.gene-heading h2,.timeline h2,.sources h2{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0}.hero h1{font-size:clamp(58px,6.3vw,100px);letter-spacing:.02em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#e1b45f}.hero-lead{max-width:610px;font-size:17px;letter-spacing:.04em;margin:28px 0 34px;color:rgba(255,255,255,.78)}.hero-cta{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:188px;padding:13px 18px;border:1px solid currentColor;font-size:13px;letter-spacing:.1em;transition:.3s}.button.primary{background:#f1e7d3;color:var(--jade-dark);border-color:#f1e7d3}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.16)}.text-link{font-size:12px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.hero-stats{position:absolute;right:max(4vw,calc((100vw - var(--max))/2));bottom:45px;z-index:2;display:flex;gap:1px}.hero-stats div{width:160px;min-height:104px;padding:16px 18px;background:rgba(8,36,33,.58);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-family:var(--serif);font-size:30px;color:#e3b75f}.hero-stats span{font-size:10px;line-height:1.5;color:rgba(255,255,255,.7)}.scroll-cue{position:absolute;left:50%;bottom:24px;z-index:3;width:18px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:20px}.scroll-cue span{width:2px;height:7px;background:#fff;position:absolute;top:7px;left:7px;animation:scrollCue 1.8s infinite}@keyframes scrollCue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-one{width:550px;height:550px;right:-180px;top:80px}.orbit-two{width:330px;height:330px;right:-70px;top:190px}.section-pad{padding:110px max(5vw,calc((100vw - var(--max))/2))}.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:64px}.section-kicker span{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;border-radius:50%}.section-kicker p{margin:0;font-size:11px;letter-spacing:.22em}.section-kicker:after{content:"";height:1px;flex:1;background:var(--line);margin-left:12px}.section-kicker.light{color:#fff}.section-kicker.light span,.section-kicker.light:after{border-color:rgba(255,255,255,.24);background-color:rgba(255,255,255,.24)}.prologue{background:var(--paper)}.prologue-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}.display-copy h2{font-size:clamp(42px,4.6vw,68px);white-space:pre-line}.display-copy p{max-width:560px;color:#50635e;margin:30px 0 0;line-height:2}.heritage-index{border-top:1px solid var(--ink)}.index-row{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;border-bottom:1px solid var(--line);padding:22px 4px;transition:.3s}.index-row>span{font-family:var(--serif);font-style:italic;color:var(--red)}.index-row small{font-size:10px;color:#74817e;letter-spacing:.16em}.index-row h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:2px 0}.index-row b{font-weight:400;font-size:20px}.index-row:hover{padding-left:16px;background:rgba(30,94,85,.06)}.song{position:relative;background:var(--jade-dark);color:#fff;overflow:hidden}.song-backdrop{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(90deg,var(--jade-dark),transparent),url("https://commons.wikimedia.org/wiki/Special:FilePath/Ancient_stage_and_canal_in_Xitang_Town_at_night.jpg?width=1800");background-size:cover;background-position:center;filter:grayscale(1)}.song>*{position:relative;z-index:1}.song-heading{display:grid;grid-template-columns:90px 1fr;align-items:start;max-width:780px}.vertical-mark{font-family:var(--serif);color:#d2a24d;line-height:1.45;letter-spacing:.25em;margin:4px 0;font-size:16px}.song-heading h2{font-size:clamp(48px,5.4vw,76px)}.song-heading>div>p{max-width:600px;color:rgba(255,255,255,.68);line-height:2;margin:24px 0 0}.tune-lab{margin-top:70px;border:1px solid rgba(255,255,255,.23);background:rgba(3,23,21,.56);backdrop-filter:blur(9px)}.lab-top{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.16em}.lab-top small{opacity:.48}.tune-tabs{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid rgba(255,255,255,.18)}.tune{padding:14px 4px;background:none;color:rgba(255,255,255,.55);border:0;border-right:1px solid rgba(255,255,255,.12);cursor:pointer;transition:.3s}.tune:last-child{border:0}.tune:hover,.tune.active{color:#102c2a;background:#d8ad5b}.lab-readout{min-height:200px;padding:34px;display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:40px}.wave{height:90px;display:flex;align-items:center;gap:6px}.wave i{width:3px;height:30%;background:#d8ad5b;animation:wave 1.4s ease-in-out infinite alternate}.wave i:nth-child(3n){height:75%;animation-delay:.25s}.wave i:nth-child(4n){height:48%;animation-delay:.5s}.wave i:nth-child(5n){height:90%;animation-delay:.75s}@keyframes wave{to{transform:scaleY(.45);opacity:.5}}.lab-readout small{font-size:10px;color:#d8ad5b;letter-spacing:.18em}.lab-readout h3{font-family:var(--serif);font-size:38px;font-weight:400;margin:4px 0}.lab-readout p{margin:0;color:rgba(255,255,255,.64);font-size:13px}.lab-code{writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;opacity:.38}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.17);margin-top:70px}.fact-strip div{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:25px;border-right:1px solid rgba(255,255,255,.15)}.fact-strip div:last-child{border:0}.fact-strip strong{font-family:var(--serif);font-size:32px;color:#d8ad5b}.fact-strip p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.56);margin:0}.voices{background:#ece4d4}.quote-layout{display:grid;grid-template-columns:160px 1fr;max-width:1030px;margin:auto}.quote-mark{font-family:Georgia,serif;font-size:190px;line-height:.8;color:var(--red)}blockquote{margin:0}blockquote>p{font-family:var(--serif);font-size:clamp(30px,3.4vw,50px);line-height:1.55;margin:0;letter-spacing:.02em}blockquote footer{margin-top:35px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:16px}blockquote footer span,blockquote footer small{font-size:11px}blockquote footer small{color:#72817d}.two-paths{display:grid;grid-template-columns:1fr 1fr;max-width:1030px;margin:80px auto 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.two-paths article{padding:38px 44px}.two-paths article:first-child{border-right:1px solid var(--line)}.two-paths span{font-size:9px;letter-spacing:.22em;color:var(--red)}.two-paths h3{font-family:var(--serif);font-weight:400;font-size:32px;margin:14px 0}.two-paths p{font-size:13px;color:#61716d;margin:0}.shadow{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px;background:#111b1a;color:#fff}.shadow-visual{position:relative;overflow:hidden}.shadow-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(17,27,26,.45)),linear-gradient(0deg,rgba(7,15,14,.64),transparent 35%);pointer-events:none}.shadow-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) sepia(.12);transition:transform 1.2s}.shadow-visual:hover img{transform:scale(1.035)}.shadow-caption{position:absolute;bottom:36px;left:42px;z-index:2}.shadow-caption span,.shadow-caption small{display:block}.shadow-caption span{font-size:9px;letter-spacing:.3em;color:#e5b65b}.shadow-caption small{font-size:11px;margin-top:5px;color:rgba(255,255,255,.64)}.shadow-copy{padding-left:8vw;padding-right:8vw;display:flex;flex-direction:column;justify-content:center}.shadow-copy .section-kicker{margin-bottom:50px}.shadow-copy h2{font-size:clamp(42px,4.3vw,64px)}.shadow-copy>p{color:rgba(255,255,255,.61);line-height:2;margin:30px 0}.shadow-process{display:flex;align-items:center;margin:10px 0 34px}.shadow-process span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;font-family:var(--serif)}.shadow-process i{height:1px;width:28px;background:rgba(255,255,255,.24)}.button.ghost{align-self:flex-start;color:#e9be6c}.gene{background:var(--paper)}.gene-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:end}.gene-heading h2{font-size:clamp(44px,5vw,70px)}.gene-heading p{color:#60706c;margin:0;line-height:2}.gene-system{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;margin-top:76px;align-items:stretch}.gene-card{border:1px solid var(--line);padding:36px;min-height:340px;display:flex;flex-direction:column;transition:.35s}.gene-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px rgba(17,43,40,.09)}.gene-card small{font-size:9px;letter-spacing:.23em;color:var(--red);margin-top:auto}.gene-card h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:10px 0}.gene-card p{font-size:12px;color:#687773;margin:0}.gene-icon{height:110px;display:flex;align-items:center;justify-content:center}.capture .gene-icon{gap:8px}.capture .gene-icon span{width:13px;border:1px solid var(--jade);border-radius:10px}.capture .gene-icon span:nth-child(1){height:45px}.capture .gene-icon span:nth-child(2){height:84px;background:var(--jade)}.capture .gene-icon span:nth-child(3){height:60px}.parse .gene-icon b{font-family:var(--serif);font-size:22px;font-weight:400}.parse .gene-icon i{width:80px;height:1px;background:var(--jade);margin:0 10px;position:relative}.parse .gene-icon i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);top:-4px;left:35px}.activate .gene-icon{position:relative}.activate .gene-icon i{position:absolute;border:1px solid var(--jade);border-radius:50%}.activate .gene-icon i:nth-child(1){width:20px;height:20px;background:var(--red);border-color:var(--red)}.activate .gene-icon i:nth-child(2){width:47px;height:47px}.activate .gene-icon i:nth-child(3){width:75px;height:75px}.activate .gene-icon i:nth-child(4){width:102px;height:102px;border-style:dashed;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gene-connector{display:grid;place-items:center}.gene-connector span{width:64px;height:1px;background:var(--line);position:relative}.gene-connector span:after{content:"›";position:absolute;right:0;top:-14px;font-size:18px}.principle{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0;margin-top:70px}.principle span{font-size:11px;letter-spacing:.16em;color:var(--red)}.principle p{font-family:var(--serif);font-size:22px;margin:0}.timeline{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:#fff;padding:0}.timeline-photo{min-height:760px;background-image:linear-gradient(0deg,rgba(20,15,12,.2),transparent),url("https://commons.wikimedia.org/wiki/Special:FilePath/Chinese_shadow_puppetry.jpg?width=1400");background-size:cover;background-position:center}.timeline-content{padding:100px 8vw}.timeline h2{font-size:clamp(40px,4.4vw,64px);margin-bottom:60px}.timeline ol{padding:0;margin:0;list-style:none}.timeline li{display:grid;grid-template-columns:85px 1fr;padding:19px 0;border-top:1px solid rgba(255,255,255,.25)}.timeline li:last-child{border-bottom:1px solid rgba(255,255,255,.25)}.timeline time{font-family:var(--serif);font-size:24px;color:#f1cf8f}.timeline li span{font-size:12px;color:rgba(255,255,255,.72);padding-top:5px}.sources{background:#e4dccb}.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.sources h2{font-size:clamp(40px,4vw,60px)}.sources-grid>div>p{color:#65736f;max-width:500px;margin-top:28px}.sources ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.sources li{border-bottom:1px solid var(--line)}.sources li a{display:flex;justify-content:space-between;gap:30px;padding:15px 2px;transition:.25s}.sources li a:hover{padding-left:10px;background:rgba(255,255,255,.22)}.sources li span{font-size:12px}.sources li small{font-size:10px;color:#77837f;text-align:right}.site-footer{background:var(--jade-dark);color:#fff;padding:46px max(5vw,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px}.site-footer>div{display:flex;gap:12px;align-items:center}.site-footer p{margin:0}.site-footer b,.site-footer small{display:block}.site-footer b{font-family:var(--serif);letter-spacing:.12em}.site-footer small,.footer-note,.site-footer>a{font-size:9px;color:rgba(255,255,255,.46)}.footer-note{text-align:center}.site-footer>a{border-bottom:1px solid rgba(255,255,255,.25)}.mobile-menu{position:fixed;inset:0;background:var(--jade-dark);z-index:40;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12vw;opacity:0;visibility:hidden;transition:.35s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-family:var(--serif);font-size:42px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:block}.prologue-grid,.gene-heading,.sources-grid{grid-template-columns:1fr;gap:52px}.shadow{grid-template-columns:1fr}.shadow-visual{height:70vh;min-height:520px}.gene-system{grid-template-columns:1fr}.gene-connector{height:60px}.gene-connector span{transform:rotate(90deg)}.timeline{grid-template-columns:1fr}.timeline-photo{min-height:560px}.quote-layout{grid-template-columns:80px 1fr}.quote-mark{font-size:120px}.hero-stats{left:max(5vw,28px);right:auto}.hero-stats div{width:145px}.hero-content{top:43%}.site-footer{grid-template-columns:1fr auto}.footer-note{display:none}}
@media(max-width:680px){.site-header{height:72px;padding:0 20px}.brand small{display:none}.section-pad{padding:78px 22px}.hero{min-height:760px}.hero-content{left:22px;right:22px;top:40%}.hero h1{font-size:48px}.hero-lead{font-size:14px}.hero-cta{align-items:flex-start;flex-direction:column;gap:16px}.hero-stats{bottom:24px;left:22px;right:22px}.hero-stats div{flex:1;width:auto;min-height:92px;padding:12px}.hero-stats strong{font-size:23px}.hero-stats span{font-size:8px}.scroll-cue{display:none}.section-kicker{margin-bottom:42px}.display-copy h2,.song-heading h2,.shadow-copy h2,.gene-heading h2,.timeline h2,.sources h2{font-size:40px}.song-heading{grid-template-columns:48px 1fr}.tune-tabs{grid-template-columns:repeat(4,1fr)}.tune:nth-child(4){border-right:0}.lab-top{display:block}.lab-top small{display:block;margin-top:4px}.lab-readout{grid-template-columns:1fr;padding:26px;gap:18px}.lab-code{display:none}.wave{height:50px}.fact-strip{grid-template-columns:1fr}.fact-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.quote-layout{grid-template-columns:1fr}.quote-mark{height:78px}.two-paths{grid-template-columns:1fr;margin-top:50px}.two-paths article:first-child{border-right:0;border-bottom:1px solid var(--line)}.two-paths article{padding:28px 0}.shadow-copy{padding:78px 22px}.shadow-visual{height:60vh}.shadow-caption{left:22px;bottom:22px}.gene-heading{gap:28px}.gene-system{margin-top:50px}.principle{grid-template-columns:1fr;gap:12px}.timeline-photo{min-height:450px}.timeline-content{padding:76px 22px}.timeline h2{margin-bottom:40px}.timeline li{grid-template-columns:70px 1fr}.sources-grid{gap:45px}.sources li a{display:block}.sources li small{display:block;text-align:left;margin-top:3px}.site-footer{grid-template-columns:1fr;gap:28px}.site-footer>a{justify-self:start}.mobile-menu{padding:22px}.mobile-menu a{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.wave i,.activate .gene-icon i:nth-child(4),.scroll-cue span{animation:none}.hero-image{animation:none}}