@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.518e079e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.ea323500.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.853d50a3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.55554cd0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.ebceb24d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c36e1862.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.ff4a2084.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.f377b9c4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.d1207556.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.479bea2b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--font-body:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",var(--font-geist-sans),system-ui,sans-serif;--font-display:var(--font-body);--text-xs:12px;--text-sm:13px;--text-md:15px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:38px;--text-display:80px;--leading-tight:1.3;--leading-snug:1.45;--leading-normal:1.65;--leading-relaxed:1.78;--leading-loose:1.85;--space-paragraph:1.25em;--space-section:2.75rem;--space-subsection:1.75rem;--measure-reading:65ch;--bg-primary:#fff;--bg-secondary:#f7f7f8;--bg-tertiary:#efefef;--bg-hover:#f0f0f1;--text-primary:#0d0d0d;--text-secondary:#5d5d6d;--text-tertiary:#9e9eae;--border-color:#e5e5e5;--border-light:#f0f0f0;--accent-color:#0d0d0d;--transition-speed:.5s;--transition-ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0;overflow:hidden}.layout{width:100vw;height:100vh;display:flex;overflow:hidden}.left-panel{border-right:1px solid var(--border-color);background:var(--bg-primary);min-width:0;height:100vh;transition:flex-grow var(--transition-speed)var(--transition-ease);z-index:10;backface-visibility:hidden;flex-direction:column;flex:4;display:flex;position:relative;overflow:hidden}.left-panel.expanded{border-right:none}.blob-bg{--blob-1-x-25:clamp(180px,12.5vw,320px);--blob-1-y-25:clamp(250px,17.4vw,445px);--blob-1-x-50:clamp(120px,8.4vw,215px);--blob-1-y-50:clamp(180px,12.5vw,320px);--blob-1-x-75:clamp(-110px,-4.2vw,-60px);--blob-1-y-75:clamp(320px,22.3vw,570px);--blob-2-x-25:clamp(-215px,-8.4vw,-120px);--blob-2-y-25:clamp(200px,13.9vw,355px);--blob-2-x-50:clamp(-145px,-5.6vw,-80px);--blob-2-y-50:clamp(120px,8.4vw,215px);--blob-2-x-75:clamp(-110px,-4.2vw,-60px);--blob-2-y-75:clamp(-110px,-4.2vw,-60px);--blob-3-x-25:clamp(100px,7vw,180px);--blob-3-y-25:clamp(-355px,-13.9vw,-200px);--blob-3-x-50:clamp(60px,4.2vw,110px);--blob-3-y-50:clamp(-215px,-8.4vw,-120px);--blob-3-x-75:clamp(180px,12.5vw,320px);--blob-3-y-75:clamp(-500px,-19.5vw,-280px);z-index:0;filter:blur(80px);opacity:.7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.blob{will-change:transform;border-radius:50%;position:absolute}.blob-1{opacity:.9;background:#609eff;width:640px;height:640px;animation:14s cubic-bezier(.45,.05,.55,.95) infinite blob-move-1;top:-8%;left:-12%}.blob-2{opacity:.8;background:#fb847c;width:680px;height:680px;animation:12s cubic-bezier(.45,.05,.55,.95) infinite blob-move-2;top:-18%;right:-30%}.blob-3{opacity:.8;background:#fcb055;width:520px;height:520px;animation:10s cubic-bezier(.45,.05,.55,.95) infinite blob-move-3;top:-20%;bottom:0%;left:20%}@keyframes blob-move-1{0%{transform:translate(0)scale(1)}25%{transform:translate(var(--blob-1-x-25),var(--blob-1-y-25))scale(1.2)}50%{transform:translate(var(--blob-1-x-50),var(--blob-1-y-50))scale(1.15)}75%{transform:translate(var(--blob-1-x-75),var(--blob-1-y-75))scale(.9)}to{transform:translate(0)scale(1)}}@keyframes blob-move-2{0%{transform:translate(0)scale(1)}25%{transform:translate(var(--blob-2-x-25),var(--blob-2-y-25))scale(1.2)}50%{transform:translate(var(--blob-2-x-50),var(--blob-2-y-50))scale(.8)}75%{transform:translate(var(--blob-2-x-75),var(--blob-2-y-75))scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes blob-move-3{0%{transform:translate(0)scale(1)}25%{transform:translate(var(--blob-3-x-25),var(--blob-3-y-25))scale(1.25)}50%{transform:translate(var(--blob-3-x-50),var(--blob-3-y-50))scale(.75)}75%{transform:translate(var(--blob-3-x-75),var(--blob-3-y-75))scale(1.15)}to{transform:translate(0)scale(1)}}.left-panel-inner{z-index:1;scrollbar-width:none;-ms-overflow-style:none;height:fit-content;transition:padding var(--transition-speed)var(--transition-ease),max-width var(--transition-speed)var(--transition-ease);contain:layout style;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;padding:40px 48px 32px;display:flex;position:relative;overflow-y:auto}.left-panel-inner::-webkit-scrollbar{display:none}.left-panel.expanded .left-panel-inner{justify-content:flex-start;width:100%;max-width:1040px;margin:0 auto;padding:40px 48px 48px}.left-panel-hero{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:fit-content;display:flex}.left-panel-collapsed-back-btn{z-index:8;align-self:flex-start;margin-top:24px;margin-left:-5px;position:relative}.left-panel-collapsed-back-btn svg{width:18px;height:18px}.profile-name{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:.02em;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:font-size var(--transition-speed)var(--transition-ease),letter-spacing var(--transition-speed)var(--transition-ease),line-height var(--transition-speed)var(--transition-ease),margin-bottom var(--transition-speed)var(--transition-ease);margin-bottom:4px;padding-top:42px;font-weight:700;line-height:1.08}.profile-headline{width:100%;font-family:var(--font-body);font-size:var(--text-md);letter-spacing:.02em;font-weight:600;line-height:var(--leading-snug);color:#0d0d0d;background-image:none;background-clip:unset;-webkit-background-clip:unset;border-bottom:1px solid var(--border-color);overflow-wrap:break-word;word-break:break-word;transition:font-size var(--transition-speed)var(--transition-ease),letter-spacing var(--transition-speed)var(--transition-ease),line-height var(--transition-speed)var(--transition-ease),margin-top var(--transition-speed)var(--transition-ease);border-color:#4d4d4d;margin-top:0;margin-bottom:0;padding-top:16px;padding-bottom:16px}.profile-label{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-normal);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);transition:font-size var(--transition-speed)var(--transition-ease),letter-spacing var(--transition-speed)var(--transition-ease),line-height var(--transition-speed)var(--transition-ease);margin-bottom:0}.profile-name-main{padding-top:0}.profile-headline-row{border-bottom:none;align-items:center;gap:14px;width:100%;margin-top:8px;padding-bottom:16px;display:flex}.profile-image-slot{display:none}.profile-image-slot-img{object-fit:cover;width:100%;height:100%;display:block}.profile-headline-row .profile-headline{border-bottom:none;flex:auto;width:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.left-panel.expanded .profile-name{font-size:var(--text-display);letter-spacing:.02em;margin-bottom:12px;line-height:1.08}.left-panel.expanded .profile-headline{font-size:var(--text-md);letter-spacing:.02em;line-height:var(--leading-snug)}.left-panel.expanded .profile-label{font-size:var(--text-sm);letter-spacing:.08em}.profile-bio,.profile-bio-sub{width:100%;height:fit-content;font-size:14px;line-height:var(--leading-relaxed);color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;min-width:0;transition:font-size var(--transition-speed)var(--transition-ease),line-height var(--transition-speed)var(--transition-ease),margin-top var(--transition-speed)var(--transition-ease);flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-right:16px;padding-top:0;display:flex}.profile-bio{margin-top:24px;margin-bottom:24px}.profile-bio-sub{color:#0d0d0d;margin-top:0;margin-bottom:24px}.left-panel.expanded .profile-bio,.left-panel.expanded .profile-bio-sub{font-size:var(--text-base);line-height:var(--leading-loose)}.left-panel.expanded .profile-bio{margin-top:24px}.left-panel.expanded .profile-bio-sub{margin-top:0}.profile-experience{animation:fadeInUp .4s var(--transition-ease)both;background-color:#ffffff1f;border:none;border-radius:16px;align-self:stretch;min-width:0;margin-top:24px;margin-bottom:24px;padding:12px 24px;box-shadow:0 4px 18px #0000000f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.experience-tabs{width:fit-content;box-shadow:none;-webkit-backdrop-filter:blur(18px);background:#fff3;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:24px;margin-bottom:16px;padding:4px;display:flex}.experience-tab{appearance:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-normal);letter-spacing:-.01em;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;transition:background-color .2s,color .2s,box-shadow .2s}.experience-tab:hover{color:var(--text-primary);background:#0f172a0d}.experience-tab.active{color:var(--text-primary);box-shadow:none;background:#fffffff5}.experience-period{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-weight:400;display:inline-block}.experience-role{font-size:var(--text-md);color:var(--text-primary);font-weight:600;line-height:var(--leading-snug);margin-bottom:8px}.experience-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;gap:16px;width:100%;min-width:0;padding-bottom:0;display:flex;overflow-x:auto}.experience-scroll::-webkit-scrollbar{display:none}.experience-item{flex:0 0 fit-content;scroll-snap-align:start;background-color:unset;background:unset;border:none;border-bottom:1px solid #0000001a;border-radius:0;padding:16px 0}.experience-scroll .experience-item:last-child{border-bottom:none}.experience-desc{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary)}.experience-empty{border-bottom:1px solid #00000014;padding:20px 0}.experience-empty-title{font-size:var(--text-md);color:var(--text-primary);margin-bottom:8px;font-weight:600}.experience-empty-desc{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.profile-expanded-content{width:100%;min-width:0;animation:fadeInUp .4s var(--transition-ease)both;flex-direction:column;gap:48px;display:flex}.profile-expanded-hero{grid-template-columns:minmax(0,6fr) minmax(0,4fr);align-items:center;gap:40px;width:100%;display:grid}.profile-expanded-hero-left{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.profile-expanded-name{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:.02em;color:var(--text-primary);margin:8px 0 12px;font-weight:700;line-height:1.08}.profile-expanded-headline{font-size:var(--text-base);color:#0d0d0d;font-weight:600;line-height:var(--leading-snug);margin-bottom:20px}.profile-expanded-bio,.profile-expanded-bio-sub{font-size:14px;line-height:var(--leading-loose);color:#0d0d0d;overflow-wrap:break-word;word-break:break-word;width:100%;margin-bottom:16px}.profile-expanded-bio{margin-top:24px}.profile-expanded-bio-sub{color:#0d0d0d;margin-top:12px;margin-bottom:0}.profile-expanded-contact{flex-direction:column;gap:4px;margin:24px 0;display:flex}.left-panel.expanded .profile-expanded-contact .contact-item{color:#0d0d0d}.left-panel.expanded .profile-expanded-contact .contact-item:hover{color:#000}.profile-expanded-toggle{margin-top:24px}.profile-expanded-hero-right{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.profile-expanded-cover{width:min(100%,362px);max-width:362px;height:360px;box-shadow:none;isolation:isolate;background:0 0;border-radius:37px;margin:0 auto;position:relative;overflow:hidden}.profile-expanded-cover-bg{z-index:0;border-radius:inherit;box-shadow:none;pointer-events:none;background:0 0;position:absolute;inset:0}.profile-expanded-avatar-wrap{z-index:5;justify-content:center;align-items:center;width:97px;height:97px;display:flex;position:absolute;top:95px;left:114px}.profile-expanded-avatar{object-fit:cover;border-radius:35.5px;width:97px;height:97px}.profile-expanded-tool{z-index:3;width:58px;height:58px;transform:rotate(var(--tilt,0deg));border-radius:24px;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;display:flex;position:absolute;box-shadow:0 10px 24px #25323d1a}.profile-expanded-tool--figma{color:#f24e1e;background:#fff;padding:0;top:99px;left:31px;overflow:hidden;box-shadow:0 48px 14px #003b6c0f}.profile-expanded-tool-icon{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.profile-expanded-tool--framer{--tilt:6deg;color:#111827;background:#e4eef6;top:115px;left:87px}.profile-expanded-tool--sketch{color:#f2a500;background:#fff2c5;padding:0;top:166px;left:284px;overflow:hidden;box-shadow:0 2px 11px #003b6c0f}.profile-expanded-cover-copy{z-index:6;color:#25323d;position:absolute;top:204px;left:144px}.profile-expanded-cover-copy p{font-size:16px;font-weight:700;line-height:var(--leading-normal);margin:0 0 -4px}.profile-expanded-cover-copy span{color:#5d87a8;font-size:16px;font-weight:500;line-height:var(--leading-normal)}.profile-expanded-tag{z-index:3;min-height:49px;font-size:16px;font-weight:400;line-height:var(--leading-normal);color:#5d87a8;white-space:nowrap;background:#fff;border:none;border-radius:15px;justify-content:center;align-items:center;padding:12px 17px;display:inline-flex;position:absolute;box-shadow:0 2px 21px #003b6c0f}.profile-expanded-tag--accent{color:#0d0d0d;background:#e9ff28;border-radius:63px;min-height:auto;padding:6px 9px;font-size:10px;font-weight:700;box-shadow:0 5px 10px #fa766033}.profile-expanded-tag--top-left{top:35px;left:28px}.profile-expanded-tag--top-right{white-space:normal;text-align:left;justify-content:center;width:160px;top:59px;left:196px}.profile-expanded-tag--mid-left{--tilt:-6deg;top:36%;left:43%}.profile-expanded-tag--bottom-left{white-space:normal;text-align:left;background:#fff2c5;justify-content:flex-start;width:97px;min-height:88px;top:205px;left:31px;box-shadow:0 4px 13px #003b6c0f}.profile-expanded-tag--bottom-center{box-shadow:none;background:#dde4eb;top:307px;left:129px}.profile-expanded-tag--bottom-right{color:#5d87a8;top:241px;left:227px;box-shadow:0 2px 21px #003b6c0f}.profile-expanded-section-title{font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;border-top:1px solid #0d0d0d14;margin-top:88px;margin-bottom:24px;padding-top:24px;font-weight:600}.profile-expanded-experience{width:100%}.profile-expanded-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;display:grid}.profile-expanded-experience-col{box-shadow:none;border-radius:20px;min-width:0;padding:18px;transition:box-shadow .25s}.profile-expanded-experience-col:hover{box-shadow:0 4px 18px #00000014}.profile-expanded-experience-header{border-bottom:1px solid #0d0d0d14;justify-content:flex-start;align-items:flex-end;gap:14px;margin-bottom:14px;padding-bottom:24px;display:flex}.profile-expanded-company-badge{width:48px;height:48px;font-size:var(--text-xs);color:var(--text-primary);letter-spacing:-.02em;background:#0d0d0d0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-expanded-company-badge--image{background:0 0;overflow:hidden}.profile-expanded-company-badge--image img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-expanded-period{color:var(--text-primary);letter-spacing:.04em;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.2}.profile-expanded-company-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.profile-expanded-company{color:var(--text-primary);font-size:14px;font-weight:700;line-height:var(--leading-snug);flex-shrink:0;margin:0}.profile-expanded-role{color:var(--text-secondary);font-size:14px;line-height:var(--leading-normal);text-align:right;flex-shrink:1;min-width:0;margin:0}.profile-expanded-highlights-container{padding-top:24px}.profile-expanded-highlights{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.profile-expanded-highlight{border-bottom:1px solid #0d0d0d12;padding:4px 0}.profile-expanded-highlight:first-child{padding-top:0;padding-bottom:0}.profile-expanded-highlight:last-child{border-bottom:none;padding-bottom:0}.profile-expanded-highlight-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:var(--leading-snug);margin-bottom:5px}.profile-expanded-highlight-desc{color:var(--text-secondary);margin-top:4px;margin-bottom:4px;font-size:14px;line-height:22px}.profile-expanded-info{border-top:none;border-image:;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 32px;width:100%;padding-top:0;display:flex}.profile-expanded-info>img{height:93px}.profile-expanded-info-main{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-expanded-info-group{justify-content:center;align-items:flex-start;gap:12px;width:fit-content;min-width:0;max-width:100%;display:flex}.profile-expanded-info-label{color:var(--text-tertiary);letter-spacing:.04em;margin-top:0;margin-bottom:0;font-size:14px;font-weight:400}.profile-expanded-info-value{font-size:14px;line-height:var(--leading-relaxed);color:var(--text-primary);width:fit-content;max-width:100%;margin:0}.profile-expanded-info-qrcode{flex-flow:row;justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}.profile-expanded-qrcode-card{border-radius:12px;overflow:hidden}.profile-expanded-qrcode-card img{object-fit:cover;width:100%;height:auto;display:block}.profile-expanded-qrcode-card--xhs{width:240px}.profile-expanded-qrcode-card--wx{width:114px}@media (max-width:960px){.profile-expanded-hero{grid-template-columns:1fr;gap:32px}.profile-expanded-experience-grid{grid-template-columns:1fr}.profile-expanded-info{grid-template-columns:1fr;gap:20px}.profile-expanded-info-qrcode{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.profile-expanded-qrcode-card--xhs{width:min(240px,100%)}}@media (max-width:700px){.profile-expanded-content{gap:36px}.profile-expanded-cover{max-width:min(100%,360px)}.profile-expanded-qrcode-card--xhs{width:min(100%,240px)}.profile-expanded-tag{border-radius:12px;min-height:40px;padding:9px 12px;font-size:12px}.profile-expanded-tag--accent{border-radius:40px;min-height:auto;padding:5px 8px;font-size:9px}.profile-expanded-cover-copy p,.profile-expanded-cover-copy span{font-size:12px}.profile-expanded-tool{border-radius:18px;font-size:11px}.profile-expanded-tag--top-right,.profile-expanded-tag--mid-left,.profile-expanded-tag--bottom-right{right:auto}.profile-expanded-tag--mid-left{left:32.1%}}.profile-divider{background:var(--border-color);width:32px;height:1px;transition:width var(--transition-speed)var(--transition-ease),margin var(--transition-speed)var(--transition-ease);margin:24px 0}.left-panel.expanded .profile-divider{width:48px;margin:32px 0}.left-panel-bottom{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;margin-top:auto;display:flex}.profile-contact-wrap{transition:margin-top var(--transition-speed)var(--transition-ease),padding-top var(--transition-speed)var(--transition-ease);flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;display:flex}.left-panel.expanded .profile-contact-wrap{padding-top:0}.profile-contact{flex-direction:column;gap:4px;margin-top:0;display:flex}.contact-item{font-size:var(--text-md);line-height:var(--leading-normal);color:#0d0d0d;transition:color .2s,font-size var(--transition-speed)var(--transition-ease),margin-bottom var(--transition-speed)var(--transition-ease);align-items:center;gap:8px;margin-bottom:0;text-decoration:none;display:flex}.contact-item:hover{color:var(--text-secondary)}.left-panel.expanded .contact-item{margin-bottom:0}.contact-item-brand-icon{object-fit:contain;border-radius:4px;flex-shrink:0;width:20px;height:20px}.contact-item--popover{cursor:default;position:relative}.contact-popup{opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:var(--bg-primary);border-radius:10px;width:max-content;max-width:min(280px,100vw - 40px);transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 12px);left:0;overflow:hidden;box-shadow:0 12px 40px #0f172a2e}.contact-popup img{object-fit:contain;width:100%;height:auto;max-height:min(360px,42vh);display:block}.contact-item--popover:hover .contact-popup{opacity:1;visibility:visible}.contact-links{gap:16px;margin-top:2px;display:flex}.contact-link{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary);transition:color .2s,font-size var(--transition-speed)var(--transition-ease);text-decoration:none}.contact-link:hover{color:var(--text-primary)}.left-panel.expanded .contact-link{font-size:var(--text-md)}.toggle-btn{width:160px;height:52px;font-size:var(--text-md);font-weight:700;line-height:var(--leading-normal);color:#fff;background-color:var(--accent-color);cursor:pointer;background-image:none;border:none;border-image:;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;display:inline-flex}.toggle-btn:hover{opacity:.85}.left-panel.expanded .toggle-btn{font-size:var(--text-md);background-color:var(--accent-color);color:var(--bg-primary);border-color:#0000;border-radius:16px;padding:14px 28px}.left-panel.expanded .toggle-btn:hover{opacity:.85}.center-panel{scrollbar-width:none;background:var(--bg-secondary);height:100vh;transition:flex-grow var(--transition-speed)var(--transition-ease),opacity var(--transition-speed)var(--transition-ease);will-change:opacity;backface-visibility:hidden;contain:layout style;flex:6;min-width:0;overflow:hidden auto}.center-panel.collapsed{opacity:0;flex:0;min-width:0;overflow:hidden}.layout:has(.right-panel.visible) .left-panel{flex:.4;min-width:0}.layout:has(.right-panel.visible) .center-panel{flex:1.2;min-width:0}.layout:has(.right-panel.visible) .profile-name{font-size:var(--text-2xl);line-height:var(--leading-tight);display:none}.layout:has(.right-panel.visible) .profile-headline{font-size:var(--text-md);line-height:var(--leading-snug);margin-top:6px;display:none}.layout:has(.right-panel.visible) .left-panel:not(.expanded) .profile-name{margin-bottom:0}.center-panel-inner{background-color:#fff;padding:40px 24px}.center-header{height:18px;margin-bottom:0}.center-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-normal);text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.project-list{flex-direction:column;gap:28px;display:flex}.project-group{flex-direction:column;gap:24px;display:flex}.project-card{background:var(--bg-primary);cursor:pointer;border:1px solid #e0e0e0;border-radius:12px;padding:0;transition:all .25s;overflow:hidden}.project-card:hover{border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 12px #0000000f}.project-card.active{border-width:1px;border-color:#1c1c1c;box-shadow:0 2px 16px #0000001a}.project-card-inner{flex-direction:row;align-items:center;width:100%;min-width:0;padding-right:24px;display:flex;container-type:inline-size}.project-card-body{min-width:0;color:var(--border-color);flex:auto;padding:16px 18px}.project-card-icon{background:var(--card-bg);border-radius:8px;width:24px;height:24px;margin-bottom:10px;overflow:hidden}.project-card-icon img{object-fit:contain;width:100%;height:100%}.project-card-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:0}.project-card-subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);min-width:0;max-width:100%;margin-top:8px;margin-bottom:4px}.project-card-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.project-tag{font-size:var(--text-xs);line-height:var(--leading-normal);background:var(--bg-secondary);color:var(--text-secondary);border-radius:100px;padding:3px 10px}.right-panel{background:var(--bg-primary);min-width:0;height:100vh;box-shadow:none;transition:flex-grow var(--transition-speed)var(--transition-ease);flex:0 0;position:relative;overflow:hidden}.right-panel.visible{flex:auto;width:clamp(520px,46vw,900px);max-width:100%}.right-panel-inner{opacity:0;height:100%;transition:opacity .35s var(--transition-ease).15s,transform .35s var(--transition-ease).15s;will-change:transform,opacity;overflow-y:auto;transform:translate(-16px)}.right-panel.visible .right-panel-inner{opacity:1;transform:translate(0)}.close-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-lg);border-radius:8px;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.close-btn.left-panel-collapsed-back-btn{border:none;border-radius:32px;box-shadow:0 4px 12px #0000000f}.project-body{animation:projectBodyIn .28s var(--transition-ease)both}@keyframes projectBodyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.right-panel-content{width:100%;max-width:min(100%,980px);color:var(--text-secondary);flex-direction:column;gap:10px;margin:0 auto;padding:clamp(16px,2vw,24px) 42px 40px;display:flex;position:relative}.right-panel-close-btn{z-index:3;border-radius:32px;position:absolute;top:clamp(12px,1.8vw,20px);right:clamp(12px,1.8vw,20px)}.right-panel-title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:var(--leading-tight);margin-bottom:12px}.right-panel-subtitle{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:28px;display:none}.article-content{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text-primary);width:100%;max-width:100%}.article-content h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600;line-height:var(--leading-snug);margin-top:var(--space-section);border-bottom:1px solid var(--border-light);color:var(--text-primary);margin-bottom:1rem;padding-bottom:12px}.article-content h2:first-child{margin-top:0}.article-content h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);margin-top:var(--space-subsection);color:var(--text-primary);margin-bottom:.75rem}.article-content p{margin-top:0;margin-bottom:var(--space-paragraph);color:var(--text-secondary);line-height:var(--leading-loose)}.article-content p:last-child{margin-bottom:0}.article-content strong{color:var(--text-primary);font-weight:600}.article-content ul,.article-content ol{margin-top:0;margin-bottom:var(--space-paragraph);padding-left:1.35em}.article-content li{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:.65em}.article-content li:last-child{margin-bottom:0}.article-content li::marker{color:var(--text-tertiary)}.article-content a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);transition:text-decoration-color .2s}.article-content a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.article-content blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);margin:1.5em 0;padding-left:1.1em;font-style:normal}.article-content blockquote p{color:var(--text-tertiary);line-height:var(--leading-relaxed)}.article-content blockquote p:last-child{margin-bottom:0}.article-content code{font-family:var(--font-mono),monospace;font-size:var(--text-sm);background:var(--bg-secondary);border-radius:4px;padding:2px 6px}.article-content hr{border:none;border-top:1px solid var(--border-light);margin:2.25rem 0}.article-footer{width:100%;max-width:100%;margin-top:3rem}.article-footer-divider{border:none;border-top:1px solid var(--border-light);margin:0 0 24px}.article-footer-inner{flex-direction:column;align-items:center;gap:16px;padding-top:42px;display:flex}.article-footer-avatar-popover{cursor:pointer;position:relative}.article-footer-avatar-popover .contact-popup{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.article-footer-avatar{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;flex-shrink:0;width:48px;height:48px}.article-footer-cta{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);text-align:center;margin:0}.article-footer-cta a{color:inherit;border-bottom:1px solid var(--border-color);text-decoration:none;transition:color .2s,border-color .2s}.article-footer-cta a:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.article-image{cursor:zoom-in;border-radius:8px;width:100%;margin:1.25em 0;transition:opacity .2s}.article-image:hover{opacity:.9}.article-video-frame{background:color-mix(in srgb,var(--bg-secondary)86%,#f7f1ec);isolation:isolate;border:1px solid #e0e0e0db;border-radius:16px;width:min(100%,1080px);margin:16px 0;position:relative;overflow:hidden;box-shadow:0 16px 42px #1b181414}.article-video-frame:after{content:"";opacity:1;pointer-events:none;background:linear-gradient(#fff0 56%,#0d0d0d2e 100%),radial-gradient(circle,#ffffff38,#fff0 42%);transition:opacity .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.article-video-frame.is-playing:after{opacity:.34}.article-video{cursor:zoom-in;outline:none;width:100%;height:auto;display:block}.article-video-toggle{z-index:1;color:#181818eb;cursor:pointer;background:#ffffffc7;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:64px;height:64px;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),background .18s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 18px 42px #1212122e,inset 0 1px #fffc}.article-video-toggle:hover{background:#ffffffeb;transform:translate(-50%,-50%)scale(1.04)}.article-video-toggle:active{transform:translate(-50%,-50%)scale(.97)}.article-video-toggle:focus-visible{outline-offset:4px;outline:2px solid #0d0d0dc7}.article-video-frame.is-playing .article-video-toggle{opacity:0;transform:translate(-50%,-50%)scale(.96)}.article-video-frame.is-playing:hover .article-video-toggle,.article-video-frame.is-playing .article-video-toggle:focus-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.article-video-progress{z-index:1;background:#ffffff5c;border-radius:999px;height:3px;position:absolute;bottom:14px;left:16px;right:16px;overflow:hidden}.article-video-progress span{border-radius:inherit;transform-origin:0;background:#ffffffeb;width:100%;height:100%;transition:transform .12s linear;display:block;transform:scaleX(0)}.article-video-caption{z-index:1;color:#ffffffe0;font-size:var(--text-xs);line-height:var(--leading-normal);pointer-events:none;margin:0;position:absolute;bottom:24px;left:16px;right:16px}.two-col{align-items:flex-start;gap:24px;margin:24px 0;display:flex}.two-col-text,.two-col-media{flex:1;min-width:0}.article-content .article-media-split{align-items:start;gap:16px;width:100%;margin:24px 0;display:grid}.article-content .article-media-split--46{grid-template-columns:4fr 6fr}.article-content .article-media-split--equal{grid-template-columns:1fr 1fr}.article-content .article-media-split>div{min-width:0}.image-carousel{--image-carousel-controls-bottom:12px;aspect-ratio:5/3;background:var(--bg-secondary);isolation:isolate;border-radius:16px;width:min(100%,1180px);min-width:min(100%,640px);max-width:1080px;margin:0 0 28px;padding-top:2px;padding-bottom:2px;position:relative;overflow:hidden}@media (max-width:700px){.image-carousel{aspect-ratio:3/5;width:100%;min-width:0;margin-bottom:22px}}.image-carousel-scroller{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;display:flex;overflow:auto hidden}.image-carousel-scroller::-webkit-scrollbar{display:none}.image-carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-height:0}.image-carousel-img{object-fit:cover;width:100%;height:100%;display:block}.image-carousel-controls{left:50%;bottom:var(--image-carousel-controls-bottom);z-index:2;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:2px 12px;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 16px #0000001a}@media (hover:hover){.image-carousel .image-carousel-controls{opacity:0;pointer-events:none}.image-carousel:hover .image-carousel-controls,.image-carousel:focus-within .image-carousel-controls{opacity:1;pointer-events:auto}}.image-carousel-nav{background:unset;width:44px;height:44px;color:var(--text-primary);box-shadow:none;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,transform .15s;display:flex;position:relative}.image-carousel-nav svg{width:22px;height:22px}.image-carousel-nav:hover:not(:disabled){transform:scale(1.04)}.image-carousel-nav.image-carousel-disabled{opacity:.32;cursor:default;pointer-events:none}.image-carousel-counter{min-width:4.5em;font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.image-preview-overlay{z-index:1000;cursor:zoom-out;background:#000c;justify-content:center;align-items:center;gap:16px;padding:40px 20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-preview-img{object-fit:contain;border-radius:12px;max-width:min(80vw,1200px);max-height:85vh;box-shadow:0 25px 50px -12px #00000080}.video-preview-player{cursor:auto;background:#0d0d0d;border-radius:12px;max-width:min(86vw,1280px);max-height:85vh;box-shadow:0 25px 50px -12px #00000080}.preview-nav{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(12px);z-index:1001;background:#ffffff1a;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0003}.preview-nav:hover{color:#fff;background:#fff3;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.preview-nav:active{transform:scale(.95)}.preview-nav-disabled{opacity:0;pointer-events:none}.preview-counter{color:#ffffff80;font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.05em;z-index:1001;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border-radius:9999px;padding:4px 12px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:960px){:root{--text-base:15px;--text-4xl:30px;--text-display:56px;--space-section:2.25rem;--space-subsection:1.5rem}.right-panel-content{padding:16px 28px 32px}.left-panel-inner{padding:28px 24px 24px}}@media (max-width:700px){:root{--text-base:15px;--text-xl:19px;--text-lg:17px;--text-4xl:26px;--text-display:44px;--measure-reading:100%}.profile-name{padding-top:24px}.left-panel.expanded .left-panel-inner{padding:24px 20px}.right-panel-content{padding:12px 20px 28px}.project-card-title{font-size:var(--text-md)}.project-card-subtitle{font-size:var(--text-sm)}.article-content .article-media-split,.article-content .article-media-split--46,.article-content .article-media-split--equal{gap:16px;grid-template-columns:1fr!important;height:auto!important}.article-content .article-media-split .article-image,.article-content .article-media-split .article-video-frame,.article-content .article-media-split img,.article-content .article-media-split video{width:100%;max-width:100%}.article-content div[style*=grid-template-columns]{grid-template-columns:1fr!important;align-items:start!important;gap:16px!important;height:auto!important}.layout.is-mobile{flex-direction:column;overflow:hidden}.layout.is-mobile .left-panel,.layout.is-mobile .center-panel,.layout.is-mobile .right-panel{opacity:1;border-right:none;flex:0 0 100%;width:100%;min-width:0;max-width:100%;height:100dvh;display:none;overflow:hidden}.layout.is-mobile.mobile-view-left .left-panel{display:flex}.layout.is-mobile.mobile-view-center .center-panel{display:block;overflow-y:auto}.layout.is-mobile.mobile-view-right .right-panel{box-shadow:none;display:block;overflow:hidden}.layout.is-mobile.mobile-view-right .right-panel.visible{flex:0 0 100%;width:100%;max-width:100%}.layout.is-mobile .center-panel.collapsed{opacity:1;flex:0 0 100%}:is(.layout.is-mobile:has(.right-panel.visible) .left-panel,.layout.is-mobile:has(.right-panel.visible) .center-panel,.layout.is-mobile:has(.right-panel.visible) .profile-name,.layout.is-mobile:has(.right-panel.visible) .profile-headline){flex:unset;min-width:unset;display:none}.layout.is-mobile.mobile-view-left .left-panel{border-right:none}.layout.is-mobile.mobile-view-left .left-panel.expanded{flex:0 0 100%}.layout.is-mobile .left-panel-inner{max-width:none;height:100%;overflow-y:auto}.layout.is-mobile .center-panel-inner{padding:20px 16px 32px}.center-panel-mobile-back{background:var(--bg-primary);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 12px 8px 8px;font-weight:500;transition:background .2s,color .2s;display:inline-flex;box-shadow:0 4px 12px #0000000f}.center-panel-mobile-back:hover{background:var(--bg-secondary);color:var(--text-primary)}.center-panel-mobile-back svg{width:18px;height:18px}.layout.is-mobile .right-panel-inner{opacity:1;transition:none;transform:none}}.center-panel::-webkit-scrollbar{width:0}.right-panel-inner::-webkit-scrollbar{width:6px}.right-panel-inner::-webkit-scrollbar-track{background:0 0}.right-panel-inner::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.right-panel-inner::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}