:root{color-scheme:dark;--bg: #0c0b09;--bg-soft: #131210;--surface: #1a1917;--surface-strong: #222120;--text: #f5f0eb;--text-soft: #b8b0a6;--text-muted: #7a736a;--accent: #d4845a;--accent-soft: rgba(212, 132, 90, .1);--line: rgba(245, 240, 235, .06);--line-strong: rgba(245, 240, 235, .12);--shadow: rgba(0, 0, 0, .5);--inverse: #0c0b09;--focus: #d4845a;--max-width: 1200px;--radius: 14px;--radius-sm: 10px;--radius-xs: 6px;--ease: cubic-bezier(.22, 1, .36, 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}:root[data-theme=light]{color-scheme:light;--bg: #faf8f5;--bg-soft: #f2efe9;--surface: #ffffff;--surface-strong: #f0ede7;--text: #1a1815;--text-soft: #5c5650;--text-muted: #9e968c;--accent: #b5623a;--accent-soft: rgba(181, 98, 58, .07);--line: rgba(26, 24, 21, .06);--line-strong: rgba(26, 24, 21, .1);--shadow: rgba(26, 24, 21, .06);--inverse: #ffffff;--focus: #b5623a}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg);font-size:1rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,input,textarea{font:inherit}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,h5,figure{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}::selection{color:var(--inverse);background:var(--accent)}#app{min-height:100vh}.site-shell{position:relative;overflow:clip}.scroll-progress{position:fixed;top:0;left:0;z-index:30;width:100%;height:2px;background:var(--accent);transform-origin:left;will-change:transform}.site-header{position:sticky;top:0;z-index:20;width:100%;padding:.6rem 0}.header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;width:min(var(--max-width),calc(100% - 2rem));min-height:3.25rem;margin:0 auto;padding:.4rem 1.1rem;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--line);border-radius:99px;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}.brand-mark{display:inline-flex;align-items:baseline;gap:.5rem;min-width:0;transition:opacity .2s var(--ease)}.brand-mark:hover{opacity:.65}.brand-signature{color:var(--text);font-size:.92rem;font-weight:640;line-height:1.2;letter-spacing:-.01em}.brand-role{color:var(--text-muted);font-size:.74rem;line-height:1.2}.site-nav{display:none;gap:.15rem;min-width:0;max-width:100%;padding:.2rem;overflow-x:auto;border-radius:99px}.site-nav::-webkit-scrollbar{display:none}.nav-link,.theme-toggle,.filter-button,.menu-toggle{min-height:2rem;padding:.3rem .8rem;color:var(--text-muted);white-space:nowrap;border:none;border-radius:99px;font-size:.82rem;font-weight:500;line-height:1;transition:color .2s var(--ease),background-color .2s var(--ease)}.nav-link:hover,.theme-toggle:hover,.filter-button:hover,.menu-toggle:hover{color:var(--text);background:var(--surface-strong)}.nav-link.is-active,.filter-button.is-active{color:var(--text);background:var(--surface-strong);font-weight:600}.theme-toggle{background:var(--surface);border:1px solid var(--line)}.header-actions{display:flex;gap:.35rem;align-items:center;justify-self:end}.menu-toggle{color:var(--text);background:var(--surface-strong);font-weight:600}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:min(var(--max-width),calc(100% - 2rem));max-height:0;padding:0;margin:0 auto;overflow:hidden;background:color-mix(in srgb,var(--bg) 92%,transparent);border:0 solid var(--line);border-radius:var(--radius);opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:max-height .28s var(--ease),opacity .2s var(--ease),padding .28s var(--ease),border-width .28s var(--ease),visibility .28s var(--ease),margin-top .28s var(--ease)}.site-header.is-menu-open .mobile-nav{max-height:12rem;padding:.7rem;margin-top:.4rem;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 - 68px);padding:5rem 0 3rem;display:flex;flex-direction:column;justify-content:center}.hero-grid{display:grid;gap:3rem;align-items:center}.hero-copy{max-width:700px}.eyebrow{display:inline-block;color:var(--accent);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.28rem .7rem;background:var(--accent-soft);border-radius:99px}h1,h2{color:var(--text);font-weight:680;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}h1{max-width:780px;margin-top:1.4rem;font-size:clamp(2.4rem,5.5vw,4.2rem)}h2{max-width:680px;font-size:clamp(1.7rem,3.5vw,2.6rem)}h3{color:var(--text);font-size:1.1rem;font-weight:620;line-height:1.3;letter-spacing:-.01em}h4{color:var(--text);font-size:.92rem;font-weight:620}.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:540px;margin-top:1.4rem;font-size:1.05rem;line-height:1.75}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.25rem}.button{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;min-height:2.6rem;padding:.6rem 1.35rem;border:none;border-radius:99px;font-size:.87rem;font-weight:550;transition:color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--accent);box-shadow:0 3px 16px color-mix(in srgb,var(--accent) 25%,transparent)}.button-primary:hover{box-shadow:0 5px 24px color-mix(in srgb,var(--accent) 35%,transparent)}.button-secondary{color:var(--text);background:var(--surface);border:1px solid var(--line-strong)}.button-secondary:hover{background:var(--surface-strong)}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.portrait-wrap{position:relative;width:min(300px,72vw);overflow:hidden;border-radius:var(--radius);border:1px solid var(--line-strong)}.portrait-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;filter:contrast(1.03) saturate(.9)}.availability-strip{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.2rem;color:var(--text-soft);font-size:.83rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%}.signal-row{display:grid;gap:0;margin-top:4rem;border-top:1px solid var(--line)}.signal-row>div{display:flex;gap:1rem;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid var(--line)}.signal-value{min-width:3.8rem;color:var(--text);font-size:1.6rem;font-weight:680;line-height:1;letter-spacing:-.02em}.signal-label{color:var(--text-muted);font-size:.87rem}.section{padding:6rem 0}.section-heading{display:grid;gap:.9rem;max-width:640px;margin-bottom:2.75rem}.section-heading p{max-width:540px;line-height:1.7;font-size:.95rem}.reactive-surface{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.reactive-surface:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(ellipse at var(--local-x, 50%) var(--local-y, 50%),color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%);opacity:0;transition:opacity .3s var(--ease)}.reactive-surface:hover:before{opacity:1}.featured-work{display:grid;gap:0;min-height:380px}.featured-work>*{position:relative;z-index:1}.featured-media{min-height:240px;background:var(--surface-strong);overflow:hidden}.featured-media img{width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .5s var(--ease)}.featured-work:hover .featured-media img,.project-card:hover img{transform:scale(1.03)}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:1.75rem}.featured-copy h3{margin-top:.7rem;font-size:1.5rem}.featured-copy p{margin-top:.9rem;line-height:1.7;font-size:.93rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:1.4rem}.metric-grid div{padding:.85rem;background:var(--bg-soft);border-radius:var(--radius-xs)}.metric-grid span{display:block;color:var(--text);font-weight:680;font-size:.9rem}.metric-grid small{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.72rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.tag-row span{padding:.28rem .6rem;color:var(--text-soft);background:var(--bg-soft);border-radius:99px;font-size:.73rem;font-weight:500}.featured-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.4rem}.text-link{color:var(--accent);font-size:.87rem;font-weight:550;transition:opacity .2s var(--ease)}.text-link:hover{opacity:.65}.project-swap-enter-active,.project-swap-leave-active{transition:opacity .25s var(--ease),transform .25s var(--ease)}.project-swap-enter-from,.project-swap-leave-to{opacity:0;transform:translateY(10px) scale(.985)}.filter-bar{display:flex;gap:.25rem;padding:.25rem;margin:1.5rem 0;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:99px;width:fit-content}.filter-bar::-webkit-scrollbar{display:none}.project-grid{display:grid;grid-template-columns:1fr;gap:1rem}.project-card{transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.project-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 36px color-mix(in srgb,var(--shadow) 50%,transparent)}.project-card.is-selected{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.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)}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project-card-body{display:grid;gap:.5rem;padding:1.15rem}.project-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.capability-list{display:grid;gap:1rem}.work-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.work-overlay-panel{width:min(980px,94vw);max-height:min(85vh,700px);overflow:auto;border-radius:var(--radius);box-shadow:0 28px 70px var(--shadow)}.work-overlay-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.capability-item{display:grid;gap:.75rem;padding:1.4rem}.capability-item>*{position:relative;z-index:1}.capability-item span{color:var(--accent);font-size:.78rem;font-weight:680}.resume-link{display:inline-flex;gap:.4rem;align-items:center;padding:.45rem 1rem;color:var(--text);font-size:.87rem;font-weight:550;background:var(--surface);border:1px solid var(--line-strong);border-radius:99px;transition:background-color .2s var(--ease),transform .2s var(--ease)}.resume-link:hover{background:var(--surface-strong);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.25rem;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.resume-panel{width:min(900px,94vw);max-height:min(86vh,740px);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 28px 70px var(--shadow);background:var(--surface)}.resume-scroll{display:grid;gap:1.75rem;padding:2.25rem;max-height:min(86vh,740px);overflow:auto}.resume-header{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1.2rem}.resume-header-media{display:flex;align-items:center}.resume-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--line-strong);object-fit:cover}.resume-subtitle{margin-top:.35rem;color:var(--text-muted);font-size:.87rem}.resume-section h4{font-size:1.05rem;margin-bottom:1rem}.resume-skills{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.resume-skill-group h5{margin-bottom:.45rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.resume-skill-group ul{display:grid;gap:.25rem;color:var(--text-soft);font-size:.87rem}.resume-timeline{display:grid;gap:1.4rem}.resume-timeline li{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.resume-timeline li:last-child{border-bottom:none;padding-bottom:0}.resume-period{color:var(--text-muted);font-size:.82rem;font-weight:500}.resume-role{font-weight:600;margin-bottom:.25rem}.timeline-layout{display:grid;gap:1.5rem}.timeline-side{display:grid;gap:1.2rem;align-content:start;position:relative}.timeline-list{border-top:1px solid var(--line)}.timeline-list li{display:grid;gap:.5rem;padding:1.4rem 0;border-bottom:1px solid var(--line);transition:border-color .2s var(--ease)}.timeline-list li:hover{border-color:var(--line-strong)}.timeline-list time{color:var(--accent);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.timeline-list h3{margin-bottom:.3rem}.timeline-link{display:inline-flex;gap:.4rem;align-items:baseline;color:var(--text);transition:color .2s var(--ease)}.timeline-link:hover{color:var(--accent)}.skill-panel{padding:1.4rem}.skill-panel>*{position:relative;z-index:1}.skill-groups{display:grid;gap:1.2rem;margin-top:1.2rem}.skill-group{padding-top:1.2rem;border-top:1px solid var(--line)}.skill-group ul{display:grid;gap:.8rem;margin-top:.7rem}.skill-group li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .6rem;align-items:center}.skill-name{color:var(--text-soft);font-size:.83rem}.skill-level{color:var(--text-muted);font-size:.72rem;font-weight:600}.skill-track{grid-column:1 / -1;height:3px;overflow:hidden;background:var(--surface-strong);border-radius:99px}.skill-fill{display:block;width:var(--skill-level);height:100%;background:var(--accent);border-radius:inherit;transition:width .5s var(--ease)}.contact-section{padding-bottom:5.5rem}.contact-band{display:grid;gap:2rem;padding:2.5rem}.contact-band>*{position:relative;z-index:1}.contact-band h2{margin-top:.9rem}.contact-band p{max-width:500px;margin-top:.9rem;line-height:1.7;font-size:.93rem}.contact-actions{align-content:start;margin-top:0;flex-direction:column}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s 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}.signal-row{grid-template-columns:repeat(3,1fr)}.signal-row>div{display:grid;gap:.25rem;align-content:center;padding:1.4rem;border-bottom:0;border-right:1px solid var(--line)}.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:7.5rem 1fr}}@media (min-width: 900px){.hero-section{padding-top:5.5rem}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);min-height:52svh}.featured-work{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr)}.featured-copy{padding:2rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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) 330px;align-items:start}.skill-panel{position:sticky;top:96px}.contact-band{grid-template-columns:minmax(0,1fr) auto;align-items:center}.contact-actions{justify-content:end;flex-direction:row;flex-wrap:wrap}}@media (min-width: 1100px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){main,.site-header{width:100%;padding-left:0;padding-right:0}.header-bar{width:calc(100% - 1.25rem);gap:.5rem;min-height:3rem}.brand-role{display:none}main{width:calc(100% - 1.25rem)}.hero-section{min-height:auto;padding-top:2.5rem}.hero-grid{gap:2rem}.hero-visual{order:-1}.portrait-wrap{width:min(180px,50vw);border-radius:50%;margin:0 auto}.portrait-image{aspect-ratio:1 / 1;border-radius:50%}.availability-strip{flex-direction:row;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center;text-align:center;font-size:.78rem;padding:.75rem 1rem}.work-overlay{padding:.6rem}.work-overlay-panel{max-height:90vh}.resume-panel{max-height:92vh}.resume-scroll{padding:1.4rem;max-height:92vh}.resume-timeline li{grid-template-columns:1fr;gap:.35rem}.resume-header{flex-direction:column;align-items:flex-start}.resume-cta{position:static;justify-content:flex-start;margin-bottom:.7rem}.metric-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.signal-row{margin-top:2.5rem}.featured-media,.featured-media img{min-height:190px}.contact-band{padding:1.4rem}.contact-actions{flex-direction:column}.button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}