:root{--bg:#10110f;--ink:#f3f1eb;--muted:#b6b7ae;--gold:#c8ac70;--line:#363832;--serif:"Noto Serif SC","Source Han Serif SC","SimSun",serif;--sans:"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 var(--sans)}body.gallery-open{overflow:hidden}::selection{background:var(--gold);color:#14150f}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(--gold);outline-offset:7px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700}h2{text-wrap:balance}.skip-link{position:fixed;top:8px;left:16px;padding:10px 20px;background:#fff;color:#111;transform:translateY(-150%);z-index:100}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 56px;color:#f7f5ef}.signature{display:inline-flex;flex-direction:column;line-height:1.3;gap:5px}.signature>span{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:.08em}.signature small{font-size:11px;letter-spacing:.2em;color:#d0d1c9}.site-header nav{display:flex;gap:38px;align-items:center;font-size:14px;letter-spacing:.08em}.site-header nav a{padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.site-header nav a:hover,.site-header nav .current{color:#fff;border-color:#e9e6dd}
.hero{position:relative;height:100svh;min-height:700px;max-height:1120px;overflow:hidden;background:#292d30}.hero-images,.hero-image,.hero-shade{position:absolute;inset:0;height:100%;width:100%}.hero-image{object-fit:cover;opacity:0;transition:opacity 1.15s cubic-bezier(.2,.7,.2,1);object-position:center 48%}.hero-image.active{opacity:1}.hero-image.sunset{object-position:center 49%}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,transparent 30%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.77) 100%),linear-gradient(90deg,rgba(0,0,0,.15),transparent 64%)}.hero-content{position:absolute;left:56px;bottom:109px;z-index:1}.hero-line{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.17em;margin-bottom:23px;color:#eeece3}.hero-line::before{content:"";display:block;flex:0 0 42px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(90px,8.6vw,136px);line-height:1.22;letter-spacing:.035em;font-weight:800}.hero-motto{font:500 clamp(22px,2.05vw,30px)/1.55 var(--sans);letter-spacing:.04em;margin-top:7px}.hero-motto span{color:var(--gold)}.hero-role{display:flex;align-items:center;gap:14px;color:#d9d7ce;font-size:14px;letter-spacing:.08em;margin-top:22px}.hero-role i{display:block;width:3px;height:3px;background:#b5b4ab;border-radius:50%}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 26px;gap:25px;border-radius:30px;font-size:14px;letter-spacing:.03em;transition:background .2s,border-color .2s}.button.primary{background:#f7f5ef;color:#151610}.button.primary:hover{background:#d9c698}.button.secondary{border:1px solid #8d8e82;background:rgba(0,0,0,.1)}.button.secondary:hover{border-color:#f3f1eb;background:rgba(255,255,255,.09)}.button svg{width:18px;height:18px}.hero-selector{position:absolute;right:56px;bottom:118px;z-index:1;display:flex;flex-direction:column;gap:19px;align-items:flex-end}.scene{display:flex;align-items:center;gap:17px;padding:9px 0;background:transparent;min-height:44px;text-align:right;color:#d8d8ce;font-size:11px;letter-spacing:.08em}.scene i{height:1px;width:28px;background:#9c9f91;transition:background-color .25s}.scene.active i{width:56px;background:#f7f3e5}.scene.active{color:#fff}.scroll-cue{position:absolute;z-index:1;bottom:26px;left:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;color:#f2f0e5}
.section-width{width:calc(100% - 112px);max-width:1440px;margin:0 auto}.works{padding-top:124px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:38px;gap:24px}.section-heading h2{font-size:42px;line-height:1.4;letter-spacing:.015em}.section-heading>p{color:var(--muted);font-size:14px;letter-spacing:.035em}.project{padding:0;display:block;position:relative;width:100%;overflow:hidden;aspect-ratio:3/2;background:#262b27;text-align:left}.project-wide{aspect-ratio:21/9}.project img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.025)}.project-wide img{object-position:50% 55%}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72) 100%)}.project-caption{position:absolute;left:30px;right:30px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-caption h3{font-size:32px;line-height:1.5;letter-spacing:.025em}.project-caption p{font-size:12px;color:#e1e2d9;letter-spacing:.08em;margin-top:5px}.project-caption>svg{width:27px;height:27px;flex:none}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.about{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center;padding:150px 0 125px}.about-portrait{margin:0;min-width:0}.about-portrait img{width:100%;height:auto}.about-content{min-width:0}.about-heading h2{font-size:42px;line-height:1.65;letter-spacing:.02em}.about-signature{font-family:var(--serif);font-size:18px;margin-top:32px}.about-signature span{font:11px var(--sans);color:var(--muted);letter-spacing:.16em;margin-left:20px}.about-copy{padding-top:26px}.about-copy>p{font-size:16px;line-height:2.1;color:#c6c8bd;max-width:34em}.about-copy>p+p{margin-top:22px}.disciplines{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--gold);letter-spacing:.08em}.experience{padding:12px 0 120px}.timeline{border-top:1px solid var(--line)}.career{display:grid;grid-template-columns:210px 1fr 220px;gap:25px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.career time{font-size:12px;letter-spacing:.025em;color:var(--muted);font-variant-numeric:tabular-nums}.career h3{font:400 16px var(--sans)}.career p{font-size:13px;color:var(--muted);text-align:right}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:35px 0 45px;border-top:1px solid var(--line)}.site-footer>p{font-size:12px;letter-spacing:.08em;color:var(--muted)}.site-footer .signature small{color:var(--muted)}.back-top{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.back-top svg{height:17px;width:17px}
dialog{padding:0;border:0;background:#0d0e0c;color:var(--ink);width:100%;height:100%;max-width:none;max-height:none;margin:0;position:fixed;inset:0;z-index:10}dialog::backdrop{background:#0d0e0c}.gallery-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.gallery-header h2{font-size:23px}.icon-button{background:transparent;display:grid;place-items:center;min-width:48px;min-height:48px}.icon-button:hover{background:#252821}.gallery-stage{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;height:calc(100% - 100px);gap:10px;padding:0 25px 20px}.gallery-stage figure{margin:0;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.gallery-image{width:100%;height:calc(100% - 44px);min-height:0;object-fit:contain}.gallery-stage figcaption{color:var(--muted);font-size:13px;letter-spacing:.035em}
@media(min-width:1600px){.hero-content{left:calc((100% - 1488px)/2)}.site-header{padding-left:calc((100% - 1488px)/2);padding-right:calc((100% - 1488px)/2)}}
@media(max-width:800px){html{scroll-padding-top:28px}.site-header{padding:24px}.site-header nav{gap:24px;font-size:13px}.signature>span{font-size:20px}.signature small{font-size:11px}.nav-experience{display:none}.hero{min-height:700px;max-height:1000px}.hero-content{left:24px;bottom:135px;right:24px}.hero h1{font-size:92px}.hero-motto{font-size:24px}.hero-line{gap:12px;font-size:11px;letter-spacing:.1em}.hero-line::before{flex-basis:32px}.hero-selector{right:24px;bottom:45px;flex-direction:row;gap:18px}.scene span{display:none}.scene i{width:26px}.scene.active i{width:42px}.scroll-cue{left:19px;bottom:36px}.hero-image.sunset{object-position:74% center}.hero-image.dusk{object-position:62% center}.section-width{width:calc(100% - 48px)}.works{padding-top:74px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:9px;font-size:12px}.project-grid{gap:18px;margin-top:18px}.project-caption{left:20px;right:20px;bottom:20px}.project-caption h3{font-size:26px}.project-caption p{font-size:11px;letter-spacing:0}.about{gap:35px;grid-template-columns:1fr;padding:90px 0 75px}.about-heading h2{font-size:34px}.about-copy{padding-top:26px}.about-copy>p{font-size:15px}.experience{padding:0 0 75px}.career{grid-template-columns:135px 1fr;gap:10px 16px;padding:22px 0}.career h3{font-size:14px}.career p{grid-column:2;text-align:left;font-size:12px}.career time{font-size:11px}.site-footer{padding:25px 0 30px}.site-footer>p{display:none}}
@media(max-width:520px){.hero{min-height:680px}.hero-motto{font-size:22px}.hero-motto span{display:block}.hero h1{font-size:80px;letter-spacing:.015em}.hero-role{font-size:12px;gap:12px;margin-top:18px}.hero-actions{margin-top:27px;gap:12px}.button{min-height:46px;padding:0 23px;font-size:13px;gap:20px}.hero-line{margin-bottom:18px;max-width:24em}.project-wide{aspect-ratio:3/2}.project-grid{grid-template-columns:1fr}.project-caption h3{font-size:27px}.project-caption p{font-size:11px}.project-caption{left:21px;right:21px;bottom:20px}.about-heading h2{font-size:31px}.about-signature{margin-top:24px}.career{grid-template-columns:1fr;gap:7px}.career p{grid-column:1}.career time{margin-bottom:3px}.career h3{line-height:1.7}.gallery-header{height:75px;padding:0 16px}.gallery-header h2{font-size:20px}.gallery-stage{grid-template-columns:38px minmax(0,1fr) 38px;padding:0 2px 20px;gap:1px;height:calc(100% - 85px)}.icon-button{min-width:38px;min-height:46px}.gallery-stage figcaption{font-size:11px}.gallery-stage figure{gap:12px}.gallery-image{height:calc(100% - 50px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}