:root{font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#23261f;background:#eeeee6;font-synthesis:none;--paper: #eeeee6;--ink: #23261f;--muted: #65695e;--line: #cfd1c5;--lime: #d3ed83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5d7727;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;padding:12px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:10px}.site-header{max-width:1600px;margin:auto;padding:29px 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.4px;gap:10px}.brand-symbol{font-size:36px;font-weight:400;line-height:1}.brand-caption{font-size:10px;letter-spacing:2px;font-weight:400;margin-left:10px;padding-left:20px;border-left:1px solid var(--line)}nav{display:flex;gap:38px;font-size:12px}nav a{padding:8px 0}nav span{font-family:monospace;font-size:10px;margin-left:7px;color:var(--muted)}.edition{font:9px monospace;letter-spacing:1px;display:flex;gap:16px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:#657e32;border-radius:50%;flex-shrink:0}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:.94fr 1.06fr;padding:52px 4.4% 35px;gap:3.5%;min-height:720px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font:10px monospace;letter-spacing:1.7px;margin:0 0 35px}.hero-copy{padding:19px 0 0}.hero h1{font-size:clamp(50px,5.25vw,83px);line-height:1.25;letter-spacing:-4.5px;font-weight:500;margin:0 0 20px;white-space:nowrap}.serif-word{font-family:Songti SC,SimSun,serif;font-weight:400}.hero-english{font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.5vw,38px);line-height:1.18;margin:0 0 27px;letter-spacing:-.8px}.hero-english em{font-weight:400;color:var(--muted)}.hero-description{font-size:12px;line-height:2.1;color:var(--muted);letter-spacing:.5px}.primary-link{display:flex;justify-content:space-between;align-items:center;width:162px;padding:15px 19px;background:var(--ink);color:var(--paper);font-size:12px;margin-top:27px;transition:background .2s,color .2s}.primary-link:hover{background:#3c4830}.primary-link span{font-size:21px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:40px}.hero-note p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.hero-note p span{color:#85887d}.tiny-orbit{height:32px;width:32px;border:1px solid #a8ad9d;border-radius:50%;position:relative}.tiny-orbit:after{content:"";position:absolute;border:1px solid #a8ad9d;border-radius:50%;inset:9px -4px;transform:rotate(-40deg)}.observatory{align-self:center;min-width:0;scroll-margin-top:25px}.instrument-top{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.3px;border-bottom:1px solid var(--line);padding:0 0 13px}.instrument-top span:last-child{font-size:9px;letter-spacing:1px;color:var(--muted)}.instrument-visual{position:relative;aspect-ratio:1/1;max-height:630px}.static-orbit,#time-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.static-orbit{color:#65695e}.observatory[data-ready] .static-orbit{visibility:hidden}#time-canvas{opacity:0;transition:opacity .5s}.observatory[data-ready] #time-canvas{opacity:1}.axis-label{position:absolute;font:9px monospace;color:#7d8272;pointer-events:none}.axis-top{top:12px;left:50%;transform:translate(-50%)}.axis-left{top:50%;left:1px}.axis-right{top:50%;right:1px}.instrument-caption{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:space-between;font:9px monospace;color:var(--muted);letter-spacing:1px}.instrument-controls{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-switch{display:flex;gap:3px}.mode-switch button{font-size:10px;border:0;background:transparent;padding:9px 10px;color:var(--muted);white-space:nowrap}.mode-switch button[aria-pressed=true]{background:var(--ink);color:var(--lime)}.transport{display:flex;align-items:center;gap:12px}.transport button{padding:5px 0;display:flex;gap:4px;background:transparent;border:0;color:var(--ink);font-size:10px;min-width:38px}.transport label{font-size:9px;white-space:nowrap;color:var(--muted)}output{font-family:monospace;margin-left:3px}input[type=range]{accent-color:#526b2b;width:65px;height:20px;cursor:pointer}.fallback-note{font-size:12px;line-height:1.8;color:var(--muted)}.observation-strip{margin:0 4.4%;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.observation-strip>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.observation-strip p{font-size:13px;letter-spacing:2px;margin:0}.observation-strip p span{color:var(--muted)}.observation-strip a{font-size:10px}.observation-strip a span{margin-left:30px;font-size:18px}.exhibits{padding:100px 4.4% 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2{font-weight:400;font-size:32px;letter-spacing:-1px;margin:0}.section-heading>p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 2px}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.study-art{height:auto;aspect-ratio:1.4;background:#e2e4d9;position:relative;overflow:hidden;transition:background .3s}.study-art svg{width:100%;height:100%;transition:transform .7s;color:#626e50}.study-resonance .study-art{background:#23291f;color:#d3ed83}.study-resonance svg{color:#b5c58d}.study-light .study-art{background:#dedfd3}.study-light svg{color:#747b55}.study a:hover .study-art{background:#d6dec2}.study-resonance a:hover .study-art{background:#323b29}.study a:hover svg{transform:scale(1.06) rotate(5deg)}.art-index{position:absolute;top:16px;left:16px;font:9px monospace;letter-spacing:1px}.art-open{position:absolute;bottom:14px;right:16px;font-size:20px}.study-title{display:flex;justify-content:space-between;align-items:center;padding:22px 0 0}.study-title h3{font-size:24px;font-weight:400;margin:0;display:flex;align-items:center;gap:15px}.study-title h3 span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.study-title>span{font:10px monospace;color:var(--muted)}.study>p{font-size:11px;line-height:2;color:var(--muted);max-width:310px;min-height:44px;margin:14px 0 22px}.study-tag{display:block;border-top:1px solid var(--line);padding-top:14px;font-size:9px;letter-spacing:2px;color:var(--muted)}.about{background:#22271f;color:var(--paper);padding:75px 6% 80px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about-label{display:flex;align-items:start;gap:18px}.about-label .brand-symbol{color:var(--lime);font-size:50px}.about-label p{font:9px/1.8 monospace;letter-spacing:1.5px;margin:6px 0}.about .eyebrow{font-size:9px;color:#b8beaa;margin-bottom:25px}.about h2{font-size:clamp(30px,3vw,45px);font-weight:400;line-height:1.6;letter-spacing:-1px;margin:0 0 32px}.about h2 span{font-family:SimSun,Songti SC,serif;color:var(--lime)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.about-columns p{font-size:11px;line-height:2.1;color:#afb5a4;margin:0}.return-link{display:inline-flex;gap:60px;font-size:11px;padding:18px 0 10px;border-bottom:1px solid #798269;margin-top:24px;color:var(--lime)}footer{max-width:1600px;margin:auto;display:flex;align-items:center;gap:40px;justify-content:space-between;padding:43px 4.4%;flex-wrap:wrap}footer .wordmark{font-size:28px}.footer-mark{font-size:10px;align-self:start;margin-top:3px;font-weight:400}footer p{font-size:11px;line-height:1.9;margin:0}footer p span{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted);margin-top:4px}footer>a:not(.wordmark){font-size:10px}.footer-domain{font:9px monospace;letter-spacing:1px;color:var(--muted)}@media(min-width:1600px){.hero h1{font-size:83px}.hero-english{font-size:38px}}@media(max-width:1100px){.edition{display:none}.hero{gap:2%;min-height:650px;padding-top:40px}.hero h1{font-size:57px}.hero-note{margin-top:25px}.instrument-controls{flex-direction:column;align-items:stretch}.mode-switch{justify-content:space-between}.mode-switch button{flex:1}.transport{justify-content:flex-end}input[type=range]{width:100px}.study-title h3{gap:8px}.study-title h3 span{font-size:7px}.about{grid-template-columns:.7fr 2fr}.study-grid{gap:20px}}@media(max-width:720px){.site-header{padding:22px 6%;gap:15px}.wordmark{font-size:23px}.brand-symbol{font-size:29px}.brand-caption{display:none}nav{gap:20px;font-size:10px}nav span{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 28px;gap:37px}.hero-copy{padding:0}.eyebrow{font-size:8px;margin-bottom:27px}.hero h1{font-size:clamp(44px,9vw,64px);line-height:1.3;letter-spacing:-2px}.hero-english{font-size:26px}.hero-description{font-size:11px}.hero-note{display:none}.primary-link{margin-top:22px}.observatory{width:100%}.instrument-top{font-size:8px}.instrument-visual{aspect-ratio:1}.instrument-controls{gap:14px;flex-direction:row;align-items:center;flex-wrap:wrap}.mode-switch{flex:1}.mode-switch button{font-size:10px;padding:9px}.transport{flex:1;justify-content:flex-end}.observation-strip{margin:0 6%;flex-wrap:wrap;padding:22px 0;row-gap:18px}.observation-strip>span{font-size:8px}.observation-strip p{order:3;width:100%;font-size:12px}.observation-strip a{font-size:9px}.exhibits{padding:65px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:27px}.section-heading>p{margin-top:19px;font-size:11px}.study-grid{grid-template-columns:1fr;gap:38px}.study-art{aspect-ratio:1.65}.study-title h3{gap:18px}.study-title h3 span{font-size:9px}.study>p{max-width:none;min-height:0;margin-bottom:18px}.about{grid-template-columns:1fr;padding:40px 6% 45px;gap:40px}.about-label{align-items:center}.about-label .brand-symbol{font-size:40px}.about-label p{margin:0;font-size:8px}.about h2{font-size:29px}.about-columns{grid-template-columns:1fr;gap:20px}.about-columns p{font-size:12px}footer{padding:32px 6%;gap:24px}footer .wordmark{width:40%}footer p{width:100%;order:3}.footer-domain{order:4;font-size:8px}.hero-english br{display:none}.hero-english em{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}