:root{--paper:#f2efe8;--paper2:#e8e2d7;--ink:#141512;--night:#10110f;--red:#a52d24;--line:rgba(20,21,18,.16);--mx:72%;--my:38%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Space Grotesk","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--red);color:#fff}
#inkTrail{position:fixed;inset:0;z-index:90;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.brush-cursor{position:fixed;left:0;top:0;z-index:91;width:42px;height:42px;border:1px solid rgba(165,45,36,.48);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .18s,height .18s,border-color .18s,opacity .2s}.brush-cursor i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50% 50% 35% 65%;background:#181814;transform:translate(-50%,-50%) rotate(35deg)}body.cursor-active .brush-cursor{opacity:1}body.cursor-link .brush-cursor{width:64px;height:64px;border-color:rgba(165,45,36,.8)}
.nav{position:absolute;inset:0 0 auto;z-index:30;display:grid;height:84px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid #ffffff1c;color:#fff}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:14px;letter-spacing:.16em}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.24em;opacity:.42}.seal{display:grid;width:38px;height:38px;place-items:center;border-radius:3px;background:var(--red);box-shadow:inset 0 0 0 2px #ffffff18;font-family:KaiTi,STKaiti,serif;font-size:21px}.nav nav{display:flex;gap:38px;font-size:13px;color:#ffffff8c}.nav a{transition:color .25s}.nav a:hover{color:#fff}.nav-index{justify-self:end;font-size:11px;letter-spacing:.17em;color:#ffffff8c}.nav-index span{margin-left:10px;color:#fff}
.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#10110f;color:#fff}.hero-masterwork{position:absolute;inset:-10% -5% -12% 37%;z-index:-3;background:url("./assets/weng-tonghe-tiger.webp") 55% center/cover no-repeat;opacity:.38;filter:grayscale(1) contrast(1.2) brightness(.62);transform:rotate(-2.5deg) scale(1.06)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle 420px at var(--mx) var(--my),#ffffff16,transparent 70%),linear-gradient(90deg,#121310 0%,#121310fa 38%,#10110fbd 72%,#090a09ef)}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:repeating-linear-gradient(90deg,transparent 0 6px,#ffffff08 6px 7px);mix-blend-mode:screen}.hero-copy{width:min(100%,1500px);min-height:100svh;margin:auto;padding:clamp(150px,18vh,220px) clamp(24px,7vw,110px) 90px}.eyebrow{display:flex;align-items:center;gap:18px;margin:0;font-size:11px;letter-spacing:.28em;color:#ffffff7b}.eyebrow span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff2d;border-radius:50%;letter-spacing:0}.hero h1{max-width:1050px;margin:32px 0 0;font:400 clamp(4.2rem,9.2vw,9.8rem)/.94 "Noto Serif SC","Songti SC",serif;letter-spacing:-.04em}.hero h1 em{color:#ffffff56;font-style:normal}.hero-bottom{display:grid;max-width:940px;grid-template-columns:minmax(260px,580px) auto;align-items:end;gap:clamp(30px,8vw,110px);margin-top:54px}.hero-bottom>p{margin:0;font-size:clamp(15px,1.25vw,18px);line-height:2;color:#ffffff76}.round-link{display:grid;width:108px;height:108px;place-items:center;border:1px solid #ffffff32;border-radius:50%;font-size:11px;letter-spacing:.12em;transition:.35s}.round-link b{font-size:20px;font-weight:400}.round-link:hover{background:var(--red);border-color:var(--red);transform:rotate(-7deg)}.hero-glyph{position:absolute;right:5vw;top:20%;z-index:-1}.hero-glyph b{display:block;font:400 clamp(16rem,29vw,31rem)/1 KaiTi,STKaiti,serif;color:#ffffff0d;transform:rotate(-8deg)}.hero-glyph i{position:absolute;right:-12px;top:12%;writing-mode:vertical-rl;font-style:normal;font-size:10px;letter-spacing:.42em;color:#ffffff45}.hero-side{position:absolute;left:21px;top:48%;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.34em;color:#ffffff38}.hero-credit{position:absolute;right:clamp(25px,4vw,68px);bottom:35px;display:flex;gap:17px;align-items:center;font-size:11px;letter-spacing:.14em}.hero-credit small{color:#ffffff58}
.ticker{overflow:hidden;border-bottom:1px solid #0002;background:var(--red);color:#fff}.ticker div{width:max-content;padding:12px 0;font-size:11px;letter-spacing:.3em;animation:ticker 32s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.archive-intro{max-width:1500px;margin:auto;padding:clamp(78px,10vw,150px) clamp(22px,5vw,72px)}.intro-title{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;align-items:start}.intro-title>p,.section-head>div>p,.section-code{margin:8px 0 0;font-size:10px;font-weight:600;letter-spacing:.22em;color:#0006}.intro-title h2,.section-head h2,.practice h2,.scroll-caption h2{font-family:"Noto Serif SC","Songti SC",serif;font-weight:400}.intro-title h2{margin:0;font-size:clamp(3rem,6.8vw,7rem);line-height:1.12;letter-spacing:-.035em}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(60px,8vw,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{min-height:145px;padding:29px clamp(12px,2.6vw,38px);border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:400 clamp(2.3rem,4vw,4rem)/1 Georgia,serif}.stats em{display:block;padding-top:8px;font-style:normal;font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:.03em}.stats span{display:block;margin-top:18px;font-size:11px;letter-spacing:.14em;color:#0006}
.scroll-window{position:relative;height:clamp(480px,65vw,780px);overflow:hidden;background:#b9a98d}.scroll-art{position:absolute;inset:-5% 0;background:url("./assets/wang-duo-fan.webp") center 46%/cover no-repeat;filter:saturate(.96) contrast(1.06);transform:translateY(var(--parallax-y,0)) scale(1.015);will-change:transform}.scroll-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16130e00 8%,#16130e08 48%,#12110dd6 100%)}.scroll-rule{position:absolute;z-index:1;inset:9% 5%;border:1px solid #ffffff45}.scroll-caption{position:absolute;z-index:2;right:clamp(30px,8vw,130px);bottom:clamp(55px,10vw,130px);color:#fff;text-align:right;text-shadow:0 2px 28px #0007}.scroll-caption small{letter-spacing:.27em;opacity:.76}.scroll-caption h2{margin:18px 0 0;font-size:clamp(3rem,7vw,7.5rem);letter-spacing:-.04em}.scroll-caption p{font-size:11px;letter-spacing:.14em;opacity:.67}.scroll-quote{position:absolute;z-index:2;left:7%;bottom:7%;margin:0;writing-mode:vertical-rl;font:400 14px/2 KaiTi,serif;letter-spacing:.3em;color:#ffffffa3}
.works{max-width:1500px;margin:auto;padding:clamp(86px,10vw,150px) clamp(22px,5vw,72px)}.section-head{display:grid;grid-template-columns:1fr minmax(260px,410px);align-items:end;gap:50px;padding-bottom:34px;border-bottom:1px solid var(--line)}.section-head h2{margin:16px 0 0;font-size:clamp(3rem,6vw,6.4rem);line-height:1}.section-head>p{margin:0;font-size:14px;line-height:2;color:#0008}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:30px 0 2px}.filter{appearance:none;padding:10px 17px;border:1px solid #0002;border-radius:999px;background:transparent;color:#0009;cursor:pointer;font-size:12px;letter-spacing:.08em;transition:.25s}.filter:hover,.filter.active{border-color:var(--ink);background:var(--ink);color:#fff}.loading,.empty{min-height:380px;place-content:center;text-align:center;color:#0006}.empty b{display:block;font:400 clamp(8rem,20vw,17rem)/.8 "Noto Serif SC",serif;color:#0000000a}.empty p{margin-top:38px;font-size:18px;letter-spacing:.12em}.empty span{font-size:14px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(28px,4.5vw,68px) clamp(18px,2.6vw,38px);padding-top:52px}.card{grid-column:span 4}.card:nth-child(5n+1){grid-column:span 5}.card:nth-child(5n+2){grid-column:span 7;padding-top:8vw}.card:nth-child(5n+3){grid-column:3/span 4}.card:nth-child(5n+4){grid-column:7/span 6;padding-top:5vw}.card[hidden]{display:none}.card-link{display:block}.frame{position:relative;overflow:hidden;background:#d8d0c3}.card:nth-child(4n+1) .frame{aspect-ratio:4/5}.card:nth-child(4n+2) .frame{aspect-ratio:6/4}.card:nth-child(4n+3) .frame{aspect-ratio:3/4}.card:nth-child(4n) .frame{aspect-ratio:5/6}.frame:after{content:"查看";position:absolute;left:50%;top:50%;display:grid;width:82px;height:82px;place-items:center;border-radius:50%;background:#f6f2e9e8;font-size:11px;letter-spacing:.15em;opacity:0;transform:translate(-50%,-40%);transition:.35s}.frame img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.2,1),filter .4s}.card-link:hover .frame img{transform:scale(1.045);filter:saturate(.8)}.card-link:hover .frame:after{opacity:1;transform:translate(-50%,-50%)}.doc{display:grid;height:100%;place-items:center;font:400 74px "Noto Serif SC",serif;color:#0002}.meta{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-top:17px}.meta h3{margin:0;font:400 clamp(1.2rem,2vw,1.65rem) "Noto Serif SC",serif}.meta p,.meta time{margin:7px 0 0;font-size:11px;letter-spacing:.08em;color:#0007}.note{font-size:13px;line-height:1.9;color:#0008}
.practice{position:relative;isolation:isolate;overflow:hidden;background:#121310;color:#fff}.practice-art{position:absolute;inset:-18% -10% -20% 28%;z-index:-2;background:url("./assets/wang-duo-fan.webp") center/cover no-repeat;opacity:.2;filter:grayscale(1) invert(1) contrast(1.3);transform:rotate(-4deg)}.practice:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#121310 12%,#121310eb 55%,#1213109e)}.practice-inner{max-width:1500px;margin:auto;padding:clamp(84px,10vw,150px) clamp(22px,5vw,72px)}.section-code{color:#ffffff65}.practice-title{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;margin-top:38px}.practice h2{margin:0;font-size:clamp(3.1rem,7vw,7.5rem);line-height:1.05;letter-spacing:-.04em}.practice h2 em{color:#ffffff56;font-style:normal}.practice-title>p{margin:0 0 12px;font-size:14px;line-height:2;color:#ffffff80}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(60px,9vw,120px);border-top:1px solid #ffffff2e}.principles article{position:relative;min-height:330px;padding:28px 27px;border-right:1px solid #ffffff24;overflow:hidden}.principles article:last-child{border:0}.principles span{font-size:11px;letter-spacing:.2em;color:var(--red)}.principles i{position:absolute;right:-8px;top:15px;font:400 10rem/1 KaiTi,serif;color:#ffffff09}.principles h3{margin:80px 0 0;font:400 2rem "Noto Serif SC",serif}.principles p{max-width:280px;font-size:14px;line-height:2;color:#ffffff80}
footer{display:grid;grid-template-columns:auto 1fr 2fr auto;align-items:center;gap:22px;padding:38px clamp(22px,5vw,72px);border-top:1px solid #0002;font-size:12px;color:#0009}footer p{margin:0;line-height:1.8}footer p span{color:#0006}.credits{text-align:right}footer>a{font-size:11px;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(pointer:fine){body,a,button{cursor:none}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){#inkTrail,.brush-cursor{display:none}.ticker div{animation:none}.reveal{opacity:1;transform:none}.scroll-art{transform:scale(1.06)}}
@media(max-width:800px){.nav{height:72px;grid-template-columns:1fr auto}.nav nav{display:none}.nav-index{display:none}.hero-copy{padding:140px 22px 74px}.hero h1{font-size:clamp(4rem,18vw,6.4rem)}.hero-bottom{grid-template-columns:1fr;gap:34px}.round-link{width:94px;height:94px}.hero-masterwork{inset:28% -58% -8% 7%;opacity:.25}.hero-glyph{right:-10%;top:47%}.hero-glyph b{font-size:16rem}.hero-side{display:none}.hero-credit{left:22px;right:auto}.ticker div{font-size:9px}.archive-intro{padding-left:22px;padding-right:22px}.intro-title,.section-head,.practice-title{grid-template-columns:1fr}.intro-title h2{font-size:3.3rem}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div{min-height:120px}.scroll-window{height:560px}.scroll-window:after{background:linear-gradient(0deg,#12110de6,transparent 75%)}.scroll-caption{left:38px;right:38px;text-align:left}.scroll-rule{inset:28px}.scroll-quote{display:none}.gallery{display:block}.card,.card:nth-child(n){margin-bottom:54px;padding-top:0}.section-head>p{font-size:13px}.practice-title{gap:25px}.practice h2{font-size:3.5rem}.principles{grid-template-columns:1fr}.principles article{min-height:250px;border-right:0;border-bottom:1px solid #ffffff24}.principles h3{margin-top:46px}.practice-art{inset:0 -100% 0 0;width:210%}footer{grid-template-columns:auto 1fr}.credits{grid-column:1/-1;text-align:left}footer>a{grid-column:1/-1}.brush-cursor{display:none}}
@media(min-width:801px) and (max-width:1100px){.gallery{grid-template-columns:repeat(6,1fr)}.card,.card:nth-child(n){grid-column:span 3}.principles{grid-template-columns:1fr}.principles article{min-height:auto;border-right:0;border-bottom:1px solid #ffffff24}.practice-title{grid-template-columns:1fr}footer{grid-template-columns:auto 1fr 1fr}.credits{grid-column:auto}}