:root{--ink:#e8edf4;--muted:#94a0b2;--line:#233042;--blue:#58a6ff;--navy:#07111f;--paper:#eef3f8;--orange:#ff714b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.5}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,160,178,.18)}.brand{font:500 25px/1 'DM Mono',monospace;color:#fff;text-decoration:none;letter-spacing:-2px}.brand span{color:var(--blue)}nav{display:flex;gap:28px}nav a,.nav-cta{font-size:13px;color:var(--muted);text-decoration:none}.nav-cta{color:var(--ink);border:1px solid var(--line);padding:9px 15px;border-radius:99px}.nav-cta span,.hero-links span,.email span{color:var(--blue);font-size:17px}.hero{padding:120px 0 48px;min-height:680px}.availability{color:#b4f5ca;font:12px 'DM Mono',monospace;display:flex;align-items:center;gap:8px;margin-bottom:56px}.availability i{width:7px;height:7px;border-radius:50%;background:#6ce795;box-shadow:0 0 0 4px rgba(108,231,149,.13)}.eyebrow{color:var(--blue);font:12px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;margin:0 0 20px}.hero h1,.section-heading h2,.contact h2{font-size:clamp(47px,7vw,91px);letter-spacing:-.075em;line-height:.98;margin:0;color:#f5f7fa;font-weight:700}.hero em,.section-heading em{font-family:Georgia,serif;font-weight:400;color:#9daec2}.hero-bottom{display:flex;justify-content:space-between;gap:70px;align-items:end;margin:54px 0 80px}.hero-bottom>p{max-width:465px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.hero-links{display:flex;gap:18px;white-space:nowrap}.hero-links a{color:var(--ink);font-size:13px;text-decoration:none}.stack-strip{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);padding-top:22px}.stack-strip span,.role li{font:11px 'DM Mono',monospace;color:#9aafc5;border:1px solid var(--line);border-radius:4px;padding:6px 9px}.section{padding:135px 0}.section-heading{margin-bottom:72px}.section-heading h2{font-size:clamp(43px,5vw,70px)}.timeline{border-top:1px solid var(--line)}.role{display:grid;grid-template-columns:175px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.role-date{font:12px 'DM Mono',monospace;color:var(--muted);padding-top:5px}.role h3{margin:0;color:#f2f6fb;font-size:20px;letter-spacing:-.04em}.role h3 span{color:#7e90a6;font-weight:500}.role p{color:var(--muted);font-size:14px;max-width:700px;line-height:1.75;margin:12px 0 16px}.role ul{list-style:none;padding:0;margin:0;display:flex;gap:7px;flex-wrap:wrap}.current h3:after{content:'Actual';display:inline-block;color:#a8e7bd;background:rgba(79,190,112,.12);border-radius:20px;padding:3px 8px;font:10px 'DM Mono',monospace;margin-left:11px;vertical-align:3px}.skills{padding:94px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 80px}.skills-grid>div{border-top:1px solid var(--line);padding:25px 0}.skills-grid h3{font-size:16px;margin:0 0 9px;letter-spacing:-.03em}.skills-grid p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.projects{padding-bottom:160px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 26px}.project{position:relative}.project.featured{grid-column:span 2}.project-num{font:11px 'DM Mono',monospace;color:var(--blue);display:block;margin-bottom:12px}.project-art{height:310px;border-radius:3px;overflow:hidden;position:relative}.featured .project-art{height:380px}.art-social{background:linear-gradient(125deg,#4d5cf5,#a060e6 58%,#ff9c62);padding:55px;color:#fff}.art-social span{font-size:clamp(38px,6vw,75px);line-height:.9;letter-spacing:-.08em;font-weight:700}.art-social b{font-family:Georgia,serif;font-weight:400}.art-social i{position:absolute;right:10%;bottom:-28px;font-style:normal;font-size:170px;color:rgba(255,255,255,.25)}.art-erp{background:#f0eee7;display:flex;align-items:center;justify-content:center}.window{width:73%;height:62%;border-radius:9px;background:#fff;box-shadow:0 20px 40px #b9b7af;padding:25px;display:flex;flex-direction:column;gap:14px;color:#19212c}.window small{color:#83909e;font:10px 'DM Mono',monospace}.window strong{font-size:28px;letter-spacing:-.06em}.window span{font-size:11px;color:#269662}.art-chat{background:#101e34;padding:38px}.art-chat>span{position:absolute;right:31px;bottom:27px;color:#fff;font-weight:800;font-size:28px;letter-spacing:-.08em;line-height:.8}.chat-bubble{background:#fff;border-radius:15px 15px 15px 2px;padding:14px;color:#19212c;font-size:13px;width:195px}.project-info{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:18px}.project-info h3{font-size:20px;letter-spacing:-.045em;margin:0}.project-info p{color:var(--muted);font-size:13px;line-height:1.6;max-width:510px;margin:7px 0 0}.project-tag{font:10px 'DM Mono',monospace;color:#a7b9cc;white-space:nowrap}.contact{padding:120px 0 38px;background:#e7edf4;color:#0a1726}.contact .eyebrow{color:#2573cd}.contact h2{color:#0a1726;font-size:clamp(45px,6vw,78px)}.email{display:inline-block;margin-top:43px;color:#1269cf;font-size:clamp(22px,3vw,35px);letter-spacing:-.06em;font-weight:700;text-decoration:none;border-bottom:2px solid #1269cf}.contact-foot{display:flex;gap:28px;border-top:1px solid #bdc9d6;margin-top:98px;padding-top:22px;font:11px 'DM Mono',monospace;color:#617285}.contact-foot a{color:#324458;text-decoration:none}footer{height:72px;display:flex;justify-content:space-between;align-items:center;color:#6e8095;font:11px 'DM Mono',monospace}@media(max-width:700px){.wrap{width:min(100% - 36px,1120px)}.nav{height:68px}nav{display:none}.hero{padding-top:82px;min-height:570px}.availability{margin-bottom:38px}.hero-bottom{margin:38px 0 55px;display:block}.hero-links{margin-top:25px}.section{padding:85px 0}.section-heading{margin-bottom:44px}.role{grid-template-columns:1fr;gap:8px;padding:25px 0}.skills{padding:70px 0}.skills-grid{grid-template-columns:1fr;gap:0}.project-grid{grid-template-columns:1fr;gap:40px}.project.featured{grid-column:auto}.project-art,.featured .project-art{height:240px}.project-info{display:block}.project-tag{display:block;margin-top:13px}.contact{padding-top:80px}.contact-foot{margin-top:70px;gap:14px;flex-wrap:wrap}footer{font-size:9px}.art-social{padding:37px}.art-social i{font-size:115px}.window{padding:18px}.window strong{font-size:21px}}