*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#302d29;background:#fafaf6;font:15px/1.8 'Microsoft YaHei',sans-serif;--accent:#445f83;--tint:#e6edf4}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 5%;border-bottom:1px solid #302d2925;background:#ffffffba}header .identity{font-family:Georgia,'SimSun',serif;font-size:22px;white-space:nowrap}.identity span{display:block;font:9px/1.5 Arial;letter-spacing:0}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}nav a{padding:8px 0;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.contact{font-size:12px;white-space:nowrap}main{max-width:1280px;margin:auto;padding:52px 6% 70px}.eyebrow{font:11px Arial;color:var(--accent);margin:0 0 18px}.page-title{margin:0;font:italic 64px/1.05 Georgia,serif;color:var(--accent)}h1{font-family:'SimSun',serif;font-size:30px;margin:12px 0 20px;font-weight:500}h2{font-family:'SimSun',serif;font-weight:500;font-size:24px;line-height:1.5;margin:0 0 15px}h3{font-size:15px;margin:0 0 8px}p{margin:0 0 18px}.lead{max-width:600px;color:#5c5a56}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;min-height:340px}.meta{font-size:12px;color:#666}.section{margin-top:50px;padding-top:28px;border-top:1px solid #302d292a}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.tag{display:inline-block;padding:3px 10px;background:var(--tint);color:var(--accent);font-size:11px}.paper{position:relative;background:#fffefb;padding:28px;box-shadow:3px 7px 18px #27252516;transform:rotate(-3deg);border:1px solid #302d2922}.paper:before{content:'';position:absolute;width:85px;height:25px;background:#dfd5bb99;top:-12px;left:40%;transform:rotate(6deg)}.paper img{display:block;width:100%;max-height:265px;object-fit:contain}.paper small{display:block;margin-top:15px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stats strong{display:block;font:44px Georgia;color:var(--accent)}.stats span{font-size:12px}.data-link{border:0;padding:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{border-top:2px solid var(--accent);padding:18px 0}.steps p{font-size:13px;color:#65605b}.audience{margin-top:20px;display:flex;height:14px;background:#8099be}.audience span{width:68%;background:#a34e5d}.quote{font:24px/1.8 'SimSun',serif;max-width:700px}.note{font-size:12px;color:#716a65}.project-cover{max-width:310px;margin:0 auto;background:#e9f0f1;min-height:350px;padding:25px 30px;box-shadow:10px 15px 0 #b4bfaf55;position:relative}.project-cover img{width:100%;height:320px;object-fit:cover}.contributions{padding:0;list-style:none}.contributions li{padding:14px 0;border-bottom:1px solid #302d2920}.contributions span{color:var(--accent);margin-right:14px}.journal{border-left:1px solid #cbbac5;padding-left:25px}.journal p{max-width:650px}.case{padding:30px 0;border-top:1px solid #302d2925}.case .label{font-size:12px;color:var(--accent)}.timeline{border-left:1px solid #728a76;padding-left:30px}.timeline article{position:relative;padding:0 0 40px}.timeline article:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);position:absolute;left:-35px;top:8px}.timeline li{margin:8px 0}.practice-art{display:grid;place-items:center;min-height:300px;background:#dce5dc;border-radius:48% 48% 0 0}.practice-art .sheet{background:#fffef9;width:210px;padding:35px 25px;transform:rotate(8deg);box-shadow:12px 12px 0 #afbdad}.sheet i{display:block;height:1px;background:#a1aca1;margin:22px 0}.sheet b{font:italic 30px Georgia;color:#58705a}footer{border-top:1px solid #302d2922;margin:0 5%;padding:23px 0;display:flex;justify-content:space-between;font-size:11px}.home-stage{position:relative}.home-stage video{width:100%;display:block}.home-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.home-links a{padding:13px 5px;text-align:center;border-bottom:1px solid #80644e;background:#f1eadf}.motion{margin-top:12px;background:none;border:1px solid #826c59;padding:5px 15px;color:#624e3b}.content{--accent:#355e88;--tint:#e1eaf4;background:#f4f5f2}.content .page-title{font-style:normal;font-weight:bold}.content .tag{background:#993f47;color:white}.projects{--accent:#72628a;--tint:#e9e1f1;background:#f5f2f7}.projects .hero{background:linear-gradient(120deg,#f5f2f7,#e5eadd);padding:30px}.communication{--accent:#8b6e85;--tint:#e9e0e8;background:#fcfafc}.communication .paper{background:#edf2f8;transform:rotate(3deg)}.communication .paper:before{background:#e5bfc77f}.practice{--accent:#4e6e5b;--tint:#e0e8dd;background:#f5f7f2}.home{--accent:#694d39;background:#eee8df}dialog{max-width:90vw;border:0;padding:30px;background:#fff}dialog::backdrop{background:#201c19bd}dialog img{max-height:80vh;max-width:80vw}dialog button{position:absolute;right:5px;top:0;border:0;background:white;font-size:25px}@media(max-width:750px){header{padding:15px 5%;flex-wrap:wrap;gap:10px}.identity{flex:1}nav{order:3;width:100%;gap:18px;font-size:12px}.contact{font-size:11px}main{padding:32px 6%}.hero{grid-template-columns:1fr;gap:35px}.page-title{font-size:44px}h1{font-size:26px}.columns,.steps{grid-template-columns:1fr;gap:20px}.paper{max-width:350px;margin:auto}.stats{gap:10px}.stats strong{font-size:32px}.section{margin-top:35px}.home-links{grid-template-columns:1fr 1fr}footer{gap:15px;flex-wrap:wrap}.projects .hero{padding:20px}.project-cover{width:100%}.section-head{align-items:start;flex-direction:column;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}