.showreel{--reel-fade:1.2s;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--header-height));color:#fff;background:#000;height:100svh;position:relative;overflow:hidden}.showreel-slide{opacity:0;visibility:hidden;transition:opacity var(--reel-fade) ease, visibility 0s linear var(--reel-fade);position:absolute;inset:0}.showreel-slide.is-active{opacity:1;visibility:visible;transition:opacity var(--reel-fade) ease, visibility 0s;z-index:1}.showreel-slide:hover{color:inherit}.showreel-slide img,.showreel-slide video,.showreel-placeholder{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showreel-placeholder{background:var(--color-muted)}.showreel-caption{top:calc(var(--header-height) - var(--space-3));z-index:1;width:calc(100% - 2 * var(--gutter));text-align:center;color:#fff;mix-blend-mode:difference;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.showreel-slide:not(.is-active) .showreel-caption{opacity:0}.showreel-title{font-family:var(--font-display);font-size:var(--step-2);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);text-wrap:balance}.showreel-meta{justify-content:center;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--step--1);display:flex}.showreel-controls{left:var(--gutter);right:var(--gutter);bottom:var(--gutter);z-index:2;color:#fff;mix-blend-mode:difference;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute}.showreel-dots{gap:var(--space-1);grid-column:2;display:flex}.showreel-dot{width:1.5rem;height:1.5rem;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.showreel-dot:before{content:"";opacity:.4;background:currentColor;border-radius:50%;width:8px;height:8px;transition:opacity .2s,transform .2s}.showreel-dot:hover:before{opacity:.8}.showreel-dot[aria-current=true]:before{opacity:1;transform:scale(1.25)}.showreel-toggle{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:0;grid-column:3;justify-self:end;place-items:center;padding:0;display:grid}.showreel :focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){.showreel-slide,.showreel-slide.is-active,.showreel-caption,.showreel-dot:before{transition:none}}@font-face{font-family:Social-Regular;src:url(/assets/ABCSocialTrial-Regular-BEjMTkLP.otf)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Social-Bold;src:url(/assets/ABCSocialTrial-Black-Dz38pJDa.otf)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Synt-Regular;src:url(/assets/ABCSyntTrial-Regular-DvtXvlt8.otf)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Synt-Medium;src:url(/assets/ABCSyntTrial-Medium-BYt8MM5m.otf)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Social-Mono;src:url(/assets/ABCSocialMonoTrial-Regular-D2lf22O-.otf)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Monument-Regular;src:url(/assets/ABCMonumentGroteskTrial-Regular-C8uZ3f9x.otf)format("woff2");font-weight:800;font-display:swap}:root{--header-height:4.5rem;--color-bg:#f3f3f3;--color-surface:#d6dad3;--color-ink:#0b0f1b;--color-muted:#5d6270;--color-accent:#752fd8;--color-line:#1f243333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Social-Regular", "Helvetica Neue", Arial, sans-serif;--font-display:"Synt-Medium", "Helvetica Neue", Arial, sans-serif;--step--1:.833rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.563rem;--step-3:clamp(1.9rem, 4vw, 2.75rem);--step-4:clamp(2.4rem, 6.2vw, 5.5rem);--leading-tight:1.04;--leading-body:1.5;--tracking-display:-.025rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--space-7:clamp(5rem, 12vw, 9rem);--gutter:clamp(1rem, 3vw, 2.5rem);--max-width:1600px;--measure:60ch;--radius:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#15171c;--color-surface:#262930;--color-ink:#e6e8e3;--color-muted:#9a9fab;--color-accent:#8c9dff;--color-line:#e6e8e333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#15171c;--color-surface:#262930;--color-ink:#e6e8e3;--color-muted:#9a9fab;--color-accent:#8c9dff;--color-line:#e6e8e333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}img{max-width:100%;display:block}ul{padding:0;list-style:none}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}p a,.not-found a{text-underline-offset:.2em;text-decoration:underline}a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{left:var(--gutter);background:var(--color-ink);color:var(--color-bg);padding:var(--space-2) var(--space-3);z-index:20;position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.site{min-height:100vh;max-width:var(--max-width);padding-inline:var(--gutter);flex-direction:column;margin-inline:auto;display:flex}.site-main{flex:1}.site-header{z-index:10;align-items:baseline;gap:var(--space-4);padding-block:var(--space-4);color:#fff;mix-blend-mode:difference;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.site-name{font-family:Social-Bold,sans-serif;font-size:var(--step-5)}.site-header nav{justify-self:end}.header-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.header-title-text{animation:.5s both header-title-in;display:inline-block}@keyframes header-title-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.nav-list{gap:var(--space-4);display:flex}.site-header a:hover{color:inherit;opacity:.6}.site-header :focus-visible{outline-color:#fff}.nav-list a[aria-current=page]{text-underline-offset:.25em;text-decoration:underline}@media (width<=719px){.site-header{grid-template-columns:auto 1fr}.header-title{display:none}}.theme-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.theme-toggle:hover{opacity:.6}.site-footer{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-top:var(--space-7);padding-block:var(--space-5) var(--space-4);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.footer-email{font-size:var(--step-2);font-weight:500}.footer-links{gap:var(--space-4);color:var(--color-muted);display:flex}.page-title,.project-title{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.section-heading{font-size:var(--step-0);color:var(--color-muted);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-line);font-weight:500}.media{background:var(--color-surface);border-radius:var(--radius);position:relative;overflow:hidden}.media img,.media video,.media-placeholder{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media--natural img,.media--natural video{width:100%;height:auto;position:static}.hero{padding-block:var(--space-6) var(--space-7)}.hero-statement{font-family:var(--font-display);font-size:var(--step-4);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);text-wrap:balance;max-width:18ch}.hero-role{margin-top:var(--space-4);font-size:var(--step-1);color:var(--color-muted)}.work-row{position:relative}.work-row+.work-row:before{content:"";border-top:1px solid var(--color-ink);width:100vw;position:absolute;top:0;left:calc(50% - 50vw)}.work-row-grid{gap:var(--space-4);padding-block:var(--space-5);display:grid}.work-row .media{border-radius:6px}.work-row-title{font-size:var(--step-2);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.work-row-tags{margin-top:var(--space-3);color:var(--color-muted)}.work-row-summary{margin-top:var(--space-3);font-size:var(--step-0);line-height:var(--leading-body);max-width:42ch}@media (width>=900px){.work-row-grid{gap:var(--space-4);padding-block:var(--space-6);grid-template-columns:3fr 1fr;align-items:start}}.project-header{padding-block:var(--space-6) var(--space-5)}.project-summary{margin-top:var(--space-3);font-size:var(--step-1);color:var(--color-muted);max-width:var(--measure)}.project-info{gap:var(--space-5);padding-block:var(--space-5);border-top:1px solid var(--color-line);display:grid}.project-facts{gap:var(--space-3);align-content:start;display:grid}.project-facts dt{color:var(--color-muted);font-size:var(--step--1)}.project-body{max-width:var(--measure)}.project-body p+p{margin-top:var(--space-3)}.project-images{gap:var(--gutter);margin-top:var(--space-5);display:grid}.project-next{gap:var(--space-2);margin-top:var(--space-7);flex-direction:column;display:flex}.project-next span{color:var(--color-muted)}.project-next a{font-size:var(--step-3);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}@media (width>=900px){.project-info{grid-template-columns:1fr 2fr}}.about{gap:var(--space-5);padding-top:var(--space-6);display:grid}.about-greeting{font-family:var(--font-display);font-size:var(--step-4);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.about-lead{margin-top:var(--space-4);font-size:var(--step-2);text-wrap:pretty;max-width:30ch;line-height:1.3}.about-portrait{width:min(100%,16rem)}.about-portrait .media{border-radius:6px}.about-body{max-width:var(--measure)}.about-body p{font-size:var(--step-1);line-height:1.5}.about-body p+p{margin-top:var(--space-4)}.about-cv{margin-top:var(--space-5)}.about-cv-heading{font-size:var(--step-0);color:var(--color-muted);margin-bottom:var(--space-3);font-weight:500}.cv-list li{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-top:1px solid var(--color-line);display:flex}.cv-years{color:var(--color-muted);white-space:nowrap}@media (width>=900px){.about{column-gap:var(--gutter);row-gap:var(--space-6);grid-template-columns:repeat(12,1fr);align-items:start}.about-intro{grid-column:1/9}.about-portrait{grid-column:10/13;justify-self:end}.about-body{grid-column:5/11}.about-cv{grid-column:1/-1;grid-template-columns:subgrid;margin-top:var(--space-5);display:grid}.about-cv-heading{padding-top:var(--space-3);grid-column:1/5;margin:0}.cv-list{grid-column:5/-1}}.not-found{padding-block:var(--space-7)}.not-found p{margin-top:var(--space-4)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{background:var(--color-ink);color:var(--color-bg);font-family:Synt-Medium,monospace;font-size:var(--step--3);letter-spacing:-.02em;border-radius:999px;padding:.2em .65em;font-weight:400;line-height:1.4}.project-blocks{gap:var(--space-6);margin-top:var(--space-5);display:grid}.project-blocks figcaption{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--step--1)}.block-heading{font-size:var(--step-2);font-weight:700;line-height:var(--leading-tight);margin-bottom:calc(-1 * var(--space-4))}.block-text{font-size:var(--step-1);max-width:var(--measure);line-height:1.5}.block-pair-images,.block-side{gap:var(--gutter);align-items:center;display:grid}.block-side-text{font-size:var(--step-1);max-width:40ch;line-height:1.5}@media (width>=900px){.project-blocks{column-gap:var(--gutter);grid-template-columns:1fr 2fr}.project-blocks>*{grid-column:1/-1}.project-blocks>.block-heading,.project-blocks>.block-text,.project-blocks>.block-image--inset{grid-column:2}.block-pair-images{grid-template-columns:1fr 1fr}.block-side{grid-template-columns:2fr 1fr}.block-side--flip{grid-template-columns:1fr 2fr}.block-side--flip .block-side-text{order:-1}}.block-grid-images{gap:var(--gutter);grid-template-columns:1fr 1fr;display:grid}@media (width>=900px){.block-grid-images{grid-template-columns:repeat(var(--grid-cols), 1fr)}}