:root{--paper:#f5f2ec;--ink:#34362e;--muted:#78786d;--line:#d9d6cd;--olive:#696d54}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 'Helvetica Neue',Arial,'PingFang SC','Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--olive);outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.identity{font:34px Georgia,serif;display:flex;align-items:center;gap:18px}.identity span{font:10px Arial;letter-spacing:2px}nav{display:flex;gap:36px;font-size:12px}.header-link{font-size:12px}.hero{position:relative;min-height:735px;padding:82px 5% 78px;display:grid;grid-template-columns:46% 54%;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);margin:0 0 30px}.hero-copy{padding-top:40px;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-family:Georgia,'Songti SC',SimSun,serif;font-size:clamp(46px,5.5vw,86px);line-height:1.25;font-weight:400;letter-spacing:-2px;margin:0}h1 span{display:block;font:italic 27px Georgia;letter-spacing:0;color:#858575;margin-top:24px}.intro{margin:30px 0 30px;color:var(--muted);font-size:13px;line-height:2}.text-link{display:inline-flex;gap:40px;align-items:center;background:none;border:0;border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px}.hero-art{position:relative;min-height:510px}.arch{position:absolute;inset:-25px 7% 25px;background:linear-gradient(135deg,#e5e1d7,#ede9e0 70%);border-radius:48% 48% 3px 3px;box-shadow:inset 14px 12px 35px #a6a39415}.arch:after{content:'';position:absolute;bottom:-5px;left:10%;right:10%;height:90px;background:linear-gradient(#eeeae2,#d9d5c9);border-radius:50%;box-shadow:0 35px 40px #59554418}#viewer{position:absolute;inset:-50px -25px 0;z-index:1;touch-action:pan-y}canvas{display:block;width:100%;height:100%;touch-action:none}.art-index{position:absolute;left:10%;bottom:1px;font-size:9px;letter-spacing:2px;z-index:2}.art-index span{color:var(--muted)}.view-hint{position:absolute;bottom:-30px;left:10%;font-size:10px;color:var(--muted);z-index:2}.model-loading{position:absolute;inset:40% 0 auto;text-align:center;z-index:3;color:var(--muted);pointer-events:none}.hotspot{position:absolute;right:20%;top:25%;border:1px solid #aaa99b;background:#ffffffa8;border-radius:50%;width:30px;height:30px;z-index:3}.detail-note{position:absolute;right:10%;top:34%;z-index:3;background:#fffc;padding:18px;border:1px solid var(--line);font-size:12px;max-width:230px}.detail-note small{color:var(--muted)}.hero-foot{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted)}h2{font:400 43px/1.4 Georgia,'Songti SC',SimSun,serif;letter-spacing:-1px;margin:0}h2 em{font-style:normal;color:#8c8c79}.atelier{padding:70px 8%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#eae7de66}.atelier p{color:var(--muted);font-size:12px}.segmented,.controls{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.segmented button,.controls button,.filters button{border:1px solid var(--line);border-radius:30px;padding:8px 17px;background:transparent;font-size:11px}.segmented button.active,.controls button.active,.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fine{font-size:10px!important}.collection{padding:90px 5%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:25px}.section-title h2 span{display:block;font:italic 20px Georgia;color:var(--muted);margin-top:7px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project{padding:0;border:0;text-align:left;background:none}.project[hidden]{display:none}.project-image{height:440px;overflow:hidden;background:#e8e3da;position:relative}.project:nth-child(2n){margin-top:75px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project:hover img{transform:scale(1.035)}.project-image .label{position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:1px;background:#f8f5edeb;padding:5px 10px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.project-info h3{font:24px Georgia;margin:0}.project-info p{font-size:10px;color:var(--muted);margin:5px 0 0}.arrow{font-size:22px}.about{border-top:1px solid var(--line);padding:90px 8%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about-body{max-width:620px;color:var(--muted);font-size:13px;margin:30px 0}.skills{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:10px}.skills span{border-bottom:1px solid var(--line);padding:9px 0}footer{padding:70px 8% 30px;background:#e7e4da}footer h2{font-size:51px}.email{display:inline-block;font:24px Georgia;margin-top:30px;border-bottom:1px solid #999b8c}.footer-bottom{border-top:1px solid #cbc9bd;margin-top:70px;padding-top:25px;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.footer-bottom button{border:0;background:none;font-size:10px}dialog{border:0;background:var(--paper);width:min(1050px,95vw);max-height:92vh;padding:50px;color:var(--ink)}dialog::backdrop{background:#29291dc9;backdrop-filter:blur(8px)}#close-dialog{position:sticky;top:0;display:block;margin-left:auto;border:1px solid var(--line);padding:7px 16px;border-radius:25px;background:var(--paper);z-index:2}dialog h2{margin:25px 0}dialog img{width:100%;display:block;margin-top:25px}dialog .description{max-width:650px;color:var(--muted)}dialog .note{font-size:11px;color:var(--muted);padding:20px 0}dialog a{display:inline-block;border-bottom:1px solid;padding:10px 0}body.modal-open{overflow:hidden}@media(min-width:1500px){.hero{min-height:840px}.hero-art{min-height:610px}}@media(max-width:760px){header{height:76px}.identity{font-size:28px}.identity span{font-size:8px;letter-spacing:1px}nav{gap:16px;font-size:10px}nav a:last-child{display:none}.header-link{display:none}.hero{padding:28px 6% 60px;display:flex;flex-direction:column;min-height:900px}.hero-copy{padding-top:10px}.eyebrow{font-size:8px;margin-bottom:23px}h1{font-size:48px}h1 span{font-size:22px;margin-top:13px}.intro{font-size:12px;margin:20px 0 10px}.hero-art{margin-top:48px;min-height:370px;width:100%}#viewer{inset:-40px -10px 0}.arch{inset:-10px 9% 20px}.art-index{bottom:0;font-size:8px}.view-hint{bottom:-24px}.hero-foot{bottom:15px;font-size:7px;letter-spacing:.7px;gap:20px}.hero-foot span:last-child{max-width:160px;text-align:right}.atelier{grid-template-columns:1fr;padding:45px 6%;gap:25px}h2{font-size:33px}.atelier h2 br{display:none}.section-title{display:block}.filters{margin-top:22px;gap:2px}.filters button{padding:8px 12px}.collection{padding:55px 6%}.projects{grid-template-columns:1fr;gap:28px}.project:nth-child(2n){margin-top:0}.project-image{height:370px}.project-info h3{font-size:22px}.about{padding:55px 6%;grid-template-columns:1fr;gap:5px}.about-body{font-size:12px}footer{padding:50px 6% 25px}footer h2{font-size:36px}.email{font-size:21px}.footer-bottom{flex-wrap:wrap;gap:15px;margin-top:45px;font-size:9px}dialog{padding:20px;width:96vw}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{grid-template-areas:"copy art" "panel art";grid-template-rows:auto auto;column-gap:3%;padding-top:60px;min-height:820px}.hero-copy{grid-area:copy;padding-top:0}.hero-art{grid-area:art;height:560px;align-self:center}.exhibit-controls{grid-area:panel;pointer-events:auto;max-width:490px;margin-top:15px}.exhibit-controls p{font-size:11px;color:var(--muted)}.hero-copy .intro{margin:20px 0 10px}.hero-copy .text-link{display:none}#back-view{display:none}.controls,.segmented{margin:12px 0}.exhibit-controls .fine{max-width:390px}@media(max-width:760px){.hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"copy" "art" "panel";padding:30px 6% 75px;min-height:0}.hero-art{height:360px;margin-top:35px;margin-bottom:35px}.exhibit-controls{margin-top:0}.hero-foot{font-size:6px}.hero-copy .intro{margin-bottom:0}.hero-art #viewer{inset:-25px -5px 0}}

.project-image img{object-fit:contain}.hd-figure{margin:30px 0}.hd-figure img{height:auto;max-width:100%;margin:0;object-fit:contain}.hd-figure>a{display:block;border:0;padding:0}.hd-figure figcaption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.hd-figure figcaption a{padding:0;border:0}#project-dialog{width:min(1400px,96vw)}

.live-image-copy{padding:8px 0 20px}.live-image-copy h3{font-size:18px;font-weight:400;margin:5px 0}.live-image-copy p{font-size:14px;color:var(--muted);margin:5px 0}.hd-figure img{image-rendering:auto}.project-image{aspect-ratio:16/9;height:auto}.project-image img{height:100%;aspect-ratio:16/9;object-fit:contain}