:root{--bg:#07111F;--surface:#10243A;--surface2:#0B1728;--cyan:#39D8FF;--purple:#8A7CFF;--text:#EAF2FA;--muted:#8FA9C0;--line:rgba(130,180,220,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.7;background-image:linear-gradient(rgba(110,160,210,.035) 1px,transparent 0),linear-gradient(90deg,rgba(110,160,210,.035) 1px,transparent 0);background-size:56px 56px}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(7,17,31,.87);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.04em}.brand b{color:var(--cyan)}.navlinks{display:flex;gap:30px;color:var(--muted);font-size:14px}.navlinks a:hover,.textlink:hover{color:var(--cyan)}.menu{display:none;background:none;border:1px solid var(--line);border-radius:9px;padding:7px 12px}.hero{min-height:620px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;grid-gap:60px;gap:60px;padding-top:54px;padding-bottom:64px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.3vw,68px);line-height:1.22;letter-spacing:-.045em;margin:22px 0}.hero p{font-size:17px;color:var(--muted);max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.tag{border:1px solid var(--line);background:rgba(16,36,58,.7);padding:6px 13px;border-radius:99px;font-size:13px}.actions{display:flex;gap:12px;margin-top:30px}.btn{border:1px solid var(--line);border-radius:8px;padding:11px 18px;display:inline-flex;align-items:center;gap:9px}.btn.primary{background:var(--cyan);color:#04131e;border-color:var(--cyan);font-weight:700}.portrait{position:relative;width:min(100%,380px);justify-self:center}.portrait:before{content:"";position:absolute;inset:12% -10% -5% 18%;background:radial-gradient(ellipse,rgba(57,216,255,.17),rgba(138,124,255,.08) 45%,transparent 70%);filter:blur(34px)}.portrait img{position:relative;width:100%;height:470px;object-fit:cover;object-position:center 30%;border-radius:180px 180px 18px 18px;border:1px solid var(--line)}.loc{color:var(--muted);font-size:13px;margin-top:17px}.section{padding:88px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section h2{font-size:clamp(30px,4vw,44px);line-height:1.25;letter-spacing:-.03em;margin:8px 0}.sectionlead{color:var(--muted);max-width:520px}.panel{background:linear-gradient(145deg,rgba(16,36,58,.95),rgba(11,23,40,.95));border:1px solid var(--line);border-radius:16px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.metric{padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,31,.45)}.metric strong{display:block;font-size:29px;line-height:1.2;color:var(--text)}.metric span{font-size:12px;color:var(--muted)}.liveimg{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--line)}.data-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px;align-items:center}.note{font-size:12px;color:var(--muted);margin:12px 0 0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.cap{min-height:192px}.cap .icon{color:var(--cyan);font-size:22px}.cap h3{margin:13px 0 4px;font-size:18px}.cap p{font-size:14px;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.project{overflow:hidden;padding:0;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-3px);border-color:rgba(57,216,255,.55)}.project img{width:100%;height:235px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.projectbody{padding:21px}.projectbody small{color:var(--cyan)}.projectbody h3{margin:6px 0;font-size:21px}.projectbody p{color:var(--muted);font-size:14px;margin:0}.experience{display:grid;grid-template-columns:240px 1fr;grid-gap:30px;gap:30px}.timeline{border-left:1px solid var(--line);padding-left:26px}.timeline article{padding:0 0 22px}.timeline h3{margin:0 0 4px}.timeline li,.timeline p{color:var(--muted);font-size:14px}.timeline ul{padding-left:20px}.contact{align-items:center;gap:30px}.contact,.footer{display:flex;justify-content:space-between}.footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:13px}.detailhero{padding:76px 0 46px}.detailhero h1{font-size:clamp(38px,6vw,62px);margin:10px 0}.detailhero p{color:var(--muted);max-width:700px;font-size:18px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.detailgrid h2{margin-top:0}.detailgrid li,.detailgrid p{color:var(--muted)}.detailvisual{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.gallery button{cursor:zoom-in;border:1px solid var(--line);background:var(--surface);padding:5px;border-radius:10px}.gallery img{width:100%;height:210px;object-fit:cover;display:block;border-radius:6px}.lightbox{position:fixed;inset:0;background:rgba(2,7,14,.92);z-index:20;display:grid;place-items:center;padding:30px}.lightbox img{max-width:min(100%,1100px);max-height:85vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:24px;border:1px solid var(--line);background:#10243A;border-radius:50%;width:44px;height:44px;cursor:pointer}.textlink{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:800px){.wrap{width:min(100% - 36px,620px)}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 22px;background:#0B1728;border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:auto;padding-top:62px;padding-bottom:70px;grid-template-columns:1fr;gap:24px}.hero h1{font-size:44px}.hero p{font-size:15px}.portrait{width:220px;grid-row:2}.portrait img{height:290px}.section{padding:64px 0}.sectionhead{display:block}.data-layout,.detailgrid{grid-template-columns:1fr}.grid4,.metrics{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:1fr}.project img{height:220px}.experience{grid-template-columns:1fr;gap:10px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:160px}.contact{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.hero h1{font-size:39px}.grid4{grid-template-columns:1fr 1fr;gap:9px}.cap{padding:15px;min-height:182px}.metric strong{font-size:24px}.actions{flex-wrap:wrap}.footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.gallery .gallery{display:block}.gallery .gallery button{width:100%}.gallery img{object-fit:contain}.project:nth-child(3) img{object-fit:contain;background:#07111f}.portrait img{object-position:center 20%}.sectionlead{line-height:1.85}.metric:last-child strong{font-size:22px;white-space:nowrap}.project:nth-child(4) img{object-fit:contain;background:#080c0e}