:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#e5e3dd;background:#0d0f12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0}img{display:block;max-width:100%}::selection{color:#0d0f12;background:#aebed3}:focus-visible{outline:2px solid #b8c8dd;outline-offset:4px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--bg: #0d0f12;--surface: #13161a;--surface-raised: #181c21;--text: #e5e3dd;--text-soft: #b2b6bd;--muted: #7f858e;--line: #292e35;--line-strong: #383f48;--accent: #9aadc5;--mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}#root{min-height:100vh}.site-shell{min-height:100vh;color:var(--text);background:var(--bg)}.page-width{width:min(1040px,calc(100% - 2.5rem));margin-inline:auto}.section-pad{padding-block:clamp(4.5rem,7vw,6rem)}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.65rem .8rem;color:var(--bg);background:var(--text);border-radius:4px;font-size:.8rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:100;top:0;background:#0d0f12e6;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.15rem}.brand{justify-self:start;font-size:.9rem;font-weight:600;letter-spacing:-.01em}.desktop-nav{display:flex;align-items:center;gap:1.5rem}.desktop-nav a,.header-resume,.mobile-nav a,.footer-links a{color:var(--muted);font-size:.78rem;transition:color .14s ease}.desktop-nav a:hover,.header-resume:hover,.mobile-nav a:hover,.footer-links a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;justify-self:end;gap:.75rem}.header-resume{display:inline-flex;align-items:center;gap:.28rem}.menu-toggle{display:none;width:2.25rem;height:2.25rem;padding:0;place-items:center;color:var(--text-soft);background:transparent;cursor:pointer}.mobile-nav{display:none;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mobile-nav-inner{display:flex;flex-direction:column;padding-block:.65rem}.mobile-nav a{padding-block:.65rem;font-size:.9rem}.hero{padding-block:clamp(5.5rem,9vw,8rem) clamp(4.5rem,7vw,6rem);border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,16.5rem);align-items:center;gap:clamp(3rem,8vw,7rem)}.hero h1{margin:0;font-size:clamp(2.4rem,4.5vw,3.35rem);font-weight:600;letter-spacing:-.045em;line-height:1.05}.hero-intro{max-width:36rem;margin:1.5rem 0 0;color:var(--text-soft);font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.7}.hero-now{margin:1.15rem 0 0;color:var(--muted);font-size:.87rem;line-height:1.6}.hero-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.7rem}.hero-links a,.text-link,.contact-row>a{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent);font-size:.8rem;transition:color .14s ease}.hero-links a:hover,.text-link:hover,.contact-row>a:hover{color:var(--text)}.portrait{overflow:hidden;width:100%;aspect-ratio:4 / 5;justify-self:end;background:var(--surface);border:1px solid var(--line);border-radius:8px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.projects-section,.experience-section,.about-section{border-bottom:1px solid var(--line)}.experience-section{background:var(--surface)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.25rem}.section-heading h2{margin:0;font-size:clamp(1.55rem,3vw,2rem);font-weight:600;letter-spacing:-.035em}.section-heading>p{margin:0;color:var(--muted);font-size:.82rem}.project-list,.experience-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:2.5rem;border-bottom:1px solid var(--line)}.project-type{margin:0;color:var(--muted);font-family:var(--mono);font-size:.72rem}.project-copy h3{margin:.7rem 0 0;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:600;letter-spacing:-.025em}.project-description{margin:1rem 0 0;color:var(--text-soft);font-size:.9rem;line-height:1.65}.project-detail{margin:.9rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.project-stack,.experience-tools{color:var(--muted);font-family:var(--mono);font-size:.69rem;line-height:1.6}.project-stack{margin:1rem 0 0}.text-link{margin-top:1.25rem}.project-image{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;transition:border-color .14s ease}.project-row:hover .project-image{border-color:var(--line-strong)}.project-image--desktop img{width:100%;height:100%;object-fit:cover;object-position:center}.project-image--brand{display:grid;place-items:center;padding:2.5rem}.project-image--brand img{width:min(85%,24rem);max-height:100%;object-fit:contain;border-radius:6px;filter:saturate(.8) brightness(.86)}.project-image--phones{display:flex;align-items:flex-end;justify-content:center;gap:1.25rem;padding:1.5rem 1.5rem 0}.project-image--phones img{width:auto;height:94%;border:1px solid var(--line-strong);border-bottom:0;border-radius:16px 16px 0 0;filter:saturate(.78) brightness(.9)}.experience-row{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:clamp(2rem,6vw,5rem);padding-block:2.4rem;border-bottom:1px solid var(--line)}.experience-meta p,.experience-meta span{display:block;margin:0;font-family:var(--mono);font-size:.7rem;line-height:1.55}.experience-meta p{color:var(--text-soft)}.experience-meta span{margin-top:.35rem;color:var(--muted)}.experience-main{max-width:42rem}.experience-main h3{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.experience-role{margin:.35rem 0 0;color:var(--accent);font-size:.8rem}.experience-summary{margin:1rem 0 0;color:var(--text-soft);font-size:.9rem;line-height:1.6}.experience-main ul{display:flex;flex-direction:column;gap:.55rem;margin:1rem 0 0;padding-left:1.1rem}.experience-main li{padding-left:.15rem;color:var(--muted);font-size:.82rem;line-height:1.65}.experience-main li::marker{color:var(--line-strong)}.experience-tools{margin:1.1rem 0 0}.about-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,8vw,7rem)}.about-copy p{margin:0 0 1rem;color:var(--text-soft);font-size:.92rem;line-height:1.72}.about-copy p:last-child{margin-bottom:0}.about-details{border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.5rem;padding-block:1rem;border-bottom:1px solid var(--line)}.detail-row p,.detail-row span,.detail-row strong{margin:0;font-size:.78rem;line-height:1.6}.detail-row p{color:var(--muted);font-family:var(--mono);font-size:.69rem}.detail-row strong{display:block;color:var(--text);font-weight:550}.detail-row span{display:block;color:var(--text-soft)}.detail-row strong+span{margin-top:.2rem;color:var(--muted)}.contact-section{padding-block:4.25rem;border-bottom:1px solid var(--line)}.contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.contact-row p{margin:0 0 .55rem;color:var(--muted);font-family:var(--mono);font-size:.7rem}.contact-row h2{margin:0;font-size:clamp(1.45rem,3vw,1.8rem);font-weight:600;letter-spacing:-.03em}.contact-row>a{padding-bottom:.15rem;border-bottom:1px solid var(--line-strong);font-size:.85rem}.site-footer{padding-block:1.6rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-inner p{margin:0;color:var(--muted);font-size:.72rem}.footer-links{display:flex;gap:1.15rem}.footer-links a{font-size:.72rem}.reveal{opacity:0;transition:opacity .28s ease;transition-delay:min(var(--reveal-delay, 0ms),80ms)}.reveal.is-visible{opacity:1}@media (max-width: 760px){.page-width{width:min(100% - 2rem,42rem)}.desktop-nav{display:none}.header-inner{grid-template-columns:1fr auto}.menu-toggle{display:grid}.mobile-nav{display:block}.hero{padding-block:5.5rem 4.5rem}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(8.5rem,11rem);gap:2rem}.hero h1{font-size:clamp(2.35rem,8vw,3rem)}.section-pad{padding-block:4rem}.project-row{grid-template-columns:1fr;gap:1.75rem;padding-block:2rem}.project-image{max-width:38rem}.experience-row{grid-template-columns:8rem minmax(0,1fr);gap:2rem}.about-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 560px){.page-width{width:calc(100% - 1.5rem)}.header-inner{min-height:3.8rem}.header-resume{display:none}.hero{padding-block:4.5rem 4rem}.hero-layout{grid-template-columns:1fr;gap:2.25rem}.hero h1{font-size:2.45rem}.hero-intro{font-size:1rem}.portrait{width:9.5rem;justify-self:start}.section-heading{align-items:flex-start;flex-direction:column;gap:.55rem;margin-bottom:1.6rem}.project-image--brand{padding:1.5rem}.project-image--phones{gap:.75rem;padding:1rem 1rem 0}.project-image--phones img{border-radius:11px 11px 0 0}.experience-row{grid-template-columns:1fr;gap:1rem;padding-block:2rem}.experience-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.experience-meta span{margin-top:0;text-align:right}.detail-row{grid-template-columns:1fr;gap:.35rem}.contact-row{align-items:flex-start;flex-direction:column;gap:1.5rem}.footer-inner{align-items:flex-start;flex-direction:column;gap:.8rem}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1}}