:root{color-scheme:light;--font-display: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-body: "Literata", Georgia, serif;--bg: oklch(.985 .002 90);--surface: oklch(.955 .006 90);--surface-2: oklch(.925 .008 85);--ink: oklch(.2 .015 70);--muted: oklch(.43 .02 70);--line: oklch(.86 .008 80);--line-strong: oklch(.65 .015 80);--accent: oklch(.56 .17 35);--accent-text: oklch(.48 .16 35);--accent-ink: oklch(.99 .002 90);--accent-soft: oklch(.94 .03 35);--panel: oklch(.2 .015 70);--panel-ink: oklch(.96 .004 90);--panel-muted: oklch(.76 .015 80);--panel-line: oklch(.32 .012 75);--panel-accent: oklch(.78 .12 50);--focus: oklch(.45 .15 35);--motion-play-state: running;--z-header: 20;--z-menu: 30;--z-skip: 50}[data-theme=dark]{color-scheme:dark;--bg: oklch(.16 .008 70);--surface: oklch(.21 .012 70);--surface-2: oklch(.26 .012 70);--ink: oklch(.94 .008 85);--muted: oklch(.72 .015 80);--line: oklch(.32 .012 75);--line-strong: oklch(.45 .015 75);--accent: oklch(.72 .14 45);--accent-text: oklch(.8 .12 50);--accent-ink: oklch(.16 .008 70);--accent-soft: oklch(.27 .04 45);--panel: oklch(.21 .012 70);--panel-ink: oklch(.94 .008 85);--panel-muted: oklch(.72 .015 80);--panel-line: oklch(.32 .012 75);--panel-accent: oklch(.78 .12 50);--focus: oklch(.82 .12 70)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--line-strong) var(--bg)}body{min-height:100vh;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure,blockquote,ul{margin:0}ul{padding:0;list-style:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(a,button,summary):focus:not(:focus-visible){outline:none}main:focus{outline:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}p{text-wrap:pretty}.site{min-height:100vh}.container{width:min(calc(100% - 2.5rem),1180px);margin-inline:auto}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:var(--z-skip);padding:.65rem .9rem;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-size:.875rem;text-decoration:none}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--bg);border-bottom:1px solid var(--line)}.site-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.5rem}.wordmark{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);font-family:var(--font-display);font-size:.975rem;font-weight:650;letter-spacing:-.015em;text-decoration:none;white-space:nowrap}.wordmark__mark{display:grid;place-items:center;width:1.85rem;height:1.85rem;flex:none;background:#fff;border:1px solid var(--line);border-radius:.125rem}.wordmark__mark img{width:1.35rem;height:auto}.site-header__nav{display:flex;align-items:center;gap:1rem}.nav--desktop{display:block}.nav--mobile{display:none}.nav__list{display:flex;align-items:center;gap:1.4rem}.nav__list a{color:var(--muted);font-family:var(--font-display);font-size:.875rem;font-weight:500;text-decoration:none}.nav__list a:hover{color:var(--accent-text)}.nav__details{position:relative}.nav__summary{padding:.5rem .7rem;border:1px solid var(--line);border-radius:.125rem;font-family:var(--font-display);font-size:.875rem;font-weight:500;list-style:none}.nav__summary::-webkit-details-marker{display:none}.nav__summary:hover{border-color:var(--accent);color:var(--accent-text)}.nav__mobile-list{position:absolute;top:calc(100% + .5rem);right:0;z-index:var(--z-menu);min-width:12rem;padding:.5rem;background:var(--bg);border:1px solid var(--line)}.nav__mobile-list a{display:block;padding:.65rem .75rem;color:var(--ink);font-family:var(--font-display);font-size:.9375rem;text-decoration:none}.nav__mobile-list li+li{border-top:1px solid var(--line)}.nav__mobile-list a:hover{color:var(--accent-text)}.theme-toggle{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;padding:0;background:transparent;border:1px solid var(--line);border-radius:.125rem;color:var(--ink)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-text)}.hero{padding-block:clamp(3.5rem,9vw,7rem) clamp(4rem,10vw,8rem)}.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.hero__copy{min-width:0}.hero__meta{margin-bottom:1.25rem;color:var(--muted);font-family:var(--font-display);font-size:.9375rem}.hero__title{margin-bottom:1.5rem;font-size:clamp(3rem,9vw,6rem);font-weight:650;line-height:.96;letter-spacing:-.035em}.hero__title span{display:block}.hero__lede{max-width:34ch;margin-bottom:1.25rem;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.5}.hero__body{max-width:52ch;margin-bottom:1.75rem;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.hero__secondary{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;font-family:var(--font-display);font-size:.9375rem}.hero__secondary a{padding-bottom:.1rem;border-bottom:1px solid var(--line-strong);color:var(--muted);text-decoration:none}.hero__secondary a:hover{border-color:var(--accent);color:var(--accent-text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.7rem 1.1rem;background:transparent;border:1px solid var(--line-strong);border-radius:.125rem;color:var(--ink);font-family:var(--font-display);font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.button:hover{border-color:var(--accent);color:var(--accent-text)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--primary:hover{background:var(--accent-text);border-color:var(--accent-text);color:var(--accent-ink)}.loader-stage{display:flex;flex-direction:column;gap:1.25rem;min-width:0;min-height:28rem;padding:clamp(1.25rem,3vw,2rem);background:var(--panel);border:1px solid var(--panel-line);border-radius:.125rem;color:var(--panel-ink)}.loader-stage__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.loader-stage__title{font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.loader-stage__count{color:var(--panel-muted);font-family:var(--font-display);font-size:.8125rem}.loader-stage__art{display:grid;flex:1;place-items:center;min-height:13rem;padding:1.5rem 0;border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line);color:var(--panel-accent)}.loader-stage__art .loader{width:clamp(7rem,18vw,11rem);height:clamp(7rem,18vw,11rem)}.loader-stage__meta{display:flex;flex-direction:column;gap:.35rem;min-height:4.5rem}.loader-stage__name{font-family:var(--font-display);font-size:1rem;font-weight:650}.loader-stage__description{max-width:40ch;color:var(--panel-muted);font-size:.9375rem;line-height:1.5}.loader-stage__actions{display:flex;flex-wrap:wrap;gap:.65rem}.loader-stage__button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.5rem .8rem;background:transparent;border:1px solid var(--panel-line);border-radius:.125rem;color:var(--panel-ink);font-family:var(--font-display);font-size:.875rem;font-weight:500}.loader-stage__button:hover{border-color:var(--panel-accent);color:var(--panel-accent)}.loader-stage__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-top:1rem;border-top:1px solid var(--panel-line);color:var(--panel-muted);font-family:var(--font-display);font-size:.8125rem}.loader-stage__stat{color:var(--panel-muted);text-decoration:none}.loader-stage__stat strong{color:var(--panel-ink);font-variant-numeric:tabular-nums;font-weight:600}.loader-stage__stat:hover{color:var(--panel-ink)}.loader-stage__link{margin-left:auto;color:var(--panel-accent);font-weight:600;text-decoration:none}.loader-stage__link:hover{text-decoration:underline;text-underline-offset:.18em}.section{padding-block:clamp(4.5rem,10vw,8rem);border-top:1px solid var(--line);scroll-margin-top:5rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2rem,5vw,4rem)}.section-heading h2{max-width:18ch;font-size:clamp(2rem,4.4vw,3.5rem)}.section-mark{width:2.25rem;height:2.25rem;flex:none;color:var(--accent)}.section-mark .loader{width:100%;height:100%}.about__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,6vw,5rem);align-items:start}.portrait{min-width:0;padding:.5rem;background:var(--surface);border:1px solid var(--line)}.portrait img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.portrait figcaption{padding-top:.65rem;color:var(--muted);font-family:var(--font-display);font-size:.8125rem}.about__copy{min-width:0;max-width:62ch}.about__lede{margin-bottom:1.25rem;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.55}.about__copy p+p{margin-top:1rem}.about__copy p:not(.about__lede){color:var(--muted)}.note{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--surface);border-top:2px solid var(--accent)}.note__label{margin-bottom:.5rem;color:var(--accent-text);font-family:var(--font-display);font-size:.8125rem;font-weight:650}.note p:last-child{font-size:1.0625rem;font-style:italic;line-height:1.55}.jobs{display:grid;gap:clamp(2.5rem,5vw,4rem)}.job{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-top:1.5rem;border-top:1px solid var(--line)}.job:first-child{padding-top:0;border-top:0}.job__meta{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-family:var(--font-display);font-size:.875rem}.job__company{color:var(--ink);font-size:1rem;font-weight:650}.job__body{min-width:0}.job__body h3{margin-bottom:.75rem;font-size:clamp(1.5rem,2.8vw,2rem)}.job__body p{max-width:66ch;color:var(--muted)}.job__body p+p{margin-top:.85rem}.job__highlights{display:grid;gap:.65rem;max-width:72ch}.job__highlights li{position:relative;padding-left:1.1rem;color:var(--muted);line-height:1.6}.job__highlights li:before{content:"—";position:absolute;left:0;color:var(--accent-text);font-family:var(--font-display)}.job__highlights strong{color:var(--ink);font-family:var(--font-display);font-size:.95em;font-weight:650}.job__clients{display:grid;gap:1.75rem}.job__client+.job__client{padding-top:1.75rem;border-top:1px solid var(--line)}.job__client h4{margin-bottom:.75rem;font-size:1rem}.job__client .job__tech{margin-top:.85rem}.job__tech{margin-top:1rem;color:var(--muted);font-family:var(--font-display);font-size:.8125rem}.education{max-width:66ch;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted)}.project-list{display:grid;gap:clamp(3.5rem,8vw,6rem)}.project{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.75rem,4vw,3.5rem);align-items:center}.project:nth-child(2n){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.project:nth-child(2n) .project__media{order:2}.project:nth-child(2n) .project__body{order:1}.project__media{display:block;min-width:0;background:var(--surface);border:1px solid var(--line)}.project__media img{width:100%;height:auto;aspect-ratio:1.95 / 1;object-fit:cover;object-position:top}.project__media:hover{border-color:var(--accent)}.project__body{min-width:0}.project__meta{margin-bottom:.5rem;color:var(--muted);font-family:var(--font-display);font-size:.8125rem}.project__title{margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.2rem)}.project__title a{text-decoration:none}.project__title a:hover{color:var(--accent-text)}.project__description{max-width:46ch;color:var(--muted)}.project__tech{margin-top:1rem;color:var(--muted);font-family:var(--font-display);font-size:.8125rem}.project__links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;font-family:var(--font-display);font-size:.875rem}.project__link{padding-bottom:.1rem;border-bottom:1px solid var(--line-strong);text-decoration:none}.project__link:hover{border-color:var(--accent);color:var(--accent-text)}.stack__grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(2rem,5vw,4rem);align-items:start}.stack__grid .section-heading{margin-bottom:0}.stack__lines{display:grid;gap:1.25rem;max-width:72ch}.stack__lines p{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.6}.stack__lines p:first-child{color:var(--ink)}.stack__lines p:not(:first-child){color:var(--muted)}.contact{padding-block:clamp(3.5rem,8vw,6rem);background:var(--panel);color:var(--panel-ink);scroll-margin-top:5rem}.contact__layout{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(2rem,5vw,3rem)}.contact__copy{max-width:60ch}.contact h2{margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.98}.contact p{max-width:44ch;color:var(--panel-muted)}.contact__cta{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;padding:.85rem 1.5rem;background:#fff;color:#18181b;border-radius:.75rem;font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.1;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.contact__cta svg{flex:none;width:1.15rem;height:1.15rem;transition:transform .18s ease}.contact__cta:hover{background:#f4f4f5;transform:scale(1.02)}.contact__cta:hover svg{transform:translate(.15rem)}.contact__cta:active{transform:scale(.98)}.contact__cta:focus-visible{outline-color:#fff;outline-offset:4px}@media(min-width:768px){.contact__layout{flex-direction:row}}.site-footer{padding-block:2rem;border-top:1px solid var(--line)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--muted);font-family:var(--font-display);font-size:.8125rem}.loader{position:relative;display:block;flex:none}.loader--orbit{border:1.5px solid color-mix(in oklch,currentColor 38%,transparent);border-radius:50%;animation:loader-spin 2.4s linear infinite var(--motion-play-state)}.loader--orbit:before{content:"";position:absolute;top:50%;left:50%;width:10%;height:10%;background:currentColor;border-radius:50%;transform:translate(-50%,-50%)}.loader--orbit:after{content:"";position:absolute;top:-4%;left:50%;width:15%;height:15%;background:currentColor;border-radius:50%;transform:translate(-50%)}.loader--bars{display:flex;align-items:center;justify-content:center;gap:10%}.loader--bars span{width:12%;height:100%;background:currentColor;transform-origin:center;animation:loader-bars 1s ease-in-out infinite var(--motion-play-state)}.loader--bars span:nth-child(1){animation-delay:-.8s}.loader--bars span:nth-child(2){animation-delay:-.6s}.loader--bars span:nth-child(3){animation-delay:-.4s}.loader--bars span:nth-child(4){animation-delay:-.2s}.loader--bars span:nth-child(5){animation-delay:0s}.loader--dots{display:flex;align-items:center;justify-content:center;gap:12%}.loader--dots span{width:22%;aspect-ratio:1;background:currentColor;border-radius:50%;animation:loader-dots 1.2s ease-in-out infinite var(--motion-play-state)}.loader--dots span:nth-child(2){animation-delay:.15s}.loader--dots span:nth-child(3){animation-delay:.3s}.loader--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10%}.loader--grid span{aspect-ratio:1;background:currentColor;animation:loader-grid 1.4s ease-in-out infinite var(--motion-play-state)}.loader--grid span:nth-child(1){animation-delay:0s}.loader--grid span:nth-child(2){animation-delay:.1s}.loader--grid span:nth-child(3){animation-delay:.2s}.loader--grid span:nth-child(4){animation-delay:.3s}.loader--grid span:nth-child(5){animation-delay:.4s}.loader--grid span:nth-child(6){animation-delay:.5s}.loader--grid span:nth-child(7){animation-delay:.6s}.loader--grid span:nth-child(8){animation-delay:.7s}.loader--grid span:nth-child(9){animation-delay:.8s}.loader--ring{border:3px solid color-mix(in oklch,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:loader-spin .9s linear infinite var(--motion-play-state)}.loader-stage .loader--ring{border-width:4px}.loader,.loader *{animation-play-state:var(--motion-play-state)}.site[data-motion=paused]{--motion-play-state: paused}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes loader-dots{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-45%)}}@keyframes loader-grid{0%,to{opacity:.22}50%{opacity:1}}@media(max-width:980px){.hero__grid,.about__grid,.stack__grid{grid-template-columns:1fr}.hero__grid{gap:3rem}.loader-stage{min-height:24rem}.about__grid{gap:2.5rem}.portrait{grid-row:2;max-width:32rem}.about__copy{grid-row:1}.stack__grid{gap:2rem}}@media(max-width:800px){.job{grid-template-columns:1fr;gap:.75rem}.job__meta{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem}.job__company{font-size:.9375rem}.project,.project:nth-child(2n){grid-template-columns:1fr;gap:1.5rem}.project:nth-child(2n) .project__media,.project:nth-child(2n) .project__body{order:initial}.project__media{order:1}.project__body{order:2}}@media(max-width:760px){.nav--desktop{display:none}.nav--mobile{display:block}.site-header__inner{min-height:4rem}}@media(max-width:520px){.container{width:min(calc(100% - 2rem),1180px)}.hero{padding-block:2.5rem 4rem}.hero__title{font-size:clamp(2.8rem,14vw,4.5rem)}.hero__actions{align-items:flex-start}.loader-stage{padding:1rem}.loader-stage__art{min-height:11rem}.section{padding-block:3.5rem}.section-heading{align-items:flex-start}.section-mark{width:1.75rem;height:1.75rem;margin-top:.35rem}.site-footer__inner{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site:not([data-motion=running]){--motion-play-state: paused}*,*:before,*:after{transition-duration:.01ms!important}}