@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#1d2630;--paper:#f6f4ef;--lime:#c8e45b;--violet:#bab2ff;--line:#1d26302e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Microsoft Yahei,sans-serif}.wrap{width:min(1700px,100% - 96px);margin:0 auto}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.hero{color:#fff;background:#242e3a;min-height:100vh;position:relative;overflow:hidden}.hero-videos,.hero-videos video,.film-wash{width:100%;height:100%;position:absolute;inset:0}.hero-videos video{object-fit:cover;opacity:0;filter:saturate(.72)contrast(1.05);transition:opacity 1.6s}.hero-videos video.active{opacity:1}.film-wash{background:linear-gradient(90deg,#0a1219a6,#0a121926 53%,#0a121959),linear-gradient(#0000 48%,#0a121980)}.nav{z-index:3;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;height:108px;display:flex;position:relative}.brand{letter-spacing:.05em;padding-left:19px;font-size:16px;font-weight:800;position:relative}.brand i{background:var(--lime);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:0}.brand small{letter-spacing:.1em;margin-top:3px;font:10px DM Mono;display:block}.nav-links{gap:38px;margin-left:auto;margin-right:50px;display:flex}.nav-links button,.tiny-note,.eyebrow,.hero-index,.scroll-cue{letter-spacing:.09em;font:11px DM Mono}.nav-links button{color:#fff}.contact-pill{background:var(--lime);color:var(--ink);letter-spacing:.05em;align-items:center;gap:12px;padding:13px 16px;font-size:11px;font-weight:800;display:flex}.mobile-menu,.mobile-nav{display:none}.hero-content{z-index:2;padding-top:16.5vh;position:relative}.eyebrow{align-items:center;gap:10px;margin:0;display:flex}.eyebrow span{background:currentColor;width:25px;height:1px;display:inline-block}.light{color:#fff}.hero h1{letter-spacing:-.09em;margin:35px 0 0;font-size:clamp(70px,10.7vw,205px);font-weight:800;line-height:.8}.hero h1 em,.strength h2 em,.works h2 i,.footer-email em{letter-spacing:-.075em;font-family:Playfair Display,serif;font-weight:500}.hero h1 em{color:var(--lime)}.hero-bottom{justify-content:space-between;align-items:end;max-width:860px;margin-top:76px;display:flex}.hero-bottom p{margin:0;font-size:15px;line-height:1.8}.round-play{color:#fff;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:65px;height:65px;display:grid}.hero-index{z-index:2;position:absolute;bottom:43px;right:48px}.hero-index span{opacity:.5;margin:0 3px}.scroll-cue{z-index:2;color:#fff;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:48px}.about{padding:160px 0 130px}.section-top{justify-content:space-between;align-items:flex-start;display:flex}.tiny-note{text-align:right;margin:0;font-size:10px;line-height:1.7}.about-grid{grid-template-columns:29% 1fr;gap:9.5%;margin-top:78px;display:grid}.portrait{background:var(--violet);height:370px;padding:24px;position:relative;overflow:hidden}.portrait-letter{letter-spacing:-.18em;color:#303450;font-family:Playfair Display;font-size:245px;line-height:.82;position:absolute;bottom:-19px;left:34px}.portrait-letter span{color:var(--lime)}.portrait p{z-index:1;font:12px/1.8 DM Mono;position:absolute;bottom:7px;left:24px}.portrait p span{font-family:Manrope;font-size:16px;font-weight:700}.bio{padding-top:15px}.bio h2,.strength h2{letter-spacing:-.08em;margin:0;font-size:clamp(45px,5.2vw,89px);font-weight:700;line-height:1.04}.bio h2 strong{font-family:Playfair Display;font-weight:500}.lead{color:#39424b;max-width:620px;margin:45px 0 46px;font-size:18px;line-height:1.9}.contact-line{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 29px;padding-top:18px;font:11px DM Mono;display:flex}.contact-line a{align-items:center;gap:7px;display:flex}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:122px;display:grid}.facts div{padding-top:20px}.facts b{letter-spacing:-.08em;font-size:60px;line-height:1}.facts b span{color:#799f2a}.facts p,.skill>p,.project-meta{letter-spacing:.07em;font:10px DM Mono}.facts p{margin:11px 0}.works{color:#fff;background:#272f39;padding:130px 0 150px}.works-heading{grid-template-columns:1fr 1fr 1fr;align-items:end;display:grid}.works-heading h2{letter-spacing:-.1em;margin:80px 0 45px;font-size:clamp(60px,8.4vw,132px);line-height:.78}.works-heading h2 i{color:var(--lime)}.works-heading>p:last-child{margin:0 0 46px;font-size:14px;line-height:1.8}.project-grid{grid-template-columns:1.32fr .75fr;gap:20px;display:grid}.project{background:#4b5564;min-height:310px;position:relative;overflow:hidden}.project video{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.project:hover video{transform:scale(1.04)}.project-wide,.project-tall{height:590px}.project-small{grid-column:1/2;height:310px}.project-overlay{background:linear-gradient(#0000 45%,#090f1699);position:absolute;inset:0}.project-meta,.project-title{z-index:1;justify-content:space-between;display:flex;position:absolute;left:20px;right:20px}.project-meta{top:17px}.project-meta p{margin:0}.project-title{align-items:end;bottom:17px}.project-title h3{letter-spacing:-.06em;margin:0;font-size:30px}.project-title button{color:#fff;border:1px solid #fff9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.strength{padding:140px 0}.strength h2{margin:94px 0 70px}.strength h2 em{color:#7a7737}.strength-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skill{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:300px;padding:25px;position:relative}.skill>svg{position:absolute;top:25px;right:25px}.skill h3{letter-spacing:-.06em;margin:72px 0 6px;font-size:29px}.skill b{letter-spacing:.1em;font:10px DM Mono}.skill span{color:#535b61;max-width:310px;margin-top:35px;font-size:13px;line-height:1.8;display:block}.experience{background:#dfe9b5;padding:120px 0}.experience-list{border-top:1px solid #1d263047;margin-top:70px}.experience article{border-bottom:1px solid #1d263047;grid-template-columns:25% 1fr 29%;align-items:baseline;padding:28px 0;display:grid}.experience p,.experience span{margin:0;font:11px DM Mono}.experience h3{letter-spacing:-.05em;margin:0;font-size:22px}.experience span{text-align:right}footer{color:#fff;background:#272f39;min-height:100vh;position:relative;overflow:hidden}.footer-inner{z-index:1;flex-direction:column;justify-content:space-between;height:100vh;min-height:720px;padding:110px 0 45px;display:flex;position:relative}.footer-kicker{margin:0 0 17px;font-size:15px}.footer-email{letter-spacing:-.09em;font-size:clamp(60px,10vw,172px);font-weight:800;line-height:.78;display:block}.footer-email em{color:var(--lime)}.footer-email svg{vertical-align:top;width:.3em;height:.3em;margin-left:10px}.footer-bottom{border-top:1px solid #ffffff4d;justify-content:space-between;align-items:end;padding-top:20px;font:11px/1.8 DM Mono;display:flex}.footer-orb{filter:blur();opacity:.9;border-radius:50%;width:42vw;height:42vw;position:absolute}.orb-a{background:var(--violet);mix-blend-mode:screen;top:22%;right:-10vw}.orb-b{mix-blend-mode:screen;background:#d3ec55;width:18vw;height:18vw;bottom:-9vw;left:26%}.video-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.modal-content{aspect-ratio:16/9;width:100%;max-width:1200px;position:relative}.modal-content video{object-fit:contain;width:100%;height:100%}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-45px;right:0}.wechat-float{z-index:9998;position:fixed;top:30px;left:110px}.wechat-btn{-webkit-backdrop-filter:blur(12px);color:#07c160;cursor:pointer;background:#ffffff40;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 20px #00000026}.wechat-btn:hover{background:#fff6}.wechat-qr-pop{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;animation:.2s fadeIn;display:flex;box-shadow:0 8px 30px #0003}.wechat-qr-pop img{object-fit:cover;border-radius:6px;width:160px;height:160px}.wechat-qr-pop p{color:#333;margin:0;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.experience-list article{border-bottom:1px solid var(--line);grid-template-columns:25% 1fr 29%;align-items:baseline;padding:28px 0;display:grid}.experience-list p,.experience-list span{margin:0;font:11px DM Mono}.experience-list h3{letter-spacing:-.05em;margin:0;font-size:22px}.experience-list span{text-align:right}.project-more{cursor:pointer;place-items:center;min-height:310px;transition:transform .5s;display:grid}.project-more:hover{transform:scale(1.02)}.more-works-page{color:#fff;z-index:9999;background:#272f39;flex-direction:column;padding:60px;display:flex;position:fixed;inset:0;overflow:hidden}.more-works-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:30px;right:30px}.more-works-title{text-align:center;letter-spacing:-.06em;margin:0 0 60px;font-size:clamp(40px,6vw,80px)}.more-works-scroll{scroll-snap-type:x mandatory;gap:40px;padding:20px 0;display:flex;overflow-x:auto}.more-work-item{scroll-snap-align:center;cursor:pointer;color:#fff;background:#1f2730;border-radius:8px;min-width:600px;height:420px;text-decoration:none;overflow:hidden}.more-work-thumb{place-items:center;width:100%;height:340px;display:grid}.more-work-info{padding:20px}.more-work-info h3{margin:0 0 8px;font-size:22px}.more-work-info p{opacity:.6;margin:0;font-size:12px}@media (width<=760px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.nav-links,.contact-pill{display:none}.mobile-menu{color:#fff;display:block}.mobile-nav{z-index:5;color:var(--ink);background:#fff;flex-direction:column;gap:12px;padding:13px;display:flex;position:absolute;top:72px;right:20px}.hero-content{padding-top:21vh}.hero-bottom{margin-top:50px}.hero-bottom p{font-size:12px}.hero-index{bottom:23px;right:20px}.scroll-cue{font-size:9px;bottom:20px;left:20px}.about{padding:90px 0}.about-grid{margin-top:45px;display:block}.portrait{height:280px}.bio{padding-top:45px}.lead{font-size:15px}.facts{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:70px}.facts b{font-size:45px}.works{padding:85px 0}.works-heading{display:block}.works-heading h2{margin:56px 0 30px}.works-heading>p:last-child{margin-bottom:35px}.project-grid{display:block}.project{margin-bottom:14px}.project-wide,.project-tall{height:390px}.project-small{height:260px}.strength{padding:90px 0}.strength h2{margin:54px 0}.strength-grid{grid-template-columns:1fr}.experience{padding:80px 0}.experience-list{margin-top:45px}.experience article{grid-template-columns:1fr;gap:9px}.experience span{text-align:left}.footer-inner{min-height:640px;padding:78px 0 30px}.footer-bottom{flex-wrap:wrap;gap:14px}.footer-email{font-size:19vw}.tiny-note{display:none}.section-top{justify-content:flex-start}}:root{--radius-lg:30px;--radius-md:20px;--glass:#ffffff26}.nav{border-radius:0 0 var(--radius-md) var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141c242e;border:1px solid #ffffff3d;padding:0 22px}.contact-pill{background:#c8e45beb;border-radius:999px;padding:13px 18px;box-shadow:inset 0 1px #ffffff6b}.round-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f}.portrait{border-radius:var(--radius-lg);box-shadow:0 12px 35px #2e2b541a}.project{border-radius:var(--radius-lg);border:1px solid #ffffff30;box-shadow:0 12px 30px #00000024}.project-meta p{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e121929;border:1px solid #fff3;border-radius:999px;padding:6px 9px}.project-title button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21}.strength-grid{border:0;gap:16px}.skill{border-radius:var(--radius-md);background:#ffffff80;border:1px solid #1d263021;box-shadow:0 8px 24px #2b2f380a}.experience .wrap{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff4d;padding:42px}.works-heading h2 i{font-size:0}.works-heading h2 i:after{content:"作品";font-size:clamp(60px,8.4vw,132px)}@media (width<=760px){.nav{border-radius:0 0 14px 14px;padding:0 14px}.experience .wrap{padding:25px}.project{border-radius:20px}.works-heading h2 i:after{font-size:clamp(60px,8.4vw,132px)}}.about,.strength{isolation:isolate;width:100%;padding-left:max(48px,50% - 850px);padding-right:max(48px,50% - 850px);position:relative}.about:before,.strength:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff47;border:1px solid #fff9;border-radius:38px;position:absolute;inset:28px max(24px,50% - 880px);box-shadow:0 18px 55px #3e49521a}.about .bio,.about .facts{position:relative}.about .bio:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff70;border:1px solid #ffffff94;border-radius:26px;position:absolute;inset:-28px -35px}.strength:before{background:#ffffff4f}.strength-grid .skill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8f;box-shadow:0 12px 30px #2b2f3812}.experience{isolation:isolate;background:radial-gradient(circle at 83% 17%,#beb2ffd9,#0000 30%),radial-gradient(circle at 12% 80%,#dbf280bf,#0000 33%),linear-gradient(135deg,#eaf0ce,#d8e6d8);position:relative}.experience .wrap{background:#ffffff5c;border:1px solid #ffffff9e;box-shadow:0 16px 48px #374c3c1c}.about:before,.strength:before{-webkit-backdrop-filter:blur(28px)saturate(1.15);backdrop-filter:blur(28px)saturate(1.15);background:#ffffff6b;border-color:#ffffffd1;box-shadow:0 22px 65px #2e41492e}.about .bio:before{-webkit-backdrop-filter:blur(25px)saturate(1.08);backdrop-filter:blur(25px)saturate(1.08);background:#ffffffa1;border-color:#ffffffd9;box-shadow:0 14px 38px #2e41491f}.about .facts{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff5c;border:1px solid #ffffffa6;border-radius:22px;padding:22px 26px 18px;box-shadow:0 12px 30px #2e414914}.strength-grid .skill{-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:#ffffff9e;border-color:#ffffffd1;box-shadow:0 16px 38px #2d455929}.experience .wrap{-webkit-backdrop-filter:blur(30px)saturate(1.12);backdrop-filter:blur(30px)saturate(1.12);background:#ffffff7d;border-color:#ffffffd4;box-shadow:0 22px 60px #2f4b3f33}.experience article{border-radius:14px;padding-left:18px;padding-right:18px}.experience article:hover{background:#ffffff45}.about{background:radial-gradient(circle at 87% 12%,#b09dfff5,#0000 31%),radial-gradient(circle at 11% 82%,#c2e85cd4,#0000 35%),linear-gradient(135deg,#f7f5ef 10%,#e7e8f3 100%)}.strength{background:radial-gradient(circle at 8% 21%,#c5b7ffe6,#0000 29%),radial-gradient(circle at 85% 75%,#c2e85cc2,#0000 33%),linear-gradient(150deg,#f6f3ee,#e0e5ef)}.experience{background:radial-gradient(circle at 83% 17%,#a993fffa,#0000 34%),radial-gradient(circle at 12% 80%,#cff153db,#0000 38%),linear-gradient(135deg,#e8e9e2,#d8dfeb)}footer{background:radial-gradient(circle at 14% 18%,#c7b7fff0,#0000 27%),radial-gradient(circle at 83% 74%,#cfed69ba,#0000 31%),linear-gradient(135deg,#30384b,#26303b)}.footer-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f273357;border:1px solid #fff3;border-radius:38px;height:calc(100vh - 56px);min-height:664px;margin-top:28px;margin-bottom:28px;padding:82px 64px 42px;box-shadow:0 20px 65px #0a111c33}.floating-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:48px;color:var(--ink);letter-spacing:.12em;background:#ffffff9e;border:1px solid #ffffffad;border-radius:999px;align-items:center;gap:9px;padding:0 14px;font:10px DM Mono;animation:.3s ease-out nav-in;display:flex;position:fixed;top:20px;left:22px;box-shadow:0 10px 28px #1a253129}.floating-nav i{background:var(--lime);border-radius:50%;width:8px;height:8px}.floating-nav b{letter-spacing:-.06em;font:700 12px Manrope}.floating-nav span{border-left:1px solid #1d263030;padding-left:9px}@keyframes nav-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.brand-area{align-items:center;gap:14px;display:flex}.like-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 11px;font:11px DM Mono;transition:background .2s,transform .2s,color .2s;display:flex}.like-button:hover{background:#ffffff38;transform:translateY(-2px)}.like-button.liked{background:var(--lime);color:var(--ink);border-color:#c8e45bc7}.like-button svg{transition:transform .25s}.like-button.liked svg{transform:scale(1.18)}@media (width<=760px){.about,.strength{width:100%;padding-left:20px;padding-right:20px}.about:before,.strength:before{border-radius:25px;inset:18px 10px}.about .bio:before{inset:-20px -12px}.footer-inner{border-radius:25px;height:calc(100vh - 28px);min-height:612px;margin-top:14px;margin-bottom:14px;padding:58px 22px 28px}.floating-nav{height:42px;top:13px;left:13px}.floating-nav span{display:none}}