:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecf2f8;--bg:#06080d;--panel:#121923c7;--panel-strong:#18222eeb;--line:#94a3b833;--muted:#9aa8b7;--text:#ecf2f8;--teal:#42d6c5;--green:#9be06a;--blue:#70a7ff;--amber:#f5bf5b;--rose:#f17f9a;--shadow:0 24px 80px #00000057;background:#06080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 8%,#42d6c51f,#0000 28%),radial-gradient(circle at 83% 17%,#f5bf5b1c,#0000 25%),linear-gradient(135deg,#06080d 0%,#0b1217 42%,#080b12 100%);margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080dc7;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;height:72px;padding:0 clamp(20px,4vw,54px);display:grid;position:fixed;top:0;left:0;right:0}.brand,.menu-button,.nav-links button,.header-actions a,.hero-actions button,.project-actions button,.modal-close,.contact-line button{color:var(--text);cursor:pointer;background:0 0;border:0}.brand{white-space:nowrap;align-items:center;gap:10px;padding:0;display:inline-flex}.brand span{color:#dffffa;background:linear-gradient(135deg,#42d6c538,#70a7ff24);border:1px solid #42d6c575;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong{font-size:.98rem}.nav-links{justify-content:center;gap:4px;display:flex}.nav-links button{min-height:38px;color:var(--muted);border-radius:8px;padding:0 14px;transition:color .18s,background .18s}.nav-links button:hover,.nav-links button.active{color:var(--text);background:#ffffff13}.header-actions{align-items:center;gap:8px;display:flex}.header-actions a,.mobile-actions a{border:1px solid var(--line);min-width:38px;height:38px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:border .18s,color .18s,transform .18s;display:inline-flex}.header-actions a:hover,.mobile-actions a:hover{color:var(--text);border-color:#42d6c58c;transform:translateY(-1px)}.header-actions .resume-link{color:#dffffa;width:auto;padding:0 14px}.menu-button{border:1px solid var(--line);border-radius:8px;justify-self:end;place-items:center;width:38px;height:38px;display:none}.mobile-menu{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c12f5;border-bottom:1px solid #ffffff14;padding:16px 24px 22px;position:fixed;top:72px;left:0;right:0}.mobile-menu .nav-links{justify-content:stretch;justify-items:stretch;gap:6px;display:grid}.mobile-menu .nav-links button{text-align:left;justify-content:flex-start;align-items:center;width:100%;display:flex}.mobile-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mobile-actions a{gap:8px;width:auto;padding:0 14px}main{overflow:hidden}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:104px clamp(24px,6vw,92px) 64px;display:flex;position:relative}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;width:min(1180px,100%);max-width:1180px;display:flex}.availability,.eyebrow,.project-badge{color:#b7fff4;letter-spacing:0;text-transform:uppercase;background:#42d6c514;border:1px solid #42d6c547;border-radius:8px;align-items:center;gap:9px;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.availability span{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #9be06a1f}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:1040px;margin:10px 0 22px;font-size:clamp(3.4rem,7.2vw,6.75rem);line-height:1}.hero-kicker{color:var(--teal);margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:900}.hero-subtitle{color:#c7d1dc;max-width:820px;margin-bottom:28px;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.75}.role-strip{border:1px solid var(--line);width:min(560px,100%);min-height:46px;color:var(--muted);background:#ffffff0d;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 16px;display:inline-flex}.typing-word{min-width:min(320px,100%);color:var(--teal);text-align:left;white-space:nowrap;align-items:center;font-weight:900;line-height:1.4;display:inline-flex}.typing-word span{margin-left:2px;animation:.85s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}.hero-actions,.social-row,.project-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;display:flex}.hero-actions{margin-top:30px}.primary-action,.secondary-action,.project-actions button,.project-actions a,.contact-actions a{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:800;transition:transform .18s,border .18s,background .18s;display:inline-flex}.primary-action{background:linear-gradient(135deg, var(--teal), #8ae5ff);color:#031012}.secondary-action,.project-actions a,.contact-actions a{border:1px solid var(--line);color:var(--text);background:#ffffff0d}.primary-action:hover,.secondary-action:hover,.project-actions button:hover,.project-actions a:hover,.contact-actions a:hover{transform:translateY(-2px)}.social-row{color:var(--muted);margin-top:24px}.social-row a{align-items:center;gap:7px;display:inline-flex}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1180px,100%);margin-top:34px;display:grid}.metric-card{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;min-height:104px;padding:20px}.metric-card strong{color:var(--teal);margin-bottom:8px;font-size:2rem;display:block}.metric-card span{color:var(--muted)}.content-section{width:min(1180px,100% - 48px);margin:0 auto;padding:110px 0}.section-heading{max-width:820px;margin-bottom:36px}.section-heading h2{letter-spacing:0;margin:18px 0 12px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05}.section-heading p{max-width:720px;color:var(--muted);font-size:1.06rem;line-height:1.7}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);gap:22px;display:grid}.about-copy,.quick-facts,.skill-card,.proof-card,.contact-card,.contact-actions{padding:26px}.about-copy p{color:#cdd7e1;font-size:1.03rem;line-height:1.82}.about-copy p:last-child{margin-bottom:0}.quick-facts{align-content:center;gap:14px;display:grid}.quick-facts div,.contact-line{color:#d7e2ec;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;min-height:50px;padding:12px;display:flex}.quick-facts svg,.card-title svg,.contact-line svg{color:var(--teal);flex:none}.skills-grid,.projects-grid,.proof-grid,.contact-grid{gap:18px;display:grid}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.card-title h3,.project-card h3,.proof-card h3,.contact-card h3{margin:0;font-size:1.18rem}.chip-list,.mini-metrics{flex-wrap:wrap;gap:9px;display:flex}.chip-list span,.mini-metrics span{color:#d7e2ec;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:.88rem;display:inline-flex}.chip-list.compact span{min-height:28px;font-size:.82rem}.timeline{gap:24px;display:grid}.experience-card{grid-template-columns:62px minmax(0,1fr);gap:18px;display:grid}.company-mark{color:#dffffa;background:#42d6c51a;border:1px solid #42d6c559;border-radius:8px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.experience-body{padding:26px}.experience-head{justify-content:space-between;gap:18px;display:flex}.experience-head h3{margin-bottom:6px;font-size:1.32rem}.experience-head p,.experience-head span,.experience-summary,.proof-card p{color:var(--muted)}.experience-summary{margin:18px 0;line-height:1.65}.experience-body ul,.case-modal ul{color:#d1dbe5;margin:0 0 18px;padding-left:20px;line-height:1.75}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{--project-accent:var(--teal);--project-accent-soft:#42d6c524;padding:26px;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--project-accent), #ffffff2e);height:3px;position:absolute;top:0;left:0;right:0}.project-icon{border:1px solid var(--project-accent);background:var(--project-accent-soft);width:46px;height:46px;color:var(--project-accent);border-radius:8px;place-items:center;margin-bottom:16px;display:grid}.project-card h3{margin-top:18px;font-size:1.6rem}.project-card .project-badge,.case-modal .project-badge{border-color:var(--project-accent);background:var(--project-accent-soft)}.project-subtitle{color:var(--project-accent,var(--teal));font-weight:800}.project-card>p:not(.project-subtitle){color:#c8d3de;line-height:1.7}.mini-metrics{margin:18px 0}.mini-metrics span{color:#dff9ca;border-color:#9be06a38}.project-actions{margin-top:22px}.project-actions button{background:var(--project-accent-soft);color:#dffffa;border:1px solid #ffffff1a}.proof-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.proof-card p,.proof-link{margin-bottom:10px;line-height:1.55}.proof-link{color:#d7e2ec;justify-content:space-between;align-items:center;gap:10px;transition:color .18s;display:flex}.proof-link:hover{color:var(--teal)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr)}.contact-card h3{margin-bottom:18px}.contact-line{justify-content:flex-start;margin-bottom:12px}.contact-line a{overflow-wrap:anywhere}.contact-line button{border:1px solid var(--line);border-radius:8px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.contact-actions{align-content:center;gap:12px;display:grid}.contact-actions a{justify-content:flex-start}footer{color:var(--muted);text-align:center;border-top:1px solid #ffffff14;padding:32px clamp(24px,6vw,92px) 48px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.case-modal{border:1px solid var(--line);background:var(--panel-strong);width:min(920px,100%);max-height:min(82vh,920px);box-shadow:var(--shadow);--project-accent:var(--teal);--project-accent-soft:#42d6c524;scrollbar-color:var(--project-accent) #ffffff14;border-radius:8px;padding:clamp(24px,4vw,38px);position:relative;overflow:auto}.modal-close{border:1px solid var(--line);border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:20px}.case-modal h2{margin:18px 48px 8px 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.case-intro{color:#cbd6e1;max-width:760px;margin:14px 0 0;font-size:1.02rem;line-height:1.7}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.modal-actions a{border:1px solid var(--line);min-height:40px;color:var(--text);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.case-section-wide{grid-column:1/-1}.case-grid section{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;padding:18px}.case-grid h3{color:var(--project-accent);text-transform:uppercase;font-size:.94rem}.case-grid p{color:#ced8e2;line-height:1.7}.architecture-line{color:#f8d892;overflow-wrap:anywhere;font-weight:800;line-height:1.7}.modal-metrics{margin:0}.reveal{animation:.7s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1060px){.site-header{grid-template-columns:auto auto}.site-header>.nav-links,.header-actions{display:none}.menu-button{display:grid}.hero{min-height:calc(100vh - 54px);padding-top:104px}.skills-grid,.projects-grid,.proof-grid,.contact-grid,.about-grid{grid-template-columns:1fr}}@media (width<=720px){.site-header{height:66px;padding:0 18px}.brand strong{display:none}.mobile-menu{top:66px}.hero{min-height:calc(100vh - 44px);padding:88px 20px 46px;display:block}h1{margin:18px 0;font-size:clamp(2.65rem,12vw,3.45rem);line-height:1.02}.hero-subtitle{margin-bottom:20px;font-size:1rem;line-height:1.55}.role-strip{flex-direction:column;align-items:flex-start;width:100%}.typing-word{white-space:normal;min-width:0}.hero-actions{margin-top:22px}.social-row{margin-top:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:none}.content-section{padding:82px 0}.experience-card{grid-template-columns:1fr}.company-mark{width:48px;height:48px}.experience-head{flex-direction:column}.case-grid{grid-template-columns:1fr}.modal-actions a{justify-content:center;width:100%}}@media (width<=420px){.hero-actions>*,.project-actions>*,.contact-actions a{width:100%}.metric-grid{grid-template-columns:1fr}.about-copy,.quick-facts,.skill-card,.proof-card,.contact-card,.contact-actions,.experience-body,.project-card{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}