:root{--paper:#eee9dc;--paper2:#dcd4c2;--ink:#172421;--qing:#153b37;--qing2:#0d2927;--cinnabar:#b63a2b;--gold:#a98a52;--muted:#6f7169;--line:rgba(23,36,33,.18);--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{color:var(--paper);background:var(--cinnabar)}
.paper-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:200;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--cinnabar)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(182,58,43,.55);transition:width .2s,height .2s,background .2s}.cursor-ring.active{width:58px;height:58px;background:rgba(182,58,43,.1)}
.nav-shell{position:absolute;z-index:20;top:0;left:50%;width:min(1440px,calc(100% - 80px));height:104px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,233,220,.35);color:#f1eddf}.brand{display:flex;align-items:center;gap:13px}.seal{width:40px;height:40px;display:grid;place-items:center;color:#f4e9d2;background:var(--cinnabar);font:700 18px var(--serif);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 3px var(--cinnabar),inset 0 0 0 4px rgba(255,255,255,.4);transform:rotate(-3deg)}.brand-name{font:700 17px var(--serif);letter-spacing:.16em}.brand-name small{display:block;margin-top:3px;font:8px var(--sans);letter-spacing:.2em;opacity:.65}.desktop-nav{display:flex;gap:46px}.desktop-nav a{font:13px var(--serif);letter-spacing:.15em}.desktop-nav i{margin-right:10px;color:#d4b276;font-style:normal;font-size:10px}.menu-button{display:none;padding:12px;border:0;background:none}.menu-button span{display:block;width:26px;height:1px;margin:6px;background:currentColor}.menu-panel{display:none}
.hero{position:relative;min-height:900px;height:100vh;color:#f3efe4;background:var(--qing2);overflow:hidden}.hero-image{position:absolute;inset:0;background:url("/assets/shanshui-hero.png") center/cover no-repeat;transform:scale(1.04);animation:hero-breathe 15s ease-in-out infinite alternate}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,28,.94) 0%,rgba(8,33,31,.73) 39%,rgba(8,31,29,.12) 78%),linear-gradient(0deg,rgba(5,24,22,.65),transparent 45%)}@keyframes hero-breathe{to{transform:scale(1.09) translate3d(-1%,.5%,0)}}.hero-content{position:relative;z-index:2;width:min(1360px,calc(100% - 120px));height:100%;margin:auto;display:flex;align-items:center}.hero-copy{margin-left:10%;padding-top:40px}.overline{font-size:10px;letter-spacing:.3em;color:#d3bd8c}.hero h1{margin:30px 0 38px;font:400 clamp(72px,9vw,145px)/.96 var(--serif);letter-spacing:-.08em}.hero h1 span{display:inline-block}.hero h1 em{display:inline-block;margin-left:1em;color:#d7b670;font-style:normal}.hero-intro{width:min(470px,100%);color:rgba(244,240,228,.72);font:16px/2 var(--serif)}.hero-intro strong{color:#fff;font-weight:500}.vertical-note{position:absolute;left:0;top:30%;writing-mode:vertical-rl;font:11px var(--serif);letter-spacing:.45em;color:rgba(255,255,255,.55)}.hero-seal{position:absolute;right:1%;bottom:16%;display:grid;grid-template-columns:1fr 1fr;width:84px;height:84px;padding:9px;border:1px solid rgba(226,193,128,.6);transform:rotate(3deg)}.hero-seal span{display:grid;place-items:center;font:18px var(--serif);border:.5px solid rgba(226,193,128,.32)}.ink-button{display:inline-flex;align-items:center;gap:34px;margin-top:20px;padding:16px 20px 16px 24px;color:#fff;background:var(--cinnabar);font:13px var(--serif);letter-spacing:.16em;box-shadow:8px 8px 0 rgba(8,25,23,.35);transition:box-shadow .25s}.ink-button i{font:18px var(--sans);font-style:normal}.ink-button:hover{box-shadow:3px 3px 0 rgba(8,25,23,.35)}.scroll-cue{position:absolute;z-index:3;right:50px;bottom:40px;display:flex;align-items:center;gap:15px;transform:rotate(90deg);transform-origin:right bottom;font-size:8px;letter-spacing:.25em}.scroll-cue i{width:60px;height:1px;background:rgba(255,255,255,.5);position:relative}.scroll-cue i:after{content:"";position:absolute;right:0;width:10px;height:1px;background:#fff;animation:scan 2s infinite}@keyframes scan{from{right:50px}to{right:0}}
.manifesto{min-height:510px;display:grid;grid-template-columns:120px 1fr 280px;align-items:center;gap:50px;width:min(1200px,calc(100% - 80px));margin:auto}.manifesto-mark{width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--cinnabar);color:var(--cinnabar);font:36px var(--serif);transform:rotate(-5deg)}.manifesto-text{font:400 clamp(37px,4.5vw,68px)/1.55 var(--serif);letter-spacing:-.04em}.manifesto-text span{position:relative;color:var(--cinnabar)}.manifesto-text span:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:7px;background:var(--cinnabar);opacity:.15;transform:skew(-20deg)}.manifesto-side{display:flex;flex-direction:column;gap:15px;color:var(--muted);font:12px var(--serif);letter-spacing:.12em}
.section{padding:150px max(40px,calc((100vw - 1240px)/2))}.writing{background:#e7e0d1}.section-title{display:grid;grid-template-columns:160px auto 1fr;align-items:end;gap:35px;margin-bottom:90px}.section-title p{margin:0 0 10px;color:var(--muted);font:11px var(--serif);letter-spacing:.17em}.section-title p b{color:var(--cinnabar);font-size:18px}.section-title h2{margin:0;font:400 clamp(56px,7vw,94px)/1 var(--serif);letter-spacing:-.07em;white-space:nowrap}.section-title h2 span{display:block;margin-top:12px;font:8px var(--sans);letter-spacing:.32em;color:var(--gold)}.title-line{height:1px;margin-bottom:12px;background:var(--line)}
.feature-story{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;margin-bottom:110px}.story-art{position:relative;min-height:520px;overflow:hidden;color:#e9dfc9;background:var(--qing)}.story-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,transparent,rgba(0,0,0,.27));transition:transform .8s}.story-art:hover:after{transform:scale(1.08)}.story-index{position:absolute;z-index:3;top:25px;left:25px;font:12px var(--serif);letter-spacing:.2em}.moon{position:absolute;left:50%;top:42%;width:230px;height:230px;border-radius:50%;transform:translate(-50%,-50%);background:#d4b976;box-shadow:0 0 70px rgba(212,185,118,.2)}.moon i{position:absolute;inset:25%;border:1px solid rgba(21,59,55,.34);border-radius:50%}.mountains{position:absolute;left:-5%;right:-5%;bottom:-4%;height:55%;background:#0a2926;clip-path:polygon(0 78%,9% 52%,16% 67%,29% 17%,39% 59%,50% 29%,57% 63%,72% 9%,82% 58%,90% 36%,100% 70%,100% 100%,0 100%)}.mountains:after{content:"";position:absolute;inset:25% 0 0;background:#21463f;clip-path:polygon(0 82%,19% 42%,34% 74%,54% 26%,72% 70%,88% 39%,100% 70%,100% 100%,0 100%);opacity:.7}.art-caption{position:absolute;z-index:3;right:23px;bottom:22px;writing-mode:vertical-rl;font:11px var(--serif);letter-spacing:.35em}.story-meta{display:flex;gap:26px;color:var(--muted);font-size:10px;letter-spacing:.16em}.story-meta span{color:var(--cinnabar)}.story-copy h3{margin:28px 0;font:400 clamp(38px,4vw,58px)/1.45 var(--serif);letter-spacing:-.05em}.story-copy h3 a{background:linear-gradient(var(--cinnabar),var(--cinnabar)) no-repeat left bottom/0 1px;transition:background-size .5s}.story-copy h3 a:hover{background-size:100% 1px}.story-copy p{max-width:510px;color:var(--muted);font:15px/2 var(--serif)}.read-link{display:inline-flex;align-items:center;gap:40px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid var(--ink);font:12px var(--serif);letter-spacing:.18em}.read-link i{font-style:normal;transition:transform .25s}.read-link:hover i{transform:translateX(8px)}
.story-list{border-top:1px solid var(--line)}.story-row{display:grid;grid-template-columns:70px 120px 1fr 70px 30px;gap:20px;align-items:center;min-height:126px;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.story-row:hover{padding:0 24px;background:rgba(255,255,255,.26)}.row-number{color:var(--gold);font:14px var(--serif)}.row-category,.story-row time{color:var(--muted);font-size:10px;letter-spacing:.12em}.story-row h3{font:400 24px var(--serif)}.row-arrow{color:var(--cinnabar);font-size:20px}.dynamic-heading{display:flex;align-items:center;gap:20px;margin:100px 0 35px;font:18px var(--serif)}.dynamic-heading i{height:1px;flex:1;background:var(--line)}.dynamic-heading small{color:var(--muted);font:9px var(--sans);letter-spacing:.15em}.dynamic-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dynamic-card{min-height:280px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);background:rgba(255,255,255,.2);transition:.35s}.dynamic-card:hover{color:#eee6d5;background:var(--qing);transform:translateY(-8px)}.dynamic-card small{color:var(--cinnabar);letter-spacing:.15em}.dynamic-card h3{font:400 27px/1.5 var(--serif)}.dynamic-card p{color:var(--muted);font:13px/1.8 var(--serif)}.dynamic-card:hover p{color:rgba(255,255,255,.62)}.dynamic-card time{margin-top:auto;font-size:10px;letter-spacing:.12em}.empty-state{grid-column:1/-1;color:var(--muted);font:15px var(--serif)}
.notes{position:relative;overflow:hidden;color:#ece5d6;background:var(--qing2)}.section-title.light p{color:rgba(255,255,255,.55)}.section-title.light h2 span{color:#d1ae6a}.section-title.light .title-line{background:rgba(255,255,255,.2)}.notes-stage{position:relative;min-height:580px}.note-card{position:absolute;width:390px;min-height:260px;padding:42px;color:var(--ink);background:#e7dfcf;box-shadow:20px 24px 50px rgba(0,0,0,.23)}.note-card:before{content:"";position:absolute;top:-8px;left:42%;width:90px;height:24px;background:rgba(203,188,151,.55);transform:rotate(-3deg)}.note-card p{font:22px/1.8 var(--serif)}.note-card small,.note-date{color:var(--muted);font:10px var(--serif);letter-spacing:.15em}.note-one{left:7%;top:35px;transform:rotate(-3deg)}.note-two{left:42%;top:210px;transform:rotate(3deg)}.note-circle{position:absolute;right:6%;top:20px;width:180px;height:180px;display:grid;place-items:center;border:1px solid rgba(213,183,121,.5);border-radius:50%;color:#d5b779}.note-circle:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(213,183,121,.25);border-radius:50%;animation:rotate 25s linear infinite}.note-circle span{font:20px/1.6 var(--serif);text-align:center}@keyframes rotate{to{transform:rotate(360deg)}}.bamboo{position:absolute;right:-2%;bottom:-30%;width:300px;height:600px;opacity:.12;transform:rotate(-8deg)}.bamboo i{position:absolute;bottom:0;width:8px;height:100%;background:#d9c99e;transform-origin:bottom}.bamboo i:nth-child(2){height:80%;left:70px;transform:rotate(8deg)}.bamboo i:nth-child(3){height:65%;left:130px;transform:rotate(-10deg)}.bamboo i:nth-child(4){height:85%;left:210px;transform:rotate(4deg)}
.about{position:relative;display:grid;grid-template-columns:.8fr 1.1fr;gap:120px;align-items:center;overflow:hidden}.about-portrait{position:relative;z-index:2}.portrait-frame{position:relative;aspect-ratio:.78;display:grid;place-items:center;color:#ddd1b7;background:linear-gradient(145deg,#294840,#132e2a);box-shadow:20px 20px 0 var(--paper2)}.portrait-frame span{font:11px/1.8 var(--sans);letter-spacing:.25em;text-align:center}.corner{position:absolute;width:40px;height:40px}.c1{left:18px;top:18px;border-left:1px solid var(--gold);border-top:1px solid var(--gold)}.c2{right:18px;top:18px;border-right:1px solid var(--gold);border-top:1px solid var(--gold)}.c3{left:18px;bottom:18px;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold)}.c4{right:18px;bottom:18px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}.about-portrait>p{display:flex;justify-content:space-between;margin:25px 0;font:20px var(--serif)}.about-portrait small{color:var(--muted);font:8px var(--sans);letter-spacing:.2em}.about .section-title{display:block;margin-bottom:55px}.about .section-title h2{margin-top:25px}.about-lead{color:var(--cinnabar)!important;font:34px/1.6 var(--serif)!important}.about-copy>p{max-width:580px;color:var(--muted);font:15px/2 var(--serif)}.about-links{display:flex;gap:15px;margin-top:40px}.about-links a{min-width:160px;padding:15px 18px;border:1px solid var(--line);font:12px var(--serif);display:flex;justify-content:space-between;transition:.25s}.about-links a:hover{color:#fff;background:var(--qing)}.giant-character{position:absolute;right:-4%;bottom:-15%;z-index:-1;color:transparent;font:500 500px/1 var(--serif);-webkit-text-stroke:1px rgba(23,36,33,.07)}
.closing{min-height:580px;padding:100px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ece4d3;background:var(--qing);text-align:center}.closing p{color:#c8ad77;font:13px var(--serif);letter-spacing:.35em}.closing h2{margin:20px 0 45px;font:400 clamp(70px,11vw,150px)/1 var(--serif);letter-spacing:.1em}.seal-link{width:65px;height:65px;display:grid;place-items:center;color:#f2e5d2;background:var(--cinnabar);font:18px var(--serif);transform:rotate(-4deg);box-shadow:inset 0 0 0 4px var(--cinnabar),inset 0 0 0 5px rgba(255,255,255,.45)}
footer{min-height:150px;padding:0 max(40px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;color:var(--muted);background:#e7e0d1;font-size:10px;letter-spacing:.1em}footer .brand{color:var(--ink)}.footer-links{display:flex;gap:25px}.footer-links a{padding-bottom:4px;border-bottom:1px solid var(--line)}
.site-header{width:min(1120px,calc(100% - 40px));height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.site-header .brand{color:var(--ink)}.post-meta{display:flex;gap:18px;color:var(--muted);font-size:10px;letter-spacing:.12em}.post-meta span{color:var(--cinnabar)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}.nav-shell{width:calc(100% - 40px);height:80px}.desktop-nav{display:none}.menu-button{display:block;z-index:32}.menu-panel{position:fixed;display:flex;visibility:hidden;opacity:0;z-index:30;inset:0;flex-direction:column;align-items:center;justify-content:center;color:#eee5d4;background:var(--qing2);transition:.35s}.menu-panel.open{visibility:visible;opacity:1}.menu-panel nav{display:flex;flex-direction:column;gap:26px;font:40px var(--serif)}.menu-panel nav i{margin-right:22px;color:var(--gold);font:12px var(--serif)}.menu-panel p{position:absolute;bottom:35px;font:10px var(--serif);letter-spacing:.2em}.hero-content{width:calc(100% - 42px)}.hero-copy{margin-left:3%}.hero h1{font-size:clamp(60px,15vw,110px)}.vertical-note,.hero-seal{display:none}.manifesto{grid-template-columns:80px 1fr;width:calc(100% - 40px)}.manifesto-side{display:none}.section{padding:100px 25px}.section-title{grid-template-columns:100px auto}.section-title .title-line{display:none}.feature-story{grid-template-columns:1fr;gap:50px}.story-art{min-height:440px}.dynamic-posts{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:70px}.about-portrait{max-width:500px}.giant-character{font-size:330px}.notes-stage{min-height:780px}.note-one{left:2%}.note-two{left:auto;right:2%;top:390px}.note-circle{right:0;top:80px}}
@media(max-width:560px){.hero{min-height:780px}.hero-image{background-position:62% center}.hero-wash{background:linear-gradient(90deg,rgba(7,30,28,.9),rgba(8,31,29,.35)),linear-gradient(0deg,rgba(5,24,22,.8),transparent)}.hero-copy{margin:0}.hero h1{font-size:61px}.hero h1 em{margin-left:.4em}.hero-intro{font-size:14px}.scroll-cue{display:none}.manifesto{min-height:430px;grid-template-columns:1fr;gap:0}.manifesto-mark{width:58px;height:58px;font-size:25px}.manifesto-text{font-size:34px}.section-title{display:block;margin-bottom:55px}.section-title p{margin-bottom:20px}.section-title h2{font-size:56px}.story-art{min-height:360px}.moon{width:170px;height:170px}.story-row{grid-template-columns:40px 1fr 25px;gap:12px;padding:18px 0}.row-category,.story-row time{display:none}.story-row h3{font-size:19px}.dynamic-posts{grid-template-columns:1fr}.note-card{width:88%;padding:32px}.note-card p{font-size:19px}.note-one{left:1%}.note-two{right:1%}.note-circle{width:120px;height:120px;right:0;top:280px}.about-links{flex-direction:column}.about-links a{width:100%}.closing{min-height:450px}.closing h2{font-size:64px}footer{padding:40px 22px;align-items:flex-start;flex-direction:column;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}