:root{--bg:#081018;--panel:#0c1621;--line:#abc4cf29;--text:#e7edf0;--muted:#9caab4;--accent:#c5ed88}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{width:min(1210px,100% - 48px);margin:auto}.nav{z-index:3;justify-content:space-between;align-items:center;height:76px;display:flex;position:relative}.brand{color:#fff;letter-spacing:.05em;font-size:22px;font-weight:600;text-decoration:none}.brand span{color:var(--accent);font-size:30px;font-weight:300}.navlinks{gap:30px;display:flex}.navlinks a,.resume{color:var(--muted);font-size:14px;text-decoration:none}.resume{border:1px solid var(--line);border-radius:999px;padding:10px 18px}.hero{border-bottom:1px solid var(--line);min-height:660px;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-bg{background:linear-gradient(90deg,#081018f7 0%,#081018d1 38%,#08101838 66%,#0810180d 100%);position:absolute;inset:0}.hero-content{z-index:1;padding-top:110px;position:relative}.eyebrow,.section-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.hero h1{margin:14px 0;font-size:clamp(44px,6vw,78px);line-height:1}.roles{color:#c2ccd2;font-size:18px}.roles b{color:var(--accent);margin:0 7px}.intro{max-width:570px;color:var(--muted);margin-top:30px;font-size:17px;line-height:1.8}.meta{color:#aab8c0;margin-top:25px;font-size:14px}.meta span{border-left:1px solid #71808a;margin:0 14px}.actions,.contact-actions{gap:14px;margin-top:30px;display:flex}.primary,.secondary{border-radius:999px;padding:14px 22px;font-size:14px;font-weight:600;text-decoration:none}.primary{background:var(--accent);color:#17200e}.secondary{color:#dce6dd;border:1px solid #c5ed8873}.section{padding:100px 0}.section h2{margin:12px 0 28px;font-size:clamp(34px,4vw,56px);line-height:1.1}.about-grid{grid-template-columns:1.2fr .8fr;gap:100px;display:grid}.about-grid p:not(.section-label),.contact>p:not(.section-label){color:var(--muted);max-width:680px;font-size:16px;line-height:1.8}blockquote{border-left:2px solid var(--accent);color:#c8d1d5;margin:30px 0;padding-left:18px;font-style:italic}.traits{align-content:center;gap:15px;display:grid}.traits div,.skill,.project{border:1px solid var(--line);background:linear-gradient(145deg,#13202db3,#091119b3);border-radius:14px}.traits div{padding:22px}.traits strong{display:block}.traits span{color:var(--muted);margin-top:8px;font-size:14px;display:block}.skills-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.skill{gap:18px;padding:20px;display:flex}.skill i{color:var(--accent);font-size:27px;font-style:normal}.skill h3{margin:0 0 7px;font-size:15px}.skill p{color:var(--muted);margin:0;font-size:13px}.projects-head{justify-content:space-between;align-items:end;display:flex}.projects-head>span{color:var(--muted);font-size:14px}.projects-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px;display:grid}.project{padding:12px}.project-art{object-fit:cover;background:#101d2a;border-radius:10px;width:100%;height:130px;margin-bottom:15px;display:block}.project h3{margin:8px 0;font-size:18px}.project p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.project .stack{color:#b7c5b2;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.contact{border-top:1px solid var(--line);text-align:center}.contact>p{margin:0 auto}.contact-actions{justify-content:center}footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0;font-size:13px}.footer{justify-content:space-between;display:flex}@media (max-width:900px){.navlinks{display:none}.hero{min-height:610px}.about-grid{grid-template-columns:1fr;gap:30px}.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-head{flex-direction:column;align-items:start}.projects-head>span{margin-top:10px}}@media (max-width:600px){.wrap{width:min(100% - 32px,1210px)}.hero-content{padding-top:90px}.hero h1{font-size:48px}.roles{line-height:1.8}.skills-grid,.projects-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:12px}.section{padding:70px 0}.resume{padding:8px 13px}.hero-art{object-position:61% center}.hero-bg{background:linear-gradient(90deg,#081018fa,#081018ad,#08101852)}}@media (max-width:900px){.navlinks{display:flex}}@media (max-width:640px){.nav{position:relative}.navlinks{z-index:12;border-bottom:1px solid var(--line);white-space:nowrap;background:#081018f5;gap:20px;padding:12px 16px;position:absolute;top:66px;left:0;right:0;overflow-x:auto}.navlinks a{font-size:13px}}