:root{--bg:#07070a;--panel:#111116;--panel2:#19191f;--text:#f5f3f4;--muted:#a3a0a5;--line:#2a282e;--pink:#ff2f92;--pink2:#ff77b9;--acid:#c8ff44;--max:1240px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:16px;top:-60px;background:var(--pink);color:#fff;padding:10px 16px;z-index:100;text-decoration:none}.skip-link:focus{top:16px}.site-header{height:74px;padding:0 max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(7,7,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-mark{color:var(--pink);font-size:24px}.brand small{font:10px ui-monospace,monospace;color:#777;margin-left:8px}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{color:#c8c5ca;text-decoration:none;font-size:13px}.site-header nav a:hover,.site-header nav a.active{color:var(--pink2)}.site-header .nav-resume{border:1px solid var(--pink);border-radius:99px;padding:8px 14px;color:#fff}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:99px;padding:8px 13px}.hero{min-height:calc(100vh - 74px);max-width:var(--max);margin:auto;padding:88px 28px 72px;display:grid;grid-template-columns:1.22fr .78fr;gap:80px;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,47,146,.14);border-radius:50%;right:-250px;top:20px;box-shadow:0 0 120px rgba(255,47,146,.08) inset}.kicker,.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.14em;color:var(--pink2);text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--acid)}.hero h1{font-size:clamp(54px,7.2vw,105px);line-height:.92;letter-spacing:-.065em;margin:24px 0 32px;font-weight:950}.hero h1 em,.contact-section h2 em{font-style:normal;color:var(--pink)}.hero-intro{max-width:680px;color:#c0bdc2;font-size:18px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 20px;border-radius:99px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid var(--line);color:#fff}.button.primary{background:var(--pink);border-color:var(--pink)}.button.primary:hover{background:#ff4fa1}.button.secondary:hover{border-color:var(--pink);color:var(--pink2)}.hero-meta{margin-top:46px;display:flex;gap:12px;flex-wrap:wrap}.hero-meta span{font:10px ui-monospace,monospace;color:#8d8990;border-left:1px solid var(--pink);padding-left:10px}.portrait-wrap{position:relative;padding:18px;border:1px solid #3a2532;background:#0d0c10;transform:rotate(1.5deg);box-shadow:20px 24px 0 #151218,0 0 90px rgba(255,47,146,.12)}.portrait-wrap img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover;filter:saturate(.78) contrast(1.04)}.portrait-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,47,146,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,47,146,.06) 1px,transparent 1px);background-size:24px 24px;z-index:2;pointer-events:none}.portrait-label{position:absolute;left:-22px;bottom:38px;background:var(--pink);padding:13px 18px;z-index:3;box-shadow:8px 8px 0 #fff;color:#08080a}.portrait-label span{font-size:20px;font-weight:950;display:block}.portrait-label small{font:9px ui-monospace,monospace}.portrait-index{position:absolute;right:8px;top:-30px;font:9px ui-monospace,monospace;color:#777}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.metrics article{padding:34px max(24px,calc((100vw - var(--max))/8));border-right:1px solid var(--line);position:relative}.metrics article:last-child{border:0}.metric-no{font:9px ui-monospace,monospace;color:#616067;position:absolute;top:14px;right:16px}.metrics strong{font-size:clamp(30px,4vw,54px);color:var(--pink);letter-spacing:-.04em}.metrics p{font-size:13px;margin:2px 0}.metrics small{color:#777}.section{max-width:var(--max);margin:auto;padding:120px 28px}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:56px}.section-heading h2{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 0}.section-heading>p{color:var(--muted);max-width:460px;margin:0}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:14px}.work-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:0;background:#111;color:#fff;text-align:left;cursor:pointer;grid-column:span 4}.work-card.featured{grid-column:span 7;grid-row:span 2}.work-card.wide{grid-column:span 8}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.work-card:hover img,.work-card:focus-visible img{transform:scale(1.035);filter:saturate(1.12)}.work-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,5,8,.96) 100%)}.work-tag{position:absolute;top:16px;left:16px;background:rgba(8,8,11,.78);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:6px 10px;font:10px ui-monospace,monospace}.work-title{position:absolute;left:18px;bottom:18px;font-size:16px;line-height:1.35}.work-title b{font-size:22px;color:var(--pink2)}.work-arrow{position:absolute;right:16px;top:14px;background:var(--pink);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px}.platform-links{display:flex;gap:12px;margin-top:18px}.platform-links a{flex:1;display:flex;justify-content:space-between;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:#fff;text-decoration:none}.platform-links a:hover{border-color:var(--pink);color:var(--pink2)}.experience-section{border-top:1px solid var(--line)}.timeline{border-top:1px solid var(--line)}.experience-card{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--line);padding:44px 0;gap:44px}.experience-side{display:flex;flex-direction:column;justify-content:space-between;color:#89858c;font:11px ui-monospace,monospace}.role-index{font-size:46px;color:#222129;font-weight:900}.company{color:var(--pink2);font:11px ui-monospace,monospace;margin:0}.experience-body h3{font-size:28px;margin:6px 0 18px}.experience-body ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}.experience-body li{color:#aaa6ad;padding-left:18px;position:relative}.experience-body li:before{content:"";width:5px;height:5px;background:var(--pink);position:absolute;left:0;top:.7em}.experience-body b{color:#e8e5e9}.education-section{border-top:1px solid var(--line)}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edu-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px;min-height:190px}.edu-card>span{font:10px ui-monospace,monospace;color:var(--pink2)}.edu-card h3{font-size:26px;margin:28px 0 6px}.edu-card h3 small{font-size:11px;color:#0b0b0e;background:var(--acid);padding:4px 7px;border-radius:99px}.edu-card p{color:#97939a}.edu-card.facts{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center}.facts div{display:flex;flex-direction:column}.facts strong{font-size:52px;color:var(--pink)}.facts strong small{font-size:18px}.facts span{font:10px ui-monospace,monospace;color:#888}.strengths-section{border-top:1px solid var(--line)}.strength-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.strength-grid article{background:linear-gradient(145deg,#17171d,#0e0e12);border:1px solid var(--line);border-radius:16px;padding:30px;min-height:240px}.strength-grid article>span{font:10px ui-monospace,monospace;color:var(--pink)}.strength-grid h3{font-size:25px;margin:36px 0 12px}.strength-grid p{color:#9b979e;margin:0}.toolkit{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.toolkit span{border:1px solid #403b43;border-radius:99px;padding:9px 14px;font:10px ui-monospace,monospace}.contact-section{padding:120px max(28px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 70% 50%,rgba(255,47,146,.16),transparent 40%),#0b0a0e;border-top:1px solid var(--line)}.contact-section h2{font-size:clamp(55px,9vw,130px);line-height:.9;letter-spacing:-.065em;margin:22px 0 60px}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.contact-actions a{display:flex;justify-content:space-between;color:#fff;text-decoration:none;border-bottom:1px solid #3b3740;padding:16px 0}.contact-actions a:hover{color:var(--pink2);border-color:var(--pink)}.footer-line{display:flex;justify-content:space-between;color:#5f5c62;font:9px ui-monospace,monospace;margin-top:80px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.case-dialog{width:min(1050px,92vw);max-height:90vh;padding:0;border:1px solid #3d3740;border-radius:20px;background:#0d0d12;color:#fff;grid-template-columns:1.1fr .9fr;overflow:hidden}.case-dialog[open]{display:grid}.case-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.dialog-media{min-height:500px;background:#15151a}.dialog-media img{width:100%;height:100%;object-fit:cover}.dialog-content{padding:52px 38px;overflow:auto}.dialog-content h2{font-size:34px;line-height:1.1;margin:12px 0 20px}.dialog-content>p{color:#aaa6ad}.dialog-content dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.dialog-content dl div{background:#18181e;border:1px solid var(--line);padding:14px;border-radius:10px}.dialog-content dt{font-size:11px;color:#777}.dialog-content dd{font-size:20px;color:var(--pink2);font-weight:800;margin:4px 0 0}.dialog-close{position:absolute;right:16px;top:14px;background:#222128;border:1px solid #444;color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;z-index:2;cursor:pointer}.work-card:focus-visible,.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0d0d11;padding:20px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:62px;gap:70px}.hero-copy{order:1}.portrait-wrap{order:0;max-width:380px;margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.section-heading{grid-template-columns:1fr}.work-card,.work-card.featured,.work-card.wide{grid-column:span 6;grid-row:span 1}.work-card.featured{grid-row:span 2}.experience-card{grid-template-columns:1fr;gap:18px}.experience-side{flex-direction:row}.education-grid{grid-template-columns:1fr}.edu-card.facts{grid-column:auto;grid-template-columns:1fr 1fr}.edu-card.facts p{grid-column:span 2}.case-dialog[open]{grid-template-columns:1fr;overflow:auto}.dialog-media{min-height:310px}.dialog-content{padding:34px 24px}}@media(max-width:600px){.brand small{display:none}.hero{padding-inline:20px}.hero h1{font-size:54px}.hero-intro{font-size:16px}.portrait-wrap{max-width:300px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:30px 18px}.metrics strong{font-size:34px}.section{padding:88px 20px}.section-heading{margin-bottom:36px}.work-grid{grid-template-columns:1fr;grid-auto-rows:280px}.work-card,.work-card.featured,.work-card.wide{grid-column:auto;grid-row:auto}.platform-links{flex-direction:column}.strength-grid{grid-template-columns:1fr}.contact-actions{grid-template-columns:1fr}.contact-section{padding:90px 20px}.contact-section h2{font-size:58px}.edu-card.facts{grid-template-columns:1fr 1fr}.dialog-content dl{grid-template-columns:1fr}.footer-line{gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}