:root{--sidebar:#142033;--sidebar-end:#0f1929;--sidebar-soft:#1d2b42;--sidebar-text:#d8e6f4;--sidebar-muted:#b7c8dc;--sidebar-role:#86c6dc;--sidebar-link-bg:#ffffff14;--sidebar-link-hover:#ffffff1f;--sidebar-link-ring:#86c6dc75;--sidebar-photo-border:#ffffff24;--bg:#f5f7fa;--surface:#fff;--surface-muted:#eef2f7;--text:#405064;--text-strong:#172033;--muted:#738196;--line:#dbe2eb;--accent:#0f6b8e;--accent-soft:#e7f4f8;--accent-border-soft:#0f6b8e57;--accent-hover:#0b5a78;--focus-ring:#0f6b8e59;--button-hover:#fff;--primary-button-text:#fff;--toggle-track:#dbe2eb;--toggle-thumb:#fff;--toggle-thumb-text:#172033;--shadow:0 16px 48px #17203314;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--sidebar:#0b1220;--sidebar-end:#070d18;--sidebar-soft:#141e2d;--sidebar-text:#d7e4f2;--sidebar-muted:#a8b7ca;--sidebar-role:#7dd3fc;--sidebar-link-bg:#ffffff12;--sidebar-link-hover:#7dd3fc24;--sidebar-link-ring:#7dd3fc80;--sidebar-photo-border:#ffffff2e;--bg:#0f1724;--surface:#151f2e;--surface-muted:#1e2a3a;--text:#c6d1df;--text-strong:#f4f7fb;--muted:#92a2b7;--line:#2c3a4d;--accent:#67c6e3;--accent-soft:#132b38;--accent-border-soft:#67c6e35c;--accent-hover:#91dbf2;--focus-ring:#67c6e361;--button-hover:#1b2737;--primary-button-text:#06111b;--toggle-track:#26364a;--toggle-thumb:#67c6e3;--toggle-thumb-text:#07111d;--shadow:0 18px 54px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}p,h1,h2,h3,h4,dl,ul{margin:0}ul,dl{padding:0}li{list-style:none}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#app{min-height:100vh}.site-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{scrollbar-gutter:stable;height:100vh;color:var(--sidebar-text);background:linear-gradient(180deg, var(--sidebar), var(--sidebar-end));overscroll-behavior:contain;flex-direction:column;padding:34px 28px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-photo{aspect-ratio:1;border:4px solid var(--sidebar-photo-border);object-fit:cover;object-position:center 18%;background:var(--sidebar-soft);border-radius:50%;width:156px}.role,.section-kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:900}.sidebar .role{color:var(--sidebar-role);margin-top:24px}h1,h2,h3,h4{color:var(--text-strong);letter-spacing:0}.sidebar h1{color:#fff;margin-top:10px;font-size:2.45rem;line-height:1}.sidebar-nav{gap:6px;margin-top:30px;display:grid}.sidebar-nav a{color:var(--sidebar-text);border-radius:8px;padding:11px 12px;font-size:.94rem;font-weight:800;text-decoration:none;transition:background-color .16s,color .16s,transform .16s}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{background:var(--sidebar-link-hover);transform:translate(2px)}.sidebar-links,.mobile-links{flex-wrap:wrap;gap:8px;display:flex}.sidebar-links{margin-top:18px;padding-bottom:2px}.profile-link{--profile-link-brand:var(--accent);--profile-link-soft:var(--accent-soft);--profile-link-hover:#0f6b8e2e;--profile-link-ring:var(--accent-border-soft)}.profile-link-mail{--profile-link-brand:#49bfd8;--profile-link-soft:#49bfd821;--profile-link-hover:#49bfd833;--profile-link-ring:#49bfd847}.profile-link-resume{--profile-link-brand:#d99d46;--profile-link-soft:#d99d4621;--profile-link-hover:#d99d4636;--profile-link-ring:#d99d4647}.profile-link-github{--profile-link-brand:#bfc8d6;--profile-link-soft:#bfc8d61f;--profile-link-hover:#bfc8d630;--profile-link-ring:#bfc8d63d}.profile-link-linkedin{--profile-link-brand:#3fa7d6;--profile-link-soft:#3fa7d621;--profile-link-hover:#3fa7d638;--profile-link-ring:#3fa7d64d}.profile-link-youtube{--profile-link-brand:#e35b5b;--profile-link-soft:#e35b5b21;--profile-link-hover:#e35b5b38;--profile-link-ring:#e35b5b4d}.sidebar-links a,.mobile-links a{width:42px;height:42px;color:var(--sidebar-text);background:var(--sidebar-link-bg);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #0000}.sidebar-links .profile-link,.mobile-links .profile-link{color:var(--profile-link-brand);background:var(--profile-link-soft);box-shadow:inset 0 0 0 1px var(--profile-link-ring)}.sidebar-links a:hover,.sidebar-links a:focus-visible{background:var(--sidebar-link-hover);box-shadow:inset 0 0 0 1px var(--sidebar-link-ring), 0 10px 24px #0000002e;color:#fff;transform:translateY(-2px)scale(1.04)}.sidebar-links .profile-link:hover,.sidebar-links .profile-link:focus-visible{color:var(--profile-link-brand);background:var(--profile-link-hover);box-shadow:inset 0 0 0 1px var(--profile-link-ring), 0 10px 24px #0000002e}.mobile-links a{color:var(--text-strong);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.mobile-links a:hover,.mobile-links a:focus-visible{border-color:var(--accent);background:var(--button-hover);color:var(--accent);transform:translateY(-2px)}.mobile-links .profile-link:hover,.mobile-links .profile-link:focus-visible{border-color:var(--profile-link-ring);color:var(--profile-link-brand);background:var(--profile-link-hover)}.sidebar-links a:after{content:attr(aria-label);z-index:1;color:var(--sidebar);background:var(--sidebar-text);opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:.72rem;font-weight:850;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 22px #0003}.sidebar-links a:hover:after,.sidebar-links a:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.link-icon{flex:none;width:18px;height:18px;transition:transform .18s}.sidebar-links .link-icon{width:21px;height:21px}.sidebar-links a:hover .link-icon,.sidebar-links a:focus-visible .link-icon,.mobile-links a:hover .link-icon,.mobile-links a:focus-visible .link-icon{transform:scale(1.08)}.focus-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.focus-chips li{border:1px solid var(--sidebar-link-bg);color:var(--sidebar-text);background:var(--sidebar-link-bg);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:850;line-height:1}.theme-toggle{border:1px solid var(--line);width:fit-content;color:var(--text-strong);background:var(--surface);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:7px 10px 7px 8px;font-size:.86rem;font-weight:850;display:inline-flex}.sidebar .theme-toggle{color:var(--sidebar-text);border-color:var(--sidebar-link-bg);background:var(--sidebar-link-bg);box-shadow:none;margin-top:auto}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.theme-toggle-track{background:var(--toggle-track);border-radius:999px;align-items:center;width:42px;height:24px;padding:2px;display:inline-flex;position:relative}.theme-toggle-thumb{width:20px;height:20px;color:var(--toggle-thumb-text);background:var(--toggle-thumb);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;line-height:1;transition:transform .2s,background .2s,color .2s;display:inline-flex;transform:translate(0)}[data-theme=dark] .theme-toggle-thumb{transform:translate(18px)}.content{width:min(100%,1040px);padding:58px 64px 74px}.mobile-intro{display:none}.section{border-bottom:1px solid var(--line);padding:54px 0}.section:first-of-type{padding-top:0}.section-kicker{margin-bottom:12px}h2{max-width:760px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}h3{font-size:1.18rem;line-height:1.25}h4{font-size:1.12rem;line-height:1.25}.intro{max-width:790px;margin-top:22px;font-size:1.08rem;line-height:1.8}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.summary-grid div{border:1px solid var(--line);background:var(--surface);min-height:112px;box-shadow:var(--shadow);border-radius:8px;padding:20px}.summary-grid dt{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:900}.summary-grid dd{color:var(--text-strong);margin:9px 0 0;font-weight:750;line-height:1.5}.section-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.text-link{width:fit-content;color:var(--accent);font-weight:900;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.text-link:after,.work-card a:after{content:"";transform-origin:0;background:currentColor;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.text-link:hover,.text-link:focus-visible{color:var(--accent-hover)}.text-link:hover:after,.text-link:focus-visible:after,.work-card a:hover:after,.work-card a:focus-visible:after{transform:scaleX(1)}.timeline{gap:18px;margin-top:34px;padding-left:26px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px;position:relative}.timeline-item:before{content:"";border:3px solid var(--accent);background:var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:28px;left:-27px}.timeline-item p{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.timeline-item h3{margin-top:8px}.timeline-item span{margin-top:10px;line-height:1.65;display:block}.work-sections{gap:34px;margin-top:30px;display:grid}.work-section-title{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:14px;display:grid}.work-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{border:1px solid var(--line);background:var(--surface);min-height:300px;box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.work-card-featured{gap:0;padding:0;overflow:hidden}.work-card-content{gap:16px;display:grid}.work-card-featured .work-card-content{padding:22px}.work-media{border-bottom:1px solid var(--line);background:var(--line);display:block}.work-media img,.work-media video{aspect-ratio:16/9;background:var(--surface-muted);object-fit:contain;border:0;width:100%;max-height:340px;display:block}.work-media video{background:#07111d}.work-card p{white-space:pre-line;line-height:1.65}.work-card a{width:fit-content;color:var(--accent);font-weight:900;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex;position:relative}.work-card a:hover,.work-card a:focus-visible{color:var(--accent-hover);transform:translate(2px)}.work-card ul,.skill-cloud{flex-wrap:wrap;gap:8px;display:flex}.work-card ul{align-self:end}.work-card li,.skill-cloud li{border:1px solid var(--line);background:var(--surface-muted);color:var(--text-strong);border-radius:999px;font-size:.82rem;font-weight:850}.work-card li{padding:6px 10px}.skill-cloud{margin-top:28px}.skill-cloud li{padding:10px 13px}.contact{border-bottom:0;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;display:grid}.contact p:not(.section-kicker){max-width:650px;margin-top:18px;line-height:1.7}.contact-actions{gap:10px;display:grid}.button{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--text-strong);border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:0 16px;font-weight:900;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.button-icon{width:26px;height:26px;color:var(--accent);background:var(--accent-soft);border-radius:6px;justify-content:center;align-items:center;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover,.button:focus-visible{border-color:var(--accent);background:var(--button-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.button:hover .button-icon,.button:focus-visible .button-icon{transform:scale(1.08)}.button.profile-link:not(.primary){border-color:var(--profile-link-ring);background:linear-gradient(90deg, var(--profile-link-soft), transparent 72%), var(--surface)}.button.profile-link:not(.primary) .button-icon{color:var(--profile-link-brand);background:var(--profile-link-soft)}.button.profile-link:not(.primary):hover,.button.profile-link:not(.primary):focus-visible{border-color:var(--profile-link-ring);color:var(--profile-link-brand);background:linear-gradient(90deg, var(--profile-link-hover), transparent 72%), var(--button-hover)}.button.primary{border-color:var(--accent);color:var(--primary-button-text);background:var(--accent)}.button.primary .button-icon{color:var(--accent);background:var(--primary-button-text)}.button.resume{border-color:var(--profile-link-ring);background:linear-gradient(90deg, var(--profile-link-soft), transparent 66%), var(--surface)}.button.resume:hover,.button.resume:focus-visible{border-color:var(--profile-link-ring);color:var(--profile-link-brand)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sidebar-nav a:hover,.sidebar-nav a:focus-visible,.sidebar-links a:hover,.sidebar-links a:focus-visible,.mobile-links a:hover,.mobile-links a:focus-visible,.work-card a:hover,.work-card a:focus-visible,.button:hover,.button:focus-visible{transform:none}}@media (width<=1020px){.site-shell{grid-template-columns:1fr}.sidebar{display:none}.content{width:min(100%,760px);margin:0 auto;padding:28px 22px 54px}.mobile-intro{padding:12px 0 38px;display:block}.mobile-photo{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;object-position:center 18%;background:var(--surface-muted);width:132px;box-shadow:var(--shadow);border-radius:50%}.mobile-intro .role{margin-top:18px}.mobile-name{color:var(--text-strong);margin-top:8px;font-size:3.2rem;font-weight:800;line-height:1}.mobile-intro .focus-chips{max-width:460px}.mobile-intro .focus-chips li{color:var(--text-strong);border-color:var(--line);background:var(--surface-muted)}.mobile-links{margin-top:18px}.section:first-of-type{padding-top:42px}.summary-grid,.work-grid,.work-grid-featured,.contact{grid-template-columns:1fr}.work-card{grid-column:auto;min-height:auto}}@media (width<=560px){.content{padding-inline:16px}.section{padding:44px 0}.section-header{align-items:start;display:grid}.timeline{padding-left:20px}.timeline-item{padding:18px}.timeline-item:before{left:-24px}.work-media img,.work-media video{max-height:none}}