:root{color-scheme:dark;--bg: #080808;--bg-soft: #111111;--surface: #151515;--surface-strong: #1d1d1d;--text: #f4f4f1;--text-soft: #c7c7c0;--text-muted: #8a8a84;--line: rgba(244, 244, 241, .14);--line-strong: rgba(244, 244, 241, .28);--shadow: rgba(0, 0, 0, .34);--inverse: #080808;--focus: #f4f4f1;--max-width: 1180px;--radius: 8px;--radius-sm: 4px;--ease: cubic-bezier(.2, .8, .2, 1);--cursor-x: 0;--cursor-y: 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}:root[data-theme=light]{color-scheme:light;--bg: #f7f7f2;--bg-soft: #ecece5;--surface: #ffffff;--surface-strong: #e5e5dd;--text: #101010;--text-soft: #363631;--text-muted: #676761;--line: rgba(16, 16, 16, .14);--line-strong: rgba(16, 16, 16, .26);--shadow: rgba(16, 16, 16, .14);--inverse: #ffffff;--focus: #101010}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:92px}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{position:fixed;inset:-20%;z-index:-2;pointer-events:none;content:"";background:linear-gradient(118deg,transparent 0%,transparent 32%,rgba(255,255,255,.05) 50%,transparent 68%,transparent 100%);opacity:.62;transform:translate(calc(var(--cursor-x) * 28px),calc(var(--cursor-y) * 20px));transition:transform .18s var(--ease)}:root[data-theme=light] body:before{background:linear-gradient(118deg,transparent 0%,transparent 32%,rgba(0,0,0,.045) 50%,transparent 68%,transparent 100%)}button,a,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{padding:0;margin:0;list-style:none}p,h1,h2,h3,h4,figure{margin:0}code{padding:.15rem .3rem;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}::selection{color:var(--inverse);background:var(--text)}#app{min-height:100vh}.site-shell{position:relative;overflow:clip}.site-shell:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(180deg,transparent 0%,var(--bg) 78%),linear-gradient(90deg,color-mix(in srgb,var(--surface) 34%,transparent),transparent 24% 76%,color-mix(in srgb,var(--surface) 28%,transparent))}.scroll-progress{position:fixed;top:0;left:0;z-index:30;width:100%;height:3px;background:var(--text);transform-origin:left;will-change:transform}.site-header{position:sticky;top:.65rem;z-index:20;width:min(var(--max-width),calc(100% - 2rem));margin:0 auto}.header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:3.75rem;padding:.45rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;flex-direction:column;width:fit-content;min-width:0;transition:opacity .18s var(--ease),transform .18s var(--ease)}.brand-mark:hover{opacity:.76;transform:translateY(-1px)}.brand-signature{color:var(--text);font-size:1rem;font-weight:760;line-height:1.1}.brand-role{color:var(--text-muted);font-size:.78rem;line-height:1.2}.site-nav{display:none;gap:.35rem;min-width:0;max-width:100%;padding:.3rem;overflow-x:auto;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border:1px solid var(--line);border-radius:var(--radius)}.site-nav::-webkit-scrollbar{display:none}.nav-link,.theme-toggle,.filter-button,.menu-toggle{min-height:2.25rem;padding:.4rem .72rem;color:var(--text-soft);white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.92rem;line-height:1;transition:color .18s var(--ease),background-color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.nav-link:hover,.theme-toggle:hover,.filter-button:hover,.menu-toggle:hover{color:var(--text);background:var(--surface-strong);transform:translateY(-1px)}.nav-link.is-active,.filter-button.is-active{color:var(--inverse);background:var(--text);border-color:var(--text)}.theme-toggle{background:transparent;border-color:var(--line)}.header-actions{display:flex;gap:.35rem;align-items:center;justify-self:end}.menu-toggle{color:var(--inverse);background:var(--text);border-color:var(--text)}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:0;padding:0 .45rem;margin-top:.4rem;overflow:hidden;background:color-mix(in srgb,var(--surface) 94%,transparent);border:0 solid var(--line);border-radius:var(--radius);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:max-height .24s var(--ease),opacity .18s var(--ease),padding .24s var(--ease),border-width .24s var(--ease),visibility .24s var(--ease)}.site-header.is-menu-open .mobile-nav{max-height:11rem;padding:.45rem;border-width:1px;opacity:1;visibility:visible;pointer-events:auto}main{width:min(var(--max-width),calc(100% - 2rem));margin:0 auto}.hero-section{position:relative;min-height:calc(100svh - 84px);padding:3.5rem 0 2.25rem}.hero-grid{display:grid;gap:2.5rem;align-items:end}.hero-copy{max-width:760px}.eyebrow{color:var(--text-muted);font-size:.82rem;font-weight:720;text-transform:uppercase}h1,h2{color:var(--text);font-weight:790;line-height:.98;text-wrap:balance}h1{max-width:920px;margin-top:.85rem;font-size:3.15rem}h2{max-width:820px;font-size:2.45rem}h3{color:var(--text);font-size:1.2rem;font-weight:730;line-height:1.18}h4{color:var(--text);font-size:.95rem;font-weight:730}.hero-intro,.section-heading p,.featured-copy p,.project-card p,.capability-item p,.timeline-list p,.contact-band p{color:var(--text-soft)}.hero-intro{max-width:640px;margin-top:1.4rem;font-size:1.14rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;gap:.55rem;align-items:center;justify-content:center;min-height:2.8rem;padding:.72rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:color .18s var(--ease),background-color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--inverse);background:var(--text);border-color:var(--text)}.button-secondary{color:var(--text);background:color-mix(in srgb,var(--surface) 72%,transparent)}.button-secondary:hover{background:var(--surface-strong)}.hero-visual{position:relative;min-height:340px;border-bottom:1px solid var(--line-strong);transform:perspective(900px) rotateX(calc(var(--cursor-y) * -2deg)) rotateY(calc(var(--cursor-x) * 3deg));transform-style:preserve-3d;transition:transform .16s var(--ease)}.hero-visual:before,.hero-visual:after{position:absolute;inset:auto 0 0 auto;width:72%;height:72%;content:"";border:1px solid var(--line);transform:translate3d(calc(var(--cursor-x) * -18px),calc(var(--cursor-y) * -14px),-20px)}.hero-visual:after{inset:14% auto auto 0;width:48%;height:54%;transform:translate3d(calc(var(--cursor-x) * 14px),calc(var(--cursor-y) * 10px),-30px)}.portrait-wrap{position:absolute;right:0;bottom:1.5rem;width:min(390px,82%);overflow:hidden;border:1px solid var(--line-strong);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(transparent 0 92%,var(--line) 92% 93%,transparent 93%),var(--surface)}.portrait-wrap:before{position:absolute;inset:0;content:"";background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.11) 42% 43%,transparent 43%)}.portrait-image{position:relative;width:100%;aspect-ratio:1 / 1;object-fit:cover;filter:grayscale(1) contrast(1.06);mix-blend-mode:luminosity}.availability-strip{position:absolute;right:0;bottom:1rem;left:0;display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;justify-content:space-between;padding:.8rem 0;color:var(--text-soft);font-size:.9rem;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signal-row{display:grid;gap:1rem;margin-top:3rem;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.signal-row>div{display:flex;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--line)}.signal-row>div:last-child{border-bottom:0}.signal-value{min-width:4.3rem;color:var(--text);font-size:2rem;font-weight:780;line-height:1}.signal-label{color:var(--text-muted);font-size:.95rem}.section{padding:5rem 0}.section-heading{display:grid;gap:1rem;max-width:780px;margin-bottom:2rem}.section-heading p{max-width:680px}.reactive-surface{position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px var(--shadow)}.reactive-surface:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at var(--local-x, 50%) var(--local-y, 50%),rgba(255,255,255,.13),transparent 22rem);opacity:0;transition:opacity .22s var(--ease)}:root[data-theme=light] .reactive-surface:before{background:radial-gradient(circle at var(--local-x, 50%) var(--local-y, 50%),rgba(0,0,0,.08),transparent 22rem)}.reactive-surface:hover:before{opacity:1}.featured-work{display:grid;gap:0;min-height:430px}.featured-work>*{position:relative;z-index:1}.featured-media{min-height:280px;background:var(--surface-strong)}.featured-media img{width:100%;height:100%;min-height:280px;object-fit:cover;filter:grayscale(.55) contrast(1.02);transition:filter .22s var(--ease),transform .42s var(--ease)}.featured-work:hover .featured-media img,.project-card:hover img{filter:grayscale(.12) contrast(1.04);transform:scale(1.03)}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:1.25rem}.featured-copy h3{margin-top:.7rem;font-size:2rem}.featured-copy p{margin-top:1rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1.4rem}.metric-grid div{padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-sm)}.metric-grid span{display:block;color:var(--text);font-weight:780}.metric-grid small{display:block;margin-top:.2rem;color:var(--text-muted);font-size:.78rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.tag-row span{padding:.32rem .5rem;color:var(--text-soft);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.78rem}.featured-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem}.text-link{color:var(--text);font-size:.95rem;font-weight:720;border-bottom:1px solid var(--line-strong);transition:opacity .18s var(--ease),border-color .18s var(--ease)}.text-link:hover{opacity:.72;border-color:var(--text)}.project-swap-enter-active,.project-swap-leave-active{transition:opacity .18s var(--ease),transform .18s var(--ease)}.project-swap-enter-from,.project-swap-leave-to{opacity:0;transform:translateY(8px)}.filter-bar{display:flex;gap:.45rem;padding:.35rem;margin:1.25rem 0;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filter-bar::-webkit-scrollbar{display:none}.project-grid{display:grid;grid-template-columns:1fr;gap:1rem}.project-card{transition:border-color .18s var(--ease),transform .22s var(--ease)}.project-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.project-card.is-selected{border-color:var(--text)}.project-card-button,.project-card figure,.project-card-body{position:relative;z-index:1}.project-card-button{display:grid;width:100%;height:100%;padding:0;color:inherit;text-align:left;border-radius:inherit}.project-card figure{aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-strong);border-bottom:1px solid var(--line)}.project-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) contrast(1.02);transition:filter .22s var(--ease),transform .42s var(--ease)}.project-card-body{display:grid;gap:.75rem;padding:1rem}.project-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.82rem}.capability-list{display:grid;gap:1rem}.work-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:#080808b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .work-overlay{background:#f7f7f2c7}.work-overlay-panel{width:min(1100px,94vw);max-height:min(84vh,760px);overflow:auto;border-radius:var(--radius);box-shadow:0 30px 80px var(--shadow)}.work-overlay-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.capability-item{display:grid;gap:1rem;padding:1.1rem}.capability-item>*{position:relative;z-index:1}.capability-item span{color:var(--text-muted);font-size:.85rem;font-weight:780}.section-heading-with-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem}.resume-link{position:relative;display:inline-flex;gap:.45rem;align-items:center;padding:.2rem 0;color:var(--text);font-size:1rem;font-weight:720;border-bottom:1px solid var(--line-strong);transition:opacity .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.resume-link:hover{opacity:.78;border-color:var(--text);transform:translateY(-1px)}.resume-cta{display:flex;justify-content:flex-end;position:absolute;top:-2.8rem;right:0}.resume-overlay{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:1.5rem;background:#080808b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=light] .resume-overlay{background:#f7f7f2c7}.resume-panel{width:min(960px,94vw);max-height:min(86vh,780px);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 30px 80px var(--shadow);background:color-mix(in srgb,var(--surface) 92%,transparent)}.resume-scroll{display:grid;gap:1.5rem;padding:2.25rem;max-height:min(86vh,780px);overflow:auto}.resume-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1rem}.resume-header-media{display:flex;align-items:center}.resume-avatar{width:96px;height:96px;border-radius:18px;border:1px solid var(--line-strong);object-fit:cover;filter:grayscale(.65) contrast(1.04)}.resume-subtitle{margin-top:.5rem;color:var(--text-soft)}.resume-section h4{font-size:1.25rem;margin-bottom:1rem}.resume-skills{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.resume-skill-group h5{margin-bottom:.5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.resume-skill-group ul{display:grid;gap:.35rem;color:var(--text-soft)}.resume-timeline{display:grid;gap:1.25rem}.resume-timeline li{display:grid;grid-template-columns:8.5rem 1fr;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.resume-period{color:var(--text-muted);font-size:.92rem;text-transform:uppercase}.resume-role{font-weight:760;margin-bottom:.35rem}.resume-footer{display:flex;justify-content:flex-end;gap:.75rem}.timeline-layout{display:grid;gap:1.2rem}.timeline-side{display:grid;gap:1.1rem;align-content:start;position:relative}.timeline-list{border-top:1px solid var(--line-strong)}.timeline-list li{display:grid;gap:.7rem;padding:1.25rem 0;border-bottom:1px solid var(--line);transition:border-color .18s var(--ease)}.timeline-list li:hover{border-color:var(--line-strong)}.timeline-list time{color:var(--text-muted);font-size:.88rem}.timeline-list h3{margin-bottom:.45rem}.timeline-link{display:inline-flex;gap:.45rem;align-items:baseline;border-bottom:1px solid transparent;transition:opacity .18s var(--ease),border-color .18s var(--ease)}.timeline-link:hover{opacity:.76;border-color:var(--line-strong)}.skill-panel{padding:1.1rem}.skill-panel>*{position:relative;z-index:1}.skill-groups{display:grid;gap:1rem;margin-top:1.1rem}.skill-group{padding-top:1rem;border-top:1px solid var(--line)}.skill-group ul{display:grid;gap:.72rem;margin-top:.7rem}.skill-group li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .7rem;align-items:center}.skill-name{color:var(--text-soft);font-size:.88rem}.skill-level{color:var(--text-muted);font-size:.78rem}.skill-track{grid-column:1 / -1;height:.42rem;overflow:hidden;background:var(--surface-strong);border:1px solid var(--line);border-radius:99px}.skill-fill{display:block;width:var(--skill-level);height:100%;background:var(--text);border-radius:inherit;transition:width .42s var(--ease)}.contact-section{padding-bottom:7rem}.contact-band{display:grid;gap:1.5rem;padding:1.25rem}.contact-band>*{position:relative;z-index:1}.contact-band h2{margin-top:.8rem}.contact-band p{max-width:640px;margin-top:1rem}.contact-actions{align-content:start;margin-top:0}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .52s var(--ease),transform .52s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (min-width: 620px){.header-bar{grid-template-columns:auto 1fr auto}.site-nav{display:flex;justify-self:center}.mobile-nav,.menu-toggle{display:none}h1{font-size:4.8rem}h2{font-size:3rem}.signal-row{grid-template-columns:repeat(3,1fr)}.signal-row>div{display:grid;align-content:center;border-right:1px solid var(--line);border-bottom:0}.signal-row>div:last-child{border-right:0}.project-grid,.capability-list{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-item:last-child{grid-column:1 / -1}.timeline-list li{grid-template-columns:9rem 1fr}}@media (min-width: 900px){.hero-section{padding-top:4.75rem}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);min-height:62svh}h1{font-size:5.8rem}h2{font-size:3.6rem}.featured-work{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)}.featured-copy{padding:2rem}.project-grid,.capability-list{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-item:last-child{grid-column:auto}.timeline-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.skill-panel{position:sticky;top:104px}.contact-band{grid-template-columns:minmax(0,1fr) 300px;padding:2rem}.contact-actions{justify-content:end}}@media (min-width: 1180px){h1{font-size:6.4rem}}@media (max-width: 560px){main,.site-header{width:min(var(--max-width),calc(100% - 1rem))}.header-bar{gap:.45rem;min-height:3.4rem}.brand-role{display:none}.nav-link,.theme-toggle,.filter-button,.menu-toggle{min-height:2.1rem;padding:.36rem .58rem}.hero-section{min-height:auto;padding-top:2.4rem;position:relative;isolation:isolate}.hero-section:before{position:absolute;inset:0;z-index:0;content:"";background:url(/my-avatar.png) center / cover no-repeat;filter:blur(24px) grayscale(.9);opacity:.25;transform:scale(1.1)}.hero-section:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(180deg,var(--bg) 0%,transparent 35%,var(--bg) 100%)}.hero-grid{position:relative;z-index:2}h1{font-size:2.35rem;line-height:1.03}h2{font-size:2rem;line-height:1.05}.hero-intro{font-size:1rem}.hero-visual{display:none}.hero-visual:before,.hero-visual:after{display:none}.portrait-wrap,.availability-strip{display:none}.work-overlay{padding:1rem}.work-overlay-panel{padding:1.35rem;max-height:82vh}.resume-panel{max-height:88vh}.resume-scroll{padding:1.5rem;max-height:88vh}.resume-timeline li{grid-template-columns:1fr}.resume-header{flex-direction:column;align-items:flex-start}.resume-cta{position:static;justify-content:flex-start;margin-bottom:.75rem}.metric-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.signal-row{margin-top:2.25rem}.signal-row>div{align-items:flex-start}.featured-media,.featured-media img{min-height:220px}.button,.hero-actions,.contact-actions{width:100%}.button{justify-content:space-between}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-visual,.hero-visual:before,.hero-visual:after{transform:none}}