:root{color:#f5efe3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#78dce8;--gold-soft:#78dce829;--line:#ffffff24;--muted:#f5efe3ad;--panel:#ffffff0e;background:#050505;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0,#78dce814,#0000 32rem),linear-gradient(#050505 0%,#0d0b08 48%,#050505 100%);min-width:320px;margin:0;overflow-x:hidden}main{isolation:isolate;position:relative}.ambient-canvas{z-index:0;pointer-events:none;opacity:.72;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;inset:0}main>section,main>header{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(100% - 48px,1700px);margin:0 auto}.site-header{z-index:30;color:#fffaf0;pointer-events:none;background:0 0;justify-content:center;align-items:center;width:100%;padding:0 clamp(24px,4vw,64px);transition:top .28s,transform .28s;display:flex;position:absolute;top:44px;left:0}.site-header.is-pinned{position:fixed;top:44px}.brand-mark,.portfolio-label,.primary-button,.secondary-button,.category-bar button{border:1px solid var(--line);border-radius:999px;min-height:42px}.brand-mark{width:auto;height:auto;min-height:auto;color:var(--gold);letter-spacing:0;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 0 22px #78dce838;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-family:Segoe Script,Brush Script MT,Lucida Handwriting,cursive;font-size:28px;font-weight:400;display:inline-flex}.hero-brand{z-index:4;position:absolute;top:24px;left:clamp(24px,4vw,64px)}.nav-links{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;background:#0a0a0a6b;border:1px solid #ffffff1a;border-radius:999px;gap:clamp(18px,3vw,42px);padding:10px 22px;transition:border-color .28s,background .28s,box-shadow .28s;display:flex}.site-header.is-pinned .nav-links{-webkit-backdrop-filter:blur(28px)saturate(1.18);backdrop-filter:blur(28px)saturate(1.18);background:#0c0c0c9e;border-color:#ffffff2e;box-shadow:0 18px 60px #00000061}.nav-links a{color:#fffaf0c7;font-size:14px;transition:color .25s}.nav-links a:hover{color:var(--gold)}.header-actions{pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;right:clamp(24px,4vw,64px)}.portfolio-label{color:#fff7df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#78dce829;border-color:#78dce85c;align-items:center;padding:0 18px;font-size:14px;transition:border-color .28s,background .28s,box-shadow .28s;display:inline-flex}.site-header.is-pinned .portfolio-label{-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:#78dce833;border-color:#78dce885;box-shadow:0 16px 44px #0000004d}.menu-button{color:#fff7df;border:1px solid var(--line);background:#00000061;border-radius:50%;place-items:center;width:44px;height:44px;display:none}.hero{align-items:end;min-height:100vh;padding:138px 0 52px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:30px clamp(16px,2.7vw,48px)}.hero:after{content:"";z-index:2;pointer-events:none;opacity:.13;mix-blend-mode:overlay;background-image:radial-gradient(circle at 18% 24%,#ffffff47 0 1px,#0000 1px),radial-gradient(circle at 72% 44%,#ffffff2e 0 1px,#0000 1px),radial-gradient(circle at 42% 78%,#ffffff38 0 1px,#0000 1px);background-size:5px 5px,7px 7px,11px 11px;position:absolute;inset:0}.hero-video-stack,.hero-shade{position:absolute;inset:0}.hero-video-stack{background:#050505;overflow:hidden}.hero-video{object-fit:cover;filter:saturate(1.02)contrast(1.08)brightness(.72);opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .8s linear;position:absolute;inset:0;transform:scale(1.02)}.hero-video:first-child{opacity:1}.hero-shade{background:radial-gradient(circle at 68% 36%,#78dce824,#0000 25rem),linear-gradient(90deg,#000000b3,#0000001a 56%,#0000006b),linear-gradient(#0505056b 0%,#0505050a 56%,#050505 100%)}.hero-inner{z-index:2;grid-template-columns:minmax(320px,.72fr) 1fr;align-items:end;gap:clamp(32px,5vw,86px);display:grid;position:relative}.eyebrow,.section-kicker{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:13px}.hero h1{color:#fff8e9;letter-spacing:0;text-transform:uppercase;max-width:980px;margin:0;font-size:clamp(54px,9vw,142px);font-weight:500;line-height:.84}.hero h1 span{background:linear-gradient(90deg,#fff8e9 0% 43%,#d8f8f9 48%,#69d8e5 51%,#d8f8f9 54%,#fff8e9 59% 100%) 100%/240% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:max-content;animation:7.5s cubic-bezier(.22,1,.36,1) infinite hero-title-sweep;display:block}@keyframes hero-title-sweep{0%,16%{background-position:100%}68%,to{background-position:0%}}.hero-copy{color:#fff8e9c7;max-width:560px;margin:24px 0 0;font-size:clamp(15px,1.05vw,18px);line-height:1.8}.hero-tags{flex-wrap:wrap;gap:10px;max-width:720px;margin-top:26px;display:flex}.hero-tags span{color:#fff8e9b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000042;border:1px solid #78dce83d;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:transform .24s,border-color .24s,background .24s;display:inline-flex}.primary-button{color:#160f05;border-color:var(--gold);background:var(--gold)}.secondary-button{color:#fff8e9;background:#ffffff0f}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.secondary-button:hover{background:#78dce81f;border-color:#78dce88c}.scroll-cue{z-index:3;color:#fff8e994;writing-mode:vertical-rl;font-size:12px;position:absolute;bottom:42px;right:clamp(24px,4vw,64px)}.section-pad{padding:clamp(88px,9vw,148px) 0}.about-editorial{gap:0;display:grid}.about-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.about-topline .section-kicker{margin:0}.about-topline>span{color:#f5efe36b;text-transform:uppercase;font-size:11px}.about-stage{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:center;gap:clamp(54px,8vw,140px);padding:clamp(54px,6vw,96px) 0;display:grid}.portrait-panel,.project-card,.strength-card,.contact-card{background:var(--panel);border:1px solid #ffffff1f;position:relative;overflow:hidden}.portrait-panel:before,.project-card:before,.strength-card:before{content:"";z-index:2;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #78dce838, transparent 28%);transition:opacity .25s;position:absolute;inset:0}.portrait-panel:hover:before,.project-card:hover:before,.strength-card:hover:before{opacity:1}.portrait-panel{border-radius:6px}.portrait-panel img{object-fit:cover;filter:contrast(1.04)saturate(.9);width:100%;height:100%;transition:transform .8s,filter .8s}.portrait-panel:hover img{filter:contrast(1.08)saturate();transform:scale(1.05)}.about-content h2,.section-heading h2,.contact-grid h2{color:#fff8e9;letter-spacing:0;margin:0;font-size:clamp(34px,4.3vw,76px);line-height:1.02}.about-content h2{margin-top:12px;font-size:clamp(56px,7vw,112px);line-height:.92}.about-role{color:var(--gold);margin:0;font-size:clamp(14px,1.1vw,18px);font-weight:600;line-height:1.45}.about-content p,.section-heading p,.contact-grid p{max-width:790px;color:var(--muted);font-size:15px;line-height:1.8}.about-statement{max-width:720px;margin:clamp(28px,3.4vw,52px) 0 0;font-weight:500;color:#fff8e9!important;font-size:clamp(22px,2vw,34px)!important;line-height:1.45!important}.about-summary{margin:18px 0 0;max-width:680px!important}.about-project-link{color:#fff8e9;align-items:center;gap:10px;margin-top:28px;font-size:14px;display:inline-flex}.about-project-link svg{color:var(--gold);transition:transform .25s}.about-project-link:hover svg{transform:translate(3px,-3px)}.about-visual{aspect-ratio:4/5;background:#efefef;min-height:0;margin:0}.about-visual img{object-position:center;min-height:0}.about-visual figcaption{z-index:3;color:#ffffffc2;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505d1;justify-content:space-between;gap:16px;padding:15px 18px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.about-info-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr 1fr;display:grid}.about-info-band>div{border-right:1px solid var(--line);min-width:0;padding:26px clamp(22px,2.3vw,38px) 28px}.about-info-band>div:first-child{padding-left:0}.about-info-band>div:last-child{border-right:0;padding-right:0}.about-info-label{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.about-info-label span,.about-info-label em{color:#f5efe370;text-transform:uppercase;font-size:10px;font-style:normal}.about-experience time{color:var(--gold);margin-bottom:10px;font-size:12px;display:block}.about-experience strong{color:#fff8e9;font-size:16px;display:block}.about-experience p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}.about-metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.about-metric-grid strong{color:var(--gold);font-size:clamp(24px,2.2vw,36px);font-weight:500;line-height:1;display:block}.about-metric-grid span{color:#f5efe385;margin-top:10px;font-size:11px;line-height:1.5;display:block}.about-contact-panel{align-content:start;gap:10px;scroll-margin-top:110px;display:grid}.about-contact-panel .about-info-label{margin-bottom:14px}.about-contact-list{gap:8px;display:grid}.about-contact-panel a,.about-contact-panel .wechat{color:#fff8e9c2;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;min-height:46px;font-style:normal;line-height:1.45;display:grid}.about-contact-icon{background:#78dce80f;border:1px solid #78dce83d;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.about-contact-icon svg{color:var(--gold);flex:none}.about-contact-value{gap:2px;min-width:0;display:grid}.about-contact-value small{color:#fff8e957;text-transform:uppercase;font-size:9px;line-height:1.2}.about-contact-value strong{color:#fff8e9d1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.about-contact-arrow{color:#fff8e957;width:15px;height:15px;transition:color .22s,transform .22s}.about-contact-panel a:hover .about-contact-arrow{color:var(--gold);transform:translate(2px,-2px)}.section-heading{justify-content:space-between;align-items:end;gap:34px;margin-bottom:34px;display:flex}.section-heading p{max-width:560px;margin:0 0 8px}.project-count{align-items:flex-end;gap:14px;padding-bottom:7px;display:flex}.project-count strong{color:var(--gold);font-size:32px;font-weight:500;line-height:.9}.project-count span{color:#f5efe370;text-transform:uppercase;font-size:10px}.category-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 22px;margin-bottom:clamp(30px,3.5vw,54px);padding:16px 0;display:flex}.category-bar button{cursor:pointer;color:#fff8e9a8;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:0;font-size:13px;font-weight:500;line-height:1;transition:color .24s,border-color .24s,background .24s;display:inline-flex;position:relative}.category-bar button svg{stroke-width:1.8px;flex:0 0 14px;width:14px;height:14px}.category-bar button span{white-space:nowrap}.category-bar button:hover,.category-bar button.is-active{color:var(--gold);background:0 0}.category-bar button:after{content:"";background:var(--gold);height:1px;transition:transform .24s;position:absolute;bottom:-17px;left:0;right:0;transform:scaleX(0)}.category-bar button:hover:after,.category-bar button.is-active:after{transform:scaleX(1)}.project-browser{grid-template-columns:minmax(220px,270px) minmax(0,1fr);align-items:start;gap:clamp(34px,4vw,72px);display:grid}.project-sidebar{border-top:1px solid var(--line);position:sticky;top:112px;overflow:hidden}.project-sidebar-heading{box-sizing:border-box;border-bottom:1px solid var(--line);align-content:start;gap:6px;min-height:100px;padding:20px 0 22px;display:grid}.project-sidebar-heading span,.project-list-heading span{color:#fff8e966;text-transform:uppercase;font-size:10px}.project-sidebar-heading strong{color:#fff8e9;font-size:clamp(24px,2.2vw,36px);line-height:1.1}.project-category-list{display:grid}.project-category-list button{cursor:pointer;color:#fff8e98f;text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:0;transition:color .22s,padding .22s;display:flex;position:relative}.project-category-list button:before{content:"";background:var(--gold);width:2px;transition:transform .22s;position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.project-category-list button:hover,.project-category-list button.is-active{color:#fff8e9;padding-left:12px}.project-category-list button.is-active:before{transform:scaleY(1)}.project-category-label{grid-template-columns:24px 16px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.project-category-label em,.project-category-total{color:#fff8e952;font-size:10px;font-style:normal;font-weight:500}.project-category-label svg{width:15px;height:15px;color:var(--gold);stroke-width:1.8px}.project-category-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.project-category-list button.is-active .project-category-total{color:var(--gold)}.project-browser-content{min-width:0}.project-list-heading{box-sizing:border-box;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;min-height:100px;margin-bottom:clamp(28px,3vw,46px);padding:20px 0 22px;display:flex}.project-list-heading div{gap:7px;display:grid}.project-list-heading h3{color:#fff8e9;margin:0;font-size:clamp(24px,2.2vw,36px);line-height:1.1}.project-list-heading>span{align-self:flex-end;padding-bottom:3px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,4vw,72px) clamp(18px,2.2vw,36px);display:grid}.project-card{isolation:isolate;opacity:0;animation:.52s cubic-bezier(.22,1,.36,1) forwards projectReveal;animation-delay:var(--delay,0s);background:0 0;border:0;transition:transform .32s;overflow:visible}@keyframes projectReveal{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.project-card:before{display:none}.project-media{cursor:zoom-in;aspect-ratio:16/10;width:100%;color:inherit;text-align:left;background:var(--panel);isolation:isolate;border:1px solid #ffffff1f;border-radius:6px;padding:0;display:block;position:relative;overflow:hidden}.project-media img,.project-media video{object-fit:cover;filter:brightness(.86)saturate(.9);width:100%;height:100%;transition:transform .8s,filter .8s;display:block;transform:scale(1.01)}.project-media:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.project-card:hover{transform:translateY(-3px)}.project-card:hover .project-media{border-color:#78dce870}.project-card:hover .project-media img,.project-card:hover .project-media video{filter:brightness()saturate(1.02);transform:scale(1.045)}.project-media video{pointer-events:none}.project-video-play{z-index:3;color:#071012;background:#78dce8eb;border:1px solid #ffffff94;border-radius:50%;place-items:center;width:54px;height:54px;padding:0 0 0 3px;transition:opacity .24s,transform .24s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 34px #00000057}.project-media.is-playing .project-video-play{pointer-events:none;opacity:0;transform:translate(-50%,-50%)scale(.86)}.project-video-duration{z-index:3;color:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070894;border:1px solid #ffffff29;border-radius:999px;padding:6px 9px;font-size:10px;line-height:1;position:absolute;bottom:14px;right:14px}.project-index{z-index:3;color:#050505;background:var(--gold);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:600;display:grid;position:absolute;top:14px;right:14px}.project-meta{border-top:1px solid #0000;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) 42px;align-items:center;gap:18px;min-height:94px;padding:18px 0 0;display:grid}.project-meta span{color:var(--gold);font-size:11px}.project-meta h3{color:#fff8e9;margin:7px 0 0;font-size:clamp(18px,1.35vw,24px);line-height:1.25}.project-meta p{color:#fff8e985;margin:0;font-size:12px;line-height:1.55}.project-meta .project-arrow{color:#fff8e9b8;border:1px solid var(--line);border-radius:50%;place-items:center;width:42px;height:42px;transition:color .25s,border-color .25s,transform .25s;display:grid}.project-card:hover .project-arrow{color:var(--gold);border-color:#78dce880;transform:rotate(45deg)}.project-lightbox{z-index:2000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020304f0;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:clamp(16px,2.2vw,36px);display:grid;position:fixed;inset:0}.project-lightbox-close{z-index:3;cursor:pointer;color:#fff8e9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0db8;border:1px solid #fff3;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:color .22s,border-color .22s,transform .22s;display:grid;position:absolute;top:clamp(16px,2.2vw,34px);right:clamp(16px,2.2vw,34px)}.project-lightbox-close:hover{color:var(--gold);border-color:#78dce885;transform:rotate(90deg)}.project-lightbox-close svg{width:20px;height:20px}.project-lightbox-download{z-index:3;color:#fff8e9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0db8;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:12px;transition:color .22s,border-color .22s,background .22s;display:inline-flex;position:absolute;top:clamp(16px,2.2vw,34px);left:clamp(16px,2.2vw,34px)}.project-lightbox-download:hover{color:#071012;background:var(--gold);border-color:#78dce89e}.project-lightbox-download svg{width:17px;height:17px}.project-lightbox-landscape{z-index:3;cursor:pointer;color:#071012;background:#78dce8f0;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:clamp(16px,2.2vw,34px);right:clamp(74px,6.2vw,98px)}.project-lightbox-landscape svg{width:17px;height:17px}.project-lightbox-stage{place-items:center;min-width:0;min-height:0;padding:44px 36px 0;display:grid}.project-gallery-main,.project-lightbox-stage video{object-fit:contain;background:#050505;border:1px solid #ffffff24;border-radius:6px;max-width:min(94vw,1700px);max-height:78vh;display:block;box-shadow:0 30px 90px #00000080}.project-lightbox-stage video{width:min(94vw,1500px)}.project-lightbox-stage video::-webkit-media-controls-fullscreen-button{display:none!important}.project-gallery-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px);width:min(100%,1240px);max-height:76vh;padding:4px;display:grid;overflow-y:auto}.project-gallery-overview button{cursor:zoom-in;aspect-ratio:4/5;background:#050505;border:1px solid #ffffff24;border-radius:6px;padding:0;transition:border-color .2s,transform .24s;position:relative;overflow:hidden}.project-gallery-overview button:hover,.project-gallery-overview button:focus-visible{border-color:#78dce8b8;transform:translateY(-3px)}.project-gallery-overview img,.project-gallery-rail img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery-overview button>span,.project-gallery-rail button>span{color:#fff8e9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050707b3;border:1px solid #ffffff2e;border-radius:999px;place-items:center;min-width:28px;height:24px;padding:0 6px;font-size:10px;display:grid;position:absolute;bottom:8px;right:8px}.project-gallery-detail{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:clamp(14px,2vw,26px);width:min(100%,1400px);min-width:0;min-height:0;display:grid}.project-gallery-detail.is-single{grid-template-columns:minmax(0,1fr)}.project-gallery-main{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-self:center;animation:.32s cubic-bezier(.22,1,.36,1) galleryImageReveal}.project-gallery-main:active{cursor:grabbing}@keyframes galleryImageReveal{0%{opacity:.35;transform:translate(10px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}.project-gallery-rail{gap:10px;max-height:72vh;padding:3px;display:grid;overflow-y:auto}.project-gallery-rail button{cursor:pointer;aspect-ratio:4/5;opacity:.52;background:#050505;border:1px solid #ffffff24;border-radius:4px;padding:0;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.project-gallery-rail button:hover,.project-gallery-rail button:focus-visible,.project-gallery-rail button.is-active{opacity:1;border-color:#78dce8bd}.project-gallery-back{z-index:3;cursor:pointer;color:#fff8e9d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0db8;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 15px;font-size:12px;display:inline-flex;position:absolute;top:clamp(16px,2.2vw,34px);left:clamp(16px,2.2vw,34px)}.project-gallery-back svg{width:17px;height:17px;color:var(--gold)}:-webkit-any(.project-lightbox-stage video:fullscreen,.project-lightbox-stage video:-webkit-full-screen){object-fit:contain;background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}:is(.project-lightbox-stage video:fullscreen,.project-lightbox-stage video:fullscreen){object-fit:contain;background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}:-webkit-any(.project-lightbox:fullscreen,.project-lightbox:-webkit-full-screen){background:#000;width:100vw;height:100vh;padding:clamp(12px,2vw,28px)}:is(.project-lightbox:fullscreen,.project-lightbox:fullscreen){background:#000;width:100vw;height:100vh;padding:clamp(12px,2vw,28px)}:-webkit-any(.project-lightbox:fullscreen .project-lightbox-stage video,.project-lightbox:-webkit-full-screen .project-lightbox-stage video){width:min(94vw,1700px);max-height:82vh}:is(.project-lightbox:fullscreen .project-lightbox-stage video,.project-lightbox:fullscreen .project-lightbox-stage video){width:min(94vw,1700px);max-height:82vh}.project-lightbox.is-video-fullscreen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;grid-template-rows:minmax(0,1fr);gap:0;padding:0}.project-lightbox.is-video-fullscreen .project-lightbox-stage{padding:0}.project-lightbox.is-video-fullscreen .project-lightbox-stage video{object-fit:contain;width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;border:0;border-radius:0}.project-lightbox.is-video-fullscreen .project-lightbox-caption,.project-lightbox.is-video-fullscreen .project-lightbox-download,.project-lightbox.is-video-fullscreen .project-lightbox-close{display:none}.project-lightbox.is-video-fullscreen .project-lightbox-landscape{position:fixed;top:18px;right:18px}.project-gallery-nav{z-index:3;cursor:pointer;color:#fff8e9e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0db3;border:1px solid #fff3;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:color .2s,border-color .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.project-gallery-nav.is-previous{left:clamp(16px,2.2vw,34px)}.project-gallery-nav.is-next{right:clamp(16px,2.2vw,34px)}.project-gallery-nav:hover,.project-gallery-nav:focus-visible{color:#071012;background:var(--gold);border-color:#78dce8b8}.project-gallery-nav svg{width:22px;height:22px}.project-gallery-count{z-index:3;color:#fff8e9ad;text-align:right;min-width:64px;font-size:11px;position:absolute;bottom:clamp(96px,9vw,122px);right:clamp(16px,2.2vw,34px)}.project-gallery-count.is-overview{bottom:clamp(94px,8vw,116px)}.project-lightbox-caption{border-top:1px solid #ffffff24;grid-template-columns:minmax(0,1fr) auto;gap:5px 28px;width:min(100%,1700px);margin:0 auto;padding-top:16px;display:grid}.project-lightbox-caption span{color:var(--gold);font-size:11px}.project-lightbox-caption strong{color:#fff8e9;grid-column:1;font-size:clamp(18px,1.5vw,25px)}.project-lightbox-caption p{color:#fff8e985;grid-area:1/2/span 2;align-self:end;margin:0;font-size:12px}.strength-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.strength-card{background:linear-gradient(145deg,#fff8e914,#fff8e905 56%),#0d0d0dc2;border-radius:8px;min-height:250px;padding:24px;transition:transform .28s,border-color .28s,background .28s}.strength-card:hover{background:linear-gradient(145deg,#78dce829,#fff8e908 58%),#0f0f0fdb;border-color:#78dce873;transform:translateY(-6px)}.strength-card-head{color:#fff8e9;align-items:center;gap:12px;font-size:clamp(18px,1.25vw,23px);font-weight:700;display:flex}.strength-card-head svg{color:var(--gold);flex:none}.strength-card p{color:var(--muted);margin:22px 0 24px;line-height:1.8}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tags span{color:#fff8e9d1;background:#fff8e90a;border:1px solid #fff8e91f;border-radius:999px;padding:9px 12px;font-size:13px}.final-contact{background:linear-gradient(#0505051a,#050505 48%),url(/assets/work-10.jpg) 50%/cover no-repeat;align-items:center;min-height:92vh;padding:clamp(92px,9vw,150px) 0 78px;display:grid;position:relative;overflow:hidden}.final-contact:before{content:"";background:radial-gradient(circle at 72% 34%,#78dce829,#0000 28rem),#000000c7;position:absolute;inset:0}.final-contact-grid,.final-footer{z-index:2;position:relative}.final-contact-grid{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:clamp(36px,6vw,110px);display:grid}.final-contact-copy h2{color:#fff8e9;max-width:880px;margin:0;font-size:clamp(44px,6vw,104px);line-height:.98}.final-contact-copy p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.9}.final-contact-panel{-webkit-backdrop-filter:blur(24px)saturate(1.1);backdrop-filter:blur(24px)saturate(1.1);background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;gap:14px;padding:clamp(24px,3.6vw,44px);display:grid}.contact-name{color:var(--gold);text-transform:uppercase;font-size:14px}.final-contact-panel>a,.final-contact-panel>span:not(.contact-name){color:#fff8e9d6;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;min-height:52px;display:flex}.final-contact-panel svg{color:var(--gold);flex:none}.final-contact-actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.final-footer{color:#fff8e975;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:28px;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.final-footer-left{align-items:center;gap:12px;display:inline-flex}.footer-admin-link{color:#78dce842;border:1px solid #78dce81f;border-radius:50%;place-items:center;width:24px;height:24px;transition:color .18s,border-color .18s,background .18s;display:inline-grid}.footer-admin-link svg{width:11px;height:11px}.footer-admin-link:hover,.footer-admin-link:focus-visible{color:#78dce8db;background:#78dce814;border-color:#78dce86b}.contact-screen{background:linear-gradient(#0505051a,#050505 48%),url(/assets/work-10.jpg) 50%/cover no-repeat;align-items:center;min-height:100vh;padding:118px 0 82px;display:grid;position:relative}.contact-screen:before{content:"";background:#000000c2;position:absolute;inset:0}.contact-grid,.contact-screen footer{z-index:2;position:relative}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(34px,6vw,96px);display:grid}.contact-grid h2{max-width:760px}.contact-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:8px;gap:14px;padding:clamp(24px,4vw,48px);display:grid}.contact-card a,.contact-card span{color:#fff8e9d6;word-break:break-word;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex}.contact-card svg{color:var(--gold);flex:none}.contact-screen footer{color:#fff8e970;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:28px;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}@media (width<=1180px){.about-stage{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:54px}.about-info-band{grid-template-columns:1.15fr 1fr}.about-contact-panel{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;padding-left:0!important}.about-contact-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px)}.about-contact-panel .about-info-label{margin:0 18px 0 0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strength-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.shell{width:min(100% - 32px,1700px)}.site-header{justify-content:flex-end;padding:16px;top:18px}.site-header.is-pinned{top:18px}.hero-brand{max-width:150px;top:23px;left:16px}.header-actions{position:static}.nav-links{background:#080808f0;border-radius:8px;flex-direction:column;gap:0;padding:10px;display:none;position:fixed;top:76px;left:16px;right:16px}.nav-links.is-open{display:flex}.nav-links a{padding:14px}.portfolio-label{min-height:40px;padding:0 12px;font-size:13px}.menu-button{display:grid}.hero{min-height:100svh;padding:128px 0 38px}.hero:before{inset:14px 10px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(38px,11vw,58px);line-height:.92}.hero-copy{font-size:15px}.scroll-cue{display:none}.section-heading,.contact-grid,.final-contact-grid{grid-template-columns:1fr}.section-heading{display:grid}.about-topline>span{display:none}.about-topline .section-kicker{transform:translateY(-10px)}.about-stage{grid-template-columns:1fr;gap:42px;padding:48px 0}.about-content h2{font-size:clamp(58px,16vw,94px)}.about-role{font-size:14px}.about-visual{justify-self:end;width:min(100%,520px)}.about-info-band,.about-contact-panel{grid-template-columns:1fr}.about-info-band>div,.about-info-band>div:first-child,.about-info-band>div:last-child{border-right:0;border-bottom:1px solid var(--line);grid-column:auto;padding:24px 0}.about-info-band>div:last-child{border-bottom:0}.about-contact-panel .about-info-label{margin:0 0 14px}.about-contact-panel{background:linear-gradient(145deg,#78dce814,#0000 48%),#0c0e0fd1;border-radius:6px;margin-top:12px;border:1px solid #78dce833!important;padding:18px!important}.about-contact-panel .about-info-label{border-bottom:1px solid var(--line);margin-bottom:6px;padding:0 2px 14px}.about-contact-list{grid-template-columns:1fr;gap:0}.about-contact-panel a,.about-contact-panel .wechat{border-bottom:1px solid var(--line);min-height:64px;padding:8px 2px}.about-contact-panel .wechat{border-bottom:0}.about-contact-icon{width:36px;height:36px}.about-contact-value strong{font-size:13px}.project-grid{grid-template-columns:1fr}.project-browser{grid-template-columns:1fr;gap:32px}.project-sidebar{border-bottom:1px solid var(--line);position:static;top:auto}.project-sidebar-heading{display:none}.project-category-list{scrollbar-width:none;display:flex;overflow-x:auto}.project-category-list::-webkit-scrollbar{display:none}.project-category-list button{border-bottom:0;flex:none;min-height:52px;padding:0 14px}.project-category-list button:before{width:auto;height:2px;inset:auto 14px -1px;transform:scaleX(0)}.project-category-list button:hover,.project-category-list button.is-active{padding-left:14px}.project-category-list button.is-active:before{transform:scaleX(1)}.project-category-label{grid-template-columns:15px auto}.project-category-label em,.project-category-total{display:none}.project-list-heading{border-top:0;min-height:auto;padding-top:0}.project-lightbox{gap:12px;padding:12px}.project-lightbox-landscape{display:inline-flex}.project-lightbox-stage{padding:52px 0 0}.project-gallery-main,.project-lightbox-stage video{max-width:100%;max-height:72vh}.project-gallery-overview{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;max-height:68vh;padding-top:38px}.project-gallery-detail{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;padding-top:32px}.project-gallery-main{max-height:58vh}.project-gallery-rail{max-height:none;padding:3px 0;display:flex;overflow:auto hidden}.project-gallery-rail button{flex:0 0 58px;width:58px}.project-gallery-back{min-height:42px;padding:0 12px}.project-gallery-nav{width:42px;height:42px;top:auto;bottom:86px;transform:none}.project-gallery-count{bottom:97px;right:50%;transform:translate(50%)}.project-gallery-count.is-overview{bottom:96px;right:16px;transform:none}.project-lightbox-caption{grid-template-columns:1fr;gap:5px;padding:14px 4px 4px}.project-lightbox-caption p{grid-area:auto/1;margin-top:4px}.project-meta{grid-template-columns:minmax(0,1fr) 42px}.project-meta p{grid-area:2/1/auto/-1}.project-arrow{grid-area:1/2}.strength-grid{grid-template-columns:1fr}.contact-card a,.contact-card span{align-items:flex-start;min-height:auto;padding:14px;line-height:1.5}.final-contact{min-height:auto;padding:92px 0 78px}.final-contact-copy h2{font-size:clamp(38px,11vw,58px)}.final-contact-actions{display:grid}.final-contact-actions .primary-button,.final-contact-actions .secondary-button{width:100%}}@media (width<=520px){.ambient-canvas{opacity:.42}.brand-mark{font-size:23px}.hero-actions{display:grid}.primary-button,.secondary-button{width:100%}.about-statement{font-size:22px!important}.category-bar{scrollbar-width:none;flex-wrap:nowrap;padding:12px 0 16px;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-bar button{flex:none}}@media (prefers-reduced-motion:reduce){.hero h1 span{background-position:50%;animation:none}.project-gallery-main{animation:none}}