@charset "UTF-8";
:root{--bg:#151715;--surface:#20241f;--ink:#f2f0e9;--muted:#a3aa9c;--line:#373d33;--accent:#d6e6a7;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:Inter,"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:var(--accent);color:#151715;padding:10px}.skip:focus{top:10px}.header{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;font-size:16px}.brand-mark{font-family:Georgia,serif;font-size:34px;letter-spacing:-4px;padding-right:4px;color:var(--accent)}.header nav{display:flex;gap:44px}.header nav a{font-size:14px}.header nav span{color:var(--accent);margin-left:8px}.header-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.hero{max-width:1440px;padding:74px 5vw 66px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--accent);margin:0 0 23px}.hero h1{font-family:var(--serif);font-size:clamp(60px,6.7vw,96px);font-weight:400;letter-spacing:-3px;margin:0;line-height:1.2}.name-dot{color:var(--accent);font-family:Georgia,serif}.hero h2{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,33px);margin:28px 0 19px;letter-spacing:1px}.bio{max-width:400px;color:var(--muted);line-height:1.9}.primary{display:inline-flex;align-items:center;gap:75px;border:1px solid var(--accent);background:var(--accent);color:#1b2518;padding:13px 22px;margin-top:24px;font-size:14px}.primary:hover{background:#e6efca}.hero-note{font-size:10px;letter-spacing:1px;color:var(--muted);margin:37px 0 0}.hero-art{position:relative;padding:20px 20px 0;background:#22251e;border:1px solid var(--line);transform:rotate(1.5deg)}.hero-art>img{width:100%;height:390px;object-fit:cover;object-position:center}.art-label{display:flex;justify-content:space-between;gap:10px;padding:20px 0;font-size:11px}.art-label span:last-child{color:var(--muted);font-size:9px;letter-spacing:1.2px}.art-index{position:absolute;top:35px;left:35px;font-size:9px;letter-spacing:2px;padding:4px 8px;color:white;background:#151715a6}.disciplines{display:flex;justify-content:space-around;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 5vw;color:var(--muted);font-size:10px;letter-spacing:2.4px}.works{max-width:1440px;margin:auto;padding:90px 5vw 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:40px;margin:0}.section-heading h2 span{font:11px var(--sans);margin-left:18px;color:var(--muted);vertical-align:super}.section-heading p:last-child{font-size:12px;color:var(--muted);margin:0 0 5px}.toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding:22px 0 32px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;padding:7px 15px;color:var(--muted);font-size:12px}.filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);border-radius:25px}.filters button:hover{color:var(--ink)}.search{display:flex;gap:10px;border-bottom:1px solid var(--line);align-items:center}.search>span{font-size:24px;color:var(--muted)}.search input{width:175px;background:transparent;border:0;color:var(--ink);font-size:12px;padding:8px 0;outline-offset:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 34px}.project-card{border:0;background:transparent;padding:0;text-align:left;width:100%;display:block}.project-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.035)}.project-image.contain img{object-fit:contain}.project-type{position:absolute;bottom:14px;left:15px;background:#151715c9;border:1px solid #ffffff30;padding:4px 9px;font-size:9px;letter-spacing:1px}.project-arrow{position:absolute;right:14px;top:14px;border:1px solid #ffffff60;background:#15171590;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:17px}.project-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:10px;letter-spacing:1px;margin-top:19px}.project-card h3{font-weight:400;font-size:22px;line-height:1.45;margin:9px 0;letter-spacing:.3px}.project-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0;max-width:92%}.about{max-width:1440px;margin:auto;padding:72px 5vw 90px;border-top:1px solid var(--line)}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.about h2{font-family:var(--serif);font-size:48px;font-weight:400;margin:0;line-height:1.4}.about-copy{color:var(--muted);font-size:14px;line-height:1.9}.about-copy p:first-child{margin-top:0}.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.skill-tags span{font-size:10px;border:1px solid var(--line);padding:6px 10px}footer{border-top:1px solid var(--line);padding:26px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .brand{color:var(--accent);font-family:Georgia,serif;font-size:25px}footer .brand span{font-family:var(--sans);font-size:12px;color:var(--ink)}dialog{border:1px solid var(--line);color:var(--ink);background:var(--bg);padding:0;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.detail{width:min(1000px,94vw);max-height:90vh}.dialog-top{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg);z-index:2;padding:15px 30px;border-bottom:1px solid var(--line);font-size:11px;color:var(--accent)}.close{background:transparent;border:1px solid var(--line);padding:5px 14px;color:var(--ink);font-size:12px}.detail-content{padding:42px 7% 60px}.detail h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.45;margin:0 0 18px}.detail-summary{color:var(--accent);font-size:15px;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:36px}.prose{font-size:14px;line-height:2;color:#c8cdbf;overflow-wrap:anywhere}.prose p{margin:20px 0;white-space:pre-line}.prose h3,.prose h4,.prose h5{font-size:19px;font-weight:500;color:var(--ink);margin:35px 0 15px}.prose strong{color:var(--ink);font-weight:500}.prose code{padding:2px 4px;font-size:12px;background:var(--surface);border-radius:3px}.prose li{margin:9px 0}.prose a{color:var(--accent);text-decoration:underline}.media-figure{margin:30px 0;background:#1b1f19;border:1px solid var(--line)}.media-figure img{width:100%;max-height:700px;object-fit:contain}.media-figure button{border:0;background:transparent;padding:0;width:100%;cursor:zoom-in}.media-figure video{width:100%;display:block;max-height:650px;background:#0d100d}.media-figure figcaption{padding:10px 14px;font-size:10px;color:var(--muted);line-height:1.6}.lightbox{width:min(1400px,98vw);height:min(96vh,1000px);background:#111;overflow:hidden}.lightbox .close{position:absolute;top:12px;right:12px;background:#151715d9;z-index:3}.lightbox img{width:100%;height:calc(100% - 40px);object-fit:contain}.lightbox p{margin:5px 20px;color:var(--muted);font-size:12px}.draft-banner{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:#151715;text-align:center;font-size:13px;padding:8px;z-index:10}.draft-banner a{text-decoration:underline;margin-left:20px}body.modal-open{overflow:hidden}@media(max-width:800px){.header{height:75px}.header-label{display:none}.header nav{gap:25px}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px}.hero h1{font-size:70px}.hero-art{transform:none}.hero-art>img{height:330px}.hero-note{margin-top:25px}.disciplines{justify-content:center;font-size:8px;gap:20px}.works{padding-top:60px}.section-heading h2{font-size:31px}.section-heading>p{display:none}.toolbar{flex-direction:column;align-items:start;gap:15px}.search{width:100%}.search input{width:100%}.project-grid{gap:36px 20px}.project-card h3{font-size:18px}.about>div{grid-template-columns:1fr;gap:30px}.about h2{font-size:40px}.detail h2{font-size:26px}.detail-content{padding:30px 6%}.dialog-top{padding:12px 6%}footer{flex-wrap:wrap;gap:20px}}@media(max-width:520px){.project-grid{grid-template-columns:1fr}.hero-art>img{height:290px}.hero h1{font-size:64px}.filters{gap:2px}.filters button{padding:6px 10px}.project-card h3{font-size:21px}.art-label span:last-child{font-size:8px}.header,.hero,.works,.about{padding-left:6vw;padding-right:6vw}.detail{width:100vw;max-height:100dvh;height:100dvh;margin:0;border:0}.detail-content{padding-bottom:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}.project-card:hover img{transform:none}}

.hero h1 .portfolio-word{display:block;font-size:.52em;letter-spacing:.08em;margin-top:.18em}