:root{--bg:#f5f5f5;--bg2:#ebebeb;--bg3:#e0e0e0;--surface:#fff;--border:#00000014;--border2:#00000026;--ink:#1a1a1a;--ink2:#555;--ink3:#888;--muted:#ccc;--sans:"Open Sans", system-ui, sans-serif;--nav-h:60px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:19px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--sans);cursor:pointer}img{display:block}.nav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fafaf8e0;justify-content:space-between;align-items:center;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--ink);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-links a{color:var(--ink3);border-radius:6px;padding:6px 12px;font-size:.8rem;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--ink2)}.nav-cta{color:var(--ink);border:1px solid var(--border2);border-radius:6px;padding:7px 18px;font-size:.8rem;text-decoration:none;transition:all .15s;display:inline-block}.nav-cta:hover{background:var(--bg3);border-color:var(--ink3)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.nav-hamburger span{background:var(--ink2);width:20px;height:1.5px;transition:all .25s;display:block}.nav-hamburger.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-drawer{top:var(--nav-h);z-index:99;border-bottom:1px solid var(--border);background:#fafaf8fa;flex-direction:column;padding:.5rem 2.5rem 1.5rem;display:none;position:fixed;left:0;right:0}.nav-drawer.open{display:flex}.nav-drawer a{color:var(--ink2);border-bottom:1px solid var(--border);align-items:center;min-height:44px;padding:.8rem 0;font-size:.9rem;transition:color .15s;display:flex}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a:hover{color:var(--ink)}.hero{min-height:100vh;padding-top:var(--nav-h);flex-direction:column;justify-content:center;max-width:1100px;margin:0 auto;padding-left:2.5rem;padding-right:2.5rem;display:flex}.hero-inner{max-width:640px;padding:6rem 0 4rem}.hero-greeting{color:var(--ink3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.8rem}.hero-name{color:var(--ink);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.hero-role{color:var(--ink2);min-height:1.6em;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:300}.cursor{background:var(--ink2);vertical-align:middle;width:2px;height:.85em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-available{color:var(--ink2);background:var(--bg2);border:1px solid var(--border2);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:2.5rem;padding:5px 14px;font-size:.75rem;display:inline-flex}.hero-available-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-bio{color:var(--ink2);max-width:520px;margin-bottom:3rem;font-size:1rem;font-weight:300;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:5rem;display:flex}.btn-primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:.85rem;font-weight:600;font-family:var(--sans);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:10px 24px;transition:all .15s;display:inline-flex}.btn-primary:hover{background:var(--ink2);border-color:var(--ink2)}.btn-secondary{color:var(--ink2);border:1px solid var(--border2);font-size:.85rem;font-family:var(--sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:10px 24px;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--ink3);color:var(--ink)}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;padding-top:2.5rem;display:flex}.stat-num{color:var(--ink);letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:.68rem}.bg-graphics{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.bg-icon{opacity:.03;color:var(--ink);position:absolute}.bg-icon svg{width:100%;height:100%}.bg-icon-ml{width:250px;height:250px;animation:20s ease-in-out infinite float1;top:15%;right:10%}.bg-icon-devops{width:200px;height:200px;animation:25s ease-in-out infinite reverse float2;bottom:10%;left:5%}.bg-icon-fs{width:180px;height:180px;animation:22s ease-in-out infinite float3;top:40%;left:15%}.bg-icon-cloud{width:160px;height:160px;animation:28s ease-in-out infinite reverse float4;top:60%;right:20%}.bg-icon-db{width:190px;height:190px;animation:26s ease-in-out infinite float5;bottom:25%;left:25%}@keyframes float1{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-30px,40px)rotate(5deg)}}@keyframes float2{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(40px,-20px)rotate(-5deg)}}@keyframes float3{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(20px,30px)rotate(3deg)}}@keyframes float4{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-40px,-30px)rotate(-4deg)}}@keyframes float5{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(30px,40px)rotate(2deg)}}.section-wrap{max-width:1100px;margin:0 auto;padding:5rem 2.5rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:12px;margin-bottom:2.5rem;font-size:.7rem;font-weight:600;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.divider{border:none;border-top:1px solid var(--border);max-width:1100px;margin:0 2.5rem}.filter-strip{flex-wrap:wrap;gap:6px;margin-bottom:2rem;display:flex}.filter-btn{color:var(--ink3);border:1px solid var(--border);cursor:pointer;font-size:.72rem;font-weight:500;font-family:var(--sans);background:0 0;border-radius:4px;padding:5px 14px;transition:all .15s}.filter-btn:hover{color:var(--ink2);border-color:var(--border2)}.filter-btn.active{background:var(--bg3);color:var(--ink);border-color:var(--border2)}.projects-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.project-card{background:var(--bg);cursor:pointer;flex-direction:column;transition:background .15s;display:flex}.project-card:hover{background:var(--bg2)}.project-thumb{aspect-ratio:16/10;background:var(--bg3);width:100%;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-thumb img{transform:scale(1.04)}.project-thumb-placeholder{background:var(--bg3);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-thumb-letter{color:var(--muted);font-size:3rem;font-weight:700}.project-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.project-num{color:var(--ink3);margin-bottom:.4rem;font-size:.68rem;font-weight:600}.project-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:.4rem;font-size:1rem;font-weight:600;line-height:1.25}.project-desc{color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.8rem;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.project-footer{justify-content:space-between;align-items:center;display:flex}.project-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--bg3);border:1px solid var(--border2);color:var(--ink3);white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:.62rem;font-weight:500}.project-arrow{color:var(--ink3);font-size:.85rem;transition:all .15s}.project-card:hover .project-arrow{color:var(--ink);transform:translate(2px,-2px)}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14120e99;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:680px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 24px 80px #14120e26}.modal-image{aspect-ratio:16/9;background:var(--bg3);border-radius:12px 12px 0 0;width:100%;overflow:hidden}.modal-image img{object-fit:cover;width:100%;height:100%}.modal-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-image-placeholder span{color:var(--muted);font-size:4rem;font-weight:700}.modal-content{padding:1.75rem 2rem 2.25rem}.modal-type{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:.5rem;font-size:.65rem;font-weight:600}.modal-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.modal-desc{color:var(--ink2);margin-bottom:1rem;font-size:.875rem;font-weight:300;line-height:1.75}.modal-case{color:var(--ink2);border-left:2px solid var(--border2);margin-bottom:1.5rem;padding-left:1rem;font-size:.82rem;font-weight:300;line-height:1.7}.modal-tags{flex-wrap:wrap;gap:5px;margin-bottom:1.5rem;display:flex}.modal-links{flex-wrap:wrap;gap:.75rem;display:flex}.modal-link-primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:.82rem;font-weight:600;font-family:var(--sans);border-radius:6px;padding:9px 20px;transition:all .15s;display:inline-block}.modal-link-primary:hover{background:var(--ink2);border-color:var(--ink2)}.modal-link-outline{color:var(--ink2);border:1px solid var(--border2);font-size:.82rem;font-family:var(--sans);background:0 0;border-radius:6px;padding:8px 20px;transition:all .15s;display:inline-block}.modal-link-outline:hover{border-color:var(--ink3);color:var(--ink);background:var(--bg2)}.modal-close{background:var(--bg2);border:1px solid var(--border2);cursor:pointer;width:32px;height:32px;color:var(--ink3);z-index:10;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--ink);border-color:var(--ink3);background:var(--bg3)}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;display:grid}.stack-cat{border-top:1px solid var(--border);padding-top:1.25rem}.stack-cat-title{color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.72rem;font-weight:600}.stack-item{color:var(--ink2);border-bottom:1px solid var(--border);padding:5px 0;font-size:.85rem;font-weight:300}.stack-item:last-child{border-bottom:none}.list-rows{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--border);grid-template-columns:72px 1fr;gap:1.5rem;padding:1.5rem 0;transition:padding-left .15s;display:grid}.list-row:first-child{border-top:1px solid var(--border)}.list-row:hover{padding-left:.5rem}.list-row-year{color:var(--ink3);padding-top:3px;font-size:.75rem;font-weight:500}.list-row-title{color:var(--ink);margin-bottom:3px;font-size:.95rem;font-weight:600;line-height:1.3}.list-row-sub{color:var(--ink2);margin-bottom:3px;font-size:.8rem;font-weight:300}.list-row-meta{color:var(--ink3);font-size:.72rem}.list-row-link{color:var(--ink2);align-items:center;gap:4px;margin-top:6px;font-size:.72rem;transition:color .15s;display:inline-flex}.list-row-link:hover{color:var(--ink)}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-left-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.contact-left-desc{color:var(--ink2);margin-bottom:2rem;font-size:.875rem;font-weight:300;line-height:1.8}.contact-links{flex-direction:column;display:flex}.contact-link-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 0;transition:padding-left .15s;display:flex}.contact-link-row:first-child{border-top:1px solid var(--border)}.contact-link-row:hover{padding-left:.25rem}.contact-link-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);font-size:.68rem;font-weight:600}.contact-link-val{color:var(--ink2);font-size:.82rem;font-weight:300}.contact-link-val a:hover{color:var(--ink)}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-size:.68rem;font-weight:600}.form-input,.form-textarea{background:var(--bg2);border:1px solid var(--border);font-family:var(--sans);color:var(--ink);border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:.85rem;font-weight:300;transition:border-color .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink3)}.form-input:focus,.form-textarea:focus{border-color:var(--border2)}.form-textarea{resize:vertical;min-height:110px;line-height:1.6}.form-submit{background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:.85rem;font-weight:600;font-family:var(--sans);cursor:pointer;border-radius:6px;width:fit-content;padding:10px 24px;transition:all .15s}.form-submit:hover{background:var(--ink2);border-color:var(--ink2)}.form-submit:disabled{opacity:.4;cursor:not-allowed}.form-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:10px 14px;font-size:.82rem}.form-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px;font-size:.82rem}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:2.5rem;display:flex}.footer-copy{color:var(--ink3);font-size:.78rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--ink3);font-size:.78rem;transition:color .15s}.footer-links a:hover{color:var(--ink2)}.back-to-top{z-index:90;background:var(--bg2);width:38px;height:38px;color:var(--ink2);border:1px solid var(--border2);cursor:pointer;opacity:0;pointer-events:none;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:opacity .2s,transform .2s,all .15s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(8px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--bg3);color:var(--ink);border-color:var(--ink3)}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav{padding:0 1.5rem}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-drawer,.hero{padding-left:1.5rem;padding-right:1.5rem}.section-wrap{padding:4rem 1.5rem}.divider{margin:0 1.5rem}.projects-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr 1fr}.list-row{grid-template-columns:56px 1fr;gap:1rem}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:12px 12px 0 0;max-height:88vh}.footer{text-align:center;flex-direction:column;padding:1.5rem}.back-to-top{bottom:1.25rem;right:1.25rem}.hero-stats{gap:1.5rem}}@media (max-width:480px){.stack-grid{grid-template-columns:1fr}}