:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4efe7;--ink-soft:#c8c0b5;--muted:#9c9488;--paper:#0d1117;--paper-warm:#121821;--surface:#161b23;--surface-2:#1d2430;--line:#2b3442;--white:#fffdfa;--teal:#54b5a6;--teal-soft:#c8e0d9;--amber:#f0b45e;--brick:#e07964;--blue:#76a5d8;--pink:#f080bc;--shadow:0 24px 70px #00000057;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #151b23, #0d1117), var(--paper);min-width:320px;margin:0}body,button,input,textarea{letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--teal);color:var(--white)}.shell{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:20;width:min(1120px,100% - 40px);height:60px;color:var(--white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d12b8;border:1px solid #fffdfa24;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px 0 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000057}.brand,.nav-links,.button,.project-kicker,.contact-meta,.social-links,.footer a,.eyebrow{align-items:center;display:inline-flex}.brand{gap:10px;min-width:0;font-weight:760}.brand-mark{background:var(--white);width:34px;height:34px;color:var(--paper);border-radius:8px;place-items:center;font-size:.95rem;display:grid}.nav-links{gap:6px}.nav-links a{color:#fffdfac7;border-radius:8px;min-height:38px;padding:10px 12px;font-size:.9rem;font-weight:680}.nav-links a:hover,.nav-links a:focus-visible{color:var(--white);background:#fffdfa1f}.hero{min-height:78svh;color:var(--white);background:#171715;display:grid;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(90deg,#080b0ff0 0%,#080b0fd1 36%,#080b0f52 70%),linear-gradient(#080b0f38 0%,#080b0fb3 100%),url(/hero-workspace.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.01)}.hero-content{z-index:1;grid-template-columns:minmax(0,630px) minmax(240px,320px);align-items:end;gap:48px;padding:146px 0 58px;display:grid;position:relative}.hero-copy{align-self:center}.eyebrow{color:#fffdfac7;gap:8px;margin:0 0 22px;font-size:.95rem;font-weight:720}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{margin-bottom:16px;font-size:5.8rem;font-weight:820;line-height:.95}.role{color:var(--teal-soft);margin-bottom:18px;font-size:1.45rem;font-weight:760}.intro{color:#fffdfac7;max-width:610px;margin-bottom:30px;font-size:1.15rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;gap:10px;min-height:48px;padding:0 18px;font-size:.95rem;font-weight:760;transition:transform .18s,background .18s,border-color .18s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{background:var(--teal);color:#07110f}.button.primary:hover,.button.primary:focus-visible{background:#7ed4c7}.button.secondary{color:var(--white);background:#fffdfa1a;border-color:#fffdfa38}.button.secondary:hover,.button.secondary:focus-visible{background:#fffdfa29;border-color:#fffdfa6b}.button.light{background:var(--white);color:var(--paper)}.hero-stats{gap:10px;margin:0;display:grid}.profile-card{align-items:center;gap:14px;min-height:92px;display:flex}.profile-card img{object-fit:cover;object-position:center top;border:2px solid #fffdfab3;border-radius:50%;flex:none;width:64px;height:64px;box-shadow:0 14px 34px #0000003d}.profile-card strong,.profile-card span{display:block}.profile-card strong{color:var(--white);font-size:1rem;line-height:1.25}.profile-card span{color:#fffdfaad;margin-top:4px;font-size:.86rem;line-height:1.3}.hero-stats>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfa17;border:1px solid #fffdfa29;border-radius:8px;padding:18px}.hero-stats dt{color:var(--white);margin-bottom:4px;font-size:1.65rem;font-weight:820}.hero-stats dd{color:#fffdfaad;margin:0;font-size:.88rem}.section{padding:88px 0}.section-heading{gap:14px;max-width:740px;margin-bottom:34px;display:grid}.section-eyebrow{color:var(--teal);text-transform:uppercase;margin-bottom:0;font-size:.82rem;font-weight:820}.section-heading h2,.split-section h2,.contact-content h2{margin-bottom:0;font-size:2.65rem;line-height:1.06}.section-heading p:last-child{color:var(--ink-soft);margin-bottom:0;font-size:1.06rem;line-height:1.75}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);min-height:100%;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.project-preview{background:#233632;align-content:stretch;min-height:210px;padding:18px;display:grid}.project-preview.teal{background:linear-gradient(145deg,#2d6f67eb,#171715f5),#233632}.project-preview.brick{background:linear-gradient(145deg,#a44f3feb,#231d1afa),#2b2420}.project-preview.blue{background:linear-gradient(145deg,#496d92f0,#161d23fa),#1c2832}.project-preview.backend{background:linear-gradient(145deg,#76a5d8db,#151b24fa),#1c2832}.backend-architecture{gap:16px;min-height:250px;position:relative;overflow:hidden}.backend-architecture:before{content:"";border:1px dashed #fffdfa38;border-radius:8px;position:absolute;inset:54px 30px 70px}.architecture-header,.architecture-code,.architecture-node{z-index:1;position:relative}.architecture-header{color:#fffdfac7;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;min-height:32px;font-size:.78rem;font-weight:820;display:flex}.architecture-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.architecture-node{min-height:48px;color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d11179e;border:1px solid #fffdfa29;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex;box-shadow:0 14px 36px #0000002e}.architecture-node svg{color:var(--teal-soft);flex:none}.architecture-node span{min-width:0;font-size:.86rem;font-weight:760}.architecture-code{color:#c8e0d9e0;background:#05090db3;border:1px solid #54b5a647;border-radius:8px;gap:6px;padding:10px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;display:grid}.project-preview.image-preview{background:var(--surface-2);min-height:250px;padding:0}.project-preview.image-preview img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:250px}.preview-top{gap:7px;height:18px;margin-bottom:18px;display:flex}.preview-top span{background:#fffdfab3;border-radius:8px;width:18px;height:18px}.preview-grid{grid-template-columns:1.2fr .8fr;gap:10px;min-height:142px;display:grid}.preview-grid span{background:#fffdfa24;border:1px solid #fffdfa2e;border-radius:8px;min-height:42px}.preview-grid .wide{grid-column:1/-1}.preview-grid .tall{grid-row:span 2}.project-body{flex-direction:column;flex:1;padding:22px;display:flex}.project-kicker{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:.76rem;font-weight:820}.project-card h3,.capability h3,.timeline-item h3{margin-bottom:10px;font-size:1.35rem;line-height:1.18}.project-card p,.capability p,.timeline-item span{color:var(--ink-soft);line-height:1.7}.outcome-list,.capability ul{gap:10px;margin:16px 0 18px;padding:0;list-style:none;display:grid}.outcome-list li{color:var(--ink);align-items:flex-start;gap:9px;font-size:.94rem;font-weight:680;display:flex}.outcome-list svg{color:var(--teal);flex:none;margin-top:2px}.stack-list{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.stack-list span{border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;padding:7px 10px;font-size:.82rem;font-weight:720}.project-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-links a{min-height:40px;color:var(--teal-soft);border:1px solid #54b5a66b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.88rem;font-weight:780;display:inline-flex}.project-links a:hover,.project-links a:focus-visible{color:var(--white);background:#54b5a61f}.capability-band{color:var(--white);background:#111821}.capability-band .section-eyebrow{color:var(--amber)}.capability-band .section-heading p:last-child{color:#fffdfaad}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.capability{background:#fffdfa0f;border:1px solid #fffdfa1f;border-radius:8px;padding:24px}.icon-tile{background:var(--amber);color:#16100a;border-radius:8px;place-items:center;width:46px;height:46px;margin-bottom:24px;display:grid}.capability p{color:#fffdfab3}.capability ul{margin-bottom:0}.capability li{color:#fffdfadb;font-weight:700}.split-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:70px;display:grid}.timeline{border-top:1px solid var(--line);display:grid}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:26px;padding:26px 0;display:grid}.timeline-item p{color:var(--teal);margin:0;font-weight:780}.timeline-item h3{margin:0}.timeline-item span{grid-column:2}.contact-band{color:var(--white);background:#10221f;padding:78px 0}.contact-band .section-eyebrow{color:var(--teal-soft)}.contact-content{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:center;gap:54px;display:grid}.contact-actions{justify-items:start;gap:16px;display:grid}.contact-meta{color:#fffdfabd;gap:9px;margin:0}.social-links{gap:10px}.social-links a{width:44px;height:44px;color:var(--white);background:#fffdfa14;border:1px solid #fffdfa2e;border-radius:8px;place-items:center;display:grid}.social-links a:hover,.social-links a:focus-visible{background:#fffdfa29}.footer{min-height:76px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;font-size:.92rem;display:flex}.footer p{margin:0}.footer a{color:var(--ink);gap:7px;font-weight:760}:focus-visible{outline-offset:3px;outline:3px solid #c9933db3}@media (width<=980px){.site-header{width:min(100% - 24px,760px);top:10px}.hero-content,.project-grid,.capability-grid,.split-section,.contact-content{grid-template-columns:1fr}.hero{min-height:auto}.hero-bg{background:linear-gradient(90deg,#0e0f0eeb 0%,#0e0f0ebd 54%,#0e0f0e61 100%),linear-gradient(#0e0f0e2e 0%,#0e0f0ea8 100%),url(/hero-workspace.png) 50%/cover no-repeat}.hero-content{gap:30px;padding-top:128px}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.section,.capability-band{padding:68px 0}.split-section{gap:30px}}@media (width<=720px){.shell{width:min(100% - 28px,620px)}.site-header{align-items:center;height:auto;min-height:60px;padding:10px}.brand span:last-child{display:none}.nav-links{flex:1;justify-content:flex-end;gap:2px}.nav-links a{min-height:36px;padding:8px 7px;font-size:.78rem}.hero-content{gap:18px;padding:96px 0 24px}h1{font-size:3.8rem}.role{font-size:1.15rem}.intro,.section-heading p:last-child{font-size:1rem}.intro{line-height:1.62}.hero-actions{display:grid}.button{width:100%}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-card{grid-column:1/-1;min-height:68px}.hero-stats>div{min-width:0;padding:12px 10px}.profile-card img{width:48px;height:48px}.profile-card strong{font-size:.95rem}.profile-card span{font-size:.8rem}.hero-stats dt{font-size:1.35rem}.hero-stats dd{font-size:.72rem;line-height:1.25}.section-heading h2,.split-section h2,.contact-content h2{font-size:2rem}.project-preview{min-height:190px}.project-kicker{flex-direction:column;align-items:flex-start}.timeline-item{grid-template-columns:1fr;gap:8px}.timeline-item span{grid-column:1}.footer{flex-direction:column;align-items:flex-start;padding:24px 0}}@media (width<=360px){.nav-links a{padding:8px 5px;font-size:.75rem}.hero-content{gap:18px;padding:90px 0 24px}.eyebrow{margin-bottom:16px;font-size:.88rem;line-height:1.2}h1{margin-bottom:10px;font-size:3.35rem}.role{margin-bottom:12px;font-size:1rem}.intro{margin-bottom:22px;line-height:1.52}.hero-actions{gap:8px}.button{min-height:46px}.hero-stats>div{padding:10px 8px}.hero-stats{grid-template-columns:1fr}.hero-stats>div:not(.profile-card){display:none}.hero-stats dt{font-size:1.25rem}.hero-stats dd{font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
