:root{--color-bg:#fafafa;--color-surface:#fff;--color-ink:#0a0a0a;--color-muted:#6b7280;--color-subtle:#9ca3af;--color-line:#e8e8ea;--color-accent:#315cff;--color-available:#22c55e;--color-neutral-50:#fafafa;--color-neutral-100:#f4f4f4;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-600:#525252;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--z-footer:30;--z-nav:40;--space-gutter:clamp(1.25rem, 3vw, 3.5rem);--nav-rail:7.5rem;--header-height:90px;--mobile-nav-height:calc(4.5rem + env(safe-area-inset-bottom,0px));--mobile-status-height:2.25rem;--mobile-chrome:calc(var(--mobile-nav-height) + var(--mobile-status-height));--desktop-footer-height:3.5rem;--chrome-offset:var(--mobile-chrome);--radius-control:.2rem;--radius-tag:.2rem;--text-body:.95rem;--text-meta:.875rem;--text-tag:.7rem;--leading-body:1.6;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.2s;--duration-base:.28s;--project-card-visual-w:15rem;--project-card-visual-h:18rem;--project-page-visual-w:18rem;--project-page-visual-h:22rem}@media (width>=640px){:root{--project-card-visual-w:18rem;--project-card-visual-h:22rem;--project-page-visual-w:24rem;--project-page-visual-h:30rem}}@media (width>=1024px){:root{--chrome-offset:var(--desktop-footer-height);--nav-rail:9rem;--about-nav-rail:6.5rem;--project-card-visual-w:23rem;--project-card-visual-h:29rem;--project-page-visual-w:33rem;--project-page-visual-h:43rem}}@media (width>=1280px){:root{--nav-rail:10rem;--about-nav-rail:7.5rem;--project-card-visual-w:25rem;--project-card-visual-h:33rem;--project-page-visual-w:37rem;--project-page-visual-h:47rem}}@media (width>=1440px){:root{--project-card-visual-w:26.5rem;--project-card-visual-h:34.5rem;--project-page-visual-w:39rem;--project-page-visual-h:50rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--color-bg);min-width:320px;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}p,h1,h2,h3{margin:0}::selection{background:color-mix(in srgb, var(--color-accent) 22%, white)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.icon{flex-shrink:0;width:1rem;height:1rem}.icon--sm{width:.875rem;height:.875rem}.icon--md{width:1.15rem;height:1.15rem}.display-title,.section-title{letter-spacing:-.04em;text-transform:uppercase;font-weight:800;line-height:.92}.display-title{font-size:clamp(2.6rem,7vw,5.5rem)}.section-title{font-size:clamp(2.3rem,5vw,4.25rem)}.accent-dot{background:var(--color-accent);border-radius:999px;flex-shrink:0;width:.35em;height:.35em;margin-left:.12em;display:inline-block}.title-line--dot{white-space:nowrap}.page-shell{padding-inline:var(--space-gutter)}.content-pad-right{padding-right:var(--space-gutter)}@media (width>=1024px){.content-pad-right{padding-right:var(--nav-rail)}}.stack-title>span{display:block}.tech-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tech-tags__item{border-radius:var(--radius-tag);background:color-mix(in srgb, var(--color-neutral-100) 85%, transparent);font-size:var(--text-tag);color:var(--color-muted);padding:.18rem .5rem;font-weight:500}.app-shell{background:var(--color-bg);min-height:100dvh;color:var(--color-ink);overflow-x:clip}#about,#projects,#contact{scroll-margin-top:0}.home{padding-bottom:0}.btn{border-radius:var(--radius-control);font-size:var(--text-meta);transition:opacity var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{opacity:.92}.btn--secondary,.btn--outline{border:1px solid var(--color-line);color:var(--color-ink);background:0 0}.btn--secondary:hover,.btn--outline:hover{border-color:var(--color-subtle);background:color-mix(in srgb, var(--color-neutral-100) 70%, transparent)}.logo-header{inset-inline:0;z-index:var(--z-nav);height:var(--header-height);padding-inline:var(--space-gutter);pointer-events:none;align-items:center;display:flex;position:fixed;top:0}.logo{pointer-events:auto;flex-direction:column;justify-content:center;gap:.3rem;line-height:1;text-decoration:none;display:inline-flex}.logo__text{letter-spacing:-.02em;color:var(--color-ink);font-size:1.15rem;font-weight:800}.logo__mark{background:var(--color-accent);border-radius:999px;width:100%;height:3px}.side-nav{pointer-events:none;z-index:var(--z-nav);display:none;position:fixed;top:50%;right:1.25rem;transform:translateY(-50%)}.side-nav__rail{pointer-events:auto;padding-left:1rem;position:relative}.side-nav__list{flex-direction:column;gap:3rem;display:flex}.side-nav__track{background:var(--color-line);border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:0}.side-nav__thumb{background:var(--color-accent);will-change:transform, height;border-radius:999px;width:2px;transition:transform .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.side-nav__link{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.side-nav__number,.side-nav__label{font-weight:500;transition:color .3s}.side-nav__number{color:var(--color-subtle);font-size:1.8rem;line-height:1}.side-nav__label{letter-spacing:.14em;color:var(--color-subtle);font-size:.68rem}.side-nav__link:hover .side-nav__number,.side-nav__link:hover .side-nav__label{color:var(--color-muted)}.side-nav__link.is-active .side-nav__number,.side-nav__link.is-active .side-nav__label{color:var(--color-ink);font-weight:600}@media (width>=1024px){.side-nav{display:block}}@media (width>=1024px) and (width<=1279px){.side-nav{right:1rem}.side-nav__list{gap:2.25rem}.side-nav__number{font-size:1.35rem}.side-nav__label{font-size:.62rem}}@media (width>=1280px){.side-nav{right:2rem}}.mobile-nav{inset-inline:0;z-index:var(--z-nav);min-height:var(--mobile-nav-height);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);background:color-mix(in srgb, var(--color-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;bottom:0}.mobile-nav__list{grid-template-columns:repeat(3,1fr);max-width:32rem;margin-inline:auto;padding:.625rem .5rem;display:grid}.mobile-nav__link{color:var(--color-subtle);flex-direction:column;align-items:center;padding:.5rem;transition:color .2s;display:flex}.mobile-nav__number{font-size:.8rem;font-weight:500;line-height:1}.mobile-nav__label{letter-spacing:.12em;margin-top:.25rem;font-size:.62rem;font-weight:500}.mobile-nav__indicator{background:var(--color-accent);opacity:0;border-radius:999px;width:1.25rem;height:2px;margin-top:.375rem;transition:opacity .2s}.mobile-nav__link.is-active{color:var(--color-ink)}.mobile-nav__link.is-active .mobile-nav__number{font-weight:700}.mobile-nav__link.is-active .mobile-nav__label{font-weight:600}.mobile-nav__link.is-active .mobile-nav__indicator{opacity:1}@media (width>=1024px){.mobile-nav{display:none}}.site-footer{inset-inline:0;bottom:var(--mobile-nav-height);z-index:var(--z-footer);height:var(--mobile-status-height);border-top:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;position:fixed}.site-footer__inner{height:100%;color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.site-footer__item{align-items:center;gap:.375rem;min-width:0;display:inline-flex}.site-footer__dot{background:var(--color-available);border-radius:999px;flex-shrink:0;width:.375rem;height:.375rem}@media (width>=1024px){.site-footer{height:var(--desktop-footer-height);bottom:0}.site-footer__inner{font-size:.8rem}}.about{box-sizing:border-box;height:calc(100dvh - var(--chrome-offset));min-height:calc(100dvh - var(--chrome-offset));max-height:calc(100dvh - var(--chrome-offset));padding-top:var(--header-height);padding-bottom:0;display:flex;overflow:hidden}.about__grid{flex-direction:column;flex:1;gap:clamp(1.25rem,2.5vw,2rem);width:100%;height:100%;min-height:0;display:flex}.about__copy{flex-direction:column;flex-shrink:0;gap:0;max-width:36rem;display:flex}.about__title{letter-spacing:-.04em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:clamp(2.6rem,7vw,5.25rem);font-weight:800;line-height:.92}.about__title>span{display:block}.about__role{color:var(--color-ink);margin:.95rem 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:500;line-height:1.3}.about__tagline{max-width:28rem;font-size:var(--text-body);color:var(--color-muted);margin:.65rem 0 0;line-height:1.55}.about__portrait-wrap{width:auto;max-width:none;min-height:0;max-height:none;margin-inline:calc(-1 * var(--space-gutter));flex:1 1 0;display:flex;overflow:hidden}.about__portrait{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}.about__portrait img{object-fit:cover;object-position:center top;filter:grayscale();width:100%;height:100%;display:block}@media (width>=1024px){.about{height:calc(100dvh - var(--chrome-offset));align-items:stretch;max-height:none;overflow:visible}.about__grid{padding-inline:var(--space-gutter) var(--about-nav-rail);grid-template-columns:.85fr 1.15fr;align-items:end;gap:0 clamp(2rem,3vw,3rem);display:grid}.about__copy{align-self:center;padding-bottom:2.5rem}.about__role{margin-top:1.1rem}.about__tagline{margin-top:.75rem}.about__portrait-wrap{min-height:0;max-height:calc(100dvh - var(--chrome-offset) - var(--header-height));flex:none;place-self:stretch stretch;width:100%;max-width:none;height:100%;margin-inline:0;overflow:hidden}.about__portrait{min-height:0}}@media (width>=1280px){.about__grid{grid-template-columns:.8fr 1.2fr}}.projects{padding:var(--header-height) 0 calc(3rem + var(--chrome-offset));scroll-margin-top:0;position:relative}.projects__layout{gap:clamp(2rem,4vw,4.5rem);display:grid}.projects__intro{max-width:20rem}.projects__list{flex-direction:column;display:flex}.projects__list>li{border-top:1px solid var(--color-line)}.projects__list>li:last-child{border-bottom:1px solid var(--color-line)}@media (width>=1024px){.projects{min-height:calc(100dvh - var(--chrome-offset));padding:var(--header-height) 0 6rem}.projects__layout{grid-template-columns:minmax(200px,.7fr) minmax(0,1.7fr);gap:clamp(3rem,5vw,5rem)}.projects__intro{top:var(--header-height);align-self:start;position:sticky}}.project-card{cursor:pointer;width:100%;min-width:0;max-width:100%;transition:opacity var(--duration-base) var(--ease-out);background:0 0;padding-block:2rem;display:grid}.project-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.project-card__body{flex-direction:column;justify-content:space-between;gap:2rem;min-width:0;display:flex}.project-card__meta{flex-wrap:wrap;align-items:baseline;gap:.65rem 1rem;display:flex}.project-card__number{font-size:var(--text-meta);letter-spacing:.04em;color:var(--color-accent);font-weight:600}.project-card__role{font-size:var(--text-meta);color:var(--color-subtle);font-weight:500}.project-card__title{text-transform:uppercase;letter-spacing:-.04em;color:var(--color-ink);margin-top:.7rem;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:800;line-height:.92}.project-card__desc{max-width:24rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out);margin-top:.7rem}.project-card:hover .project-card__desc{color:var(--color-neutral-600)}.project-card__stack{margin-top:1.15rem}.project-card__cta{font-size:var(--text-meta);color:var(--color-accent);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.project-card__cta .icon{transition:transform var(--duration-fast) var(--ease-out)}.project-card:hover .project-card__cta .icon{transform:translate(4px)}.project-card__media{width:var(--project-card-visual-w);height:var(--project-card-visual-h);margin-inline:auto;min-width:0;max-width:100%;aspect-ratio:var(--project-card-visual-w) / var(--project-card-visual-h);flex-shrink:0;margin-top:.75rem;position:relative}.project-card__visual{transition:transform var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-card__visual{transform:translateY(-3px)scale(1.015)}@media (width>=768px){.project-card{grid-template-columns:minmax(0, 1fr) var(--project-card-visual-w);align-items:center;column-gap:clamp(1.5rem,3vw,3.5rem);padding-block:2.75rem}.project-card__media{margin-inline:0;justify-self:end;margin-top:0}.project-card--reverse{grid-template-columns:var(--project-card-visual-w) minmax(0, 1fr)}.project-card--reverse .project-card__media{order:-1;justify-self:start}.project-card--reverse .project-card__body{justify-self:end}}@media (width>=1024px){.project-card{padding-block:3.25rem}}@media (prefers-reduced-motion:reduce){.project-card:hover .project-card__visual,.project-card:hover .project-card__cta .icon{transform:none}}.project-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.project-visual__img{object-fit:contain;object-position:center;opacity:1;width:100%;height:100%;display:block}.contact{min-height:100dvh;padding-top:var(--header-height);padding-bottom:var(--chrome-offset);box-sizing:border-box;align-items:center;display:flex;position:relative}.contact__shell{width:100%}.contact__layout{flex-direction:column;align-items:stretch;gap:clamp(2.5rem,5vw,6rem);width:100%;display:flex}.contact__intro{text-align:left;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:36rem;display:flex}.contact__title{letter-spacing:-.04em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:clamp(2.6rem,7vw,5.25rem);font-weight:800;line-height:.92}.contact__title>span{display:block}.contact__subtitle{max-width:26rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted);margin:1.15rem 0 0}.contact__actions{flex-wrap:wrap;margin-top:1.5rem;display:flex}.contact__resume{min-height:2.75rem}.contact__links{width:100%;max-width:36rem}.contact__link{border-bottom:1px solid var(--color-line);transition:color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.25rem 0;display:flex}.contact__links li:first-child .contact__link{border-top:1px solid var(--color-line)}.contact__link-text{flex-direction:column;gap:.4rem;min-width:0;display:flex}.contact__link-label{font-size:var(--text-tag);letter-spacing:.02em;color:var(--color-subtle);transition:color var(--duration-fast) var(--ease-out);font-weight:500}.contact__link-value{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:600;overflow:hidden}.contact__link-arrow{color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;margin-bottom:.1rem}.contact__link:hover .contact__link-label{color:var(--color-muted)}.contact__link:hover .contact__link-value{color:#000}.contact__link:hover .contact__link-arrow{transform:translate(4px,-4px)}.contact__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (width>=1024px){.contact__layout{flex-direction:row;justify-content:space-between;align-items:center}.contact__intro{flex:1 1 0;max-width:34rem}.contact__subtitle{max-width:28rem;margin-top:1.25rem}.contact__actions{margin-top:1.75rem}.contact__links{flex:1 1 0;max-width:34rem}.contact__link{padding-block:1.4rem}}@media (prefers-reduced-motion:reduce){.contact__link:hover .contact__link-arrow{transform:none}}.project-page{min-height:100dvh;padding:var(--header-height) 0 var(--chrome-offset);box-sizing:border-box;flex-direction:column;display:flex}.project-page__grid{flex:auto;align-items:start;gap:clamp(1.75rem,3vw,4.5rem);width:100%;min-width:0;max-width:100%;min-height:0;display:grid}.project-page__copy{min-width:0;max-width:min(34rem,100%)}.project-page__back{font-size:var(--text-meta);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;display:inline-flex}.project-page__back:hover{color:var(--color-ink)}.project-page__title{margin-top:1.75rem}.project-page__role{font-size:var(--text-meta);color:var(--color-subtle);margin-top:.85rem;font-weight:500}.project-page__tagline{max-width:28rem;color:var(--color-ink);margin-top:.85rem;font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:500;line-height:1.35}.project-page__stack{margin-top:1.35rem}.project-page__desc{max-width:30rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted);margin-top:1.6rem}.project-page__links{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.project-page__link-icon{transition:transform var(--duration-fast) var(--ease-out)}.project-page__links .btn--primary:hover .project-page__link-icon{transform:translate(3px,-3px)}.project-page__visual-wrap{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;display:flex;position:relative}.project-page__visual{width:min(100%, var(--project-page-visual-w));height:var(--project-page-visual-h);max-width:100%;max-height:min(var(--project-page-visual-h), 48dvh);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-page__visual .project-visual{width:100%;height:100%}@media (width>=1024px){.project-page__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center}.project-page__title{margin-top:2rem}.project-page__tagline{margin-top:1.25rem}.project-page__stack{margin-top:1.5rem}.project-page__desc{margin-top:1.75rem}.project-page__links{margin-top:2.25rem}.project-page__visual-wrap{height:100%;min-height:min(70dvh, var(--project-page-visual-h));justify-content:center;align-self:stretch}.project-page__visual{width:min(100%, var(--project-page-visual-w));height:min(100%, var(--project-page-visual-h));max-height:min(72dvh, var(--project-page-visual-h))}}@supports (view-transition-name:none){::view-transition-old(root){animation-duration:.35s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.35s;animation-timing-function:var(--ease-out)}}@media (prefers-reduced-motion:reduce){.project-page__links .btn--primary:hover .project-page__link-icon{transform:none}}