@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf)format('truetype')}@font-face{font-family:inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-Italic-VariableFont_opsz,wght.ttf)format('truetype')}@font-face{font-family:dm mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400.woff2)format('woff2')}@font-face{font-family:dm mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500.woff2)format('woff2')}:root{--color-bg:#FFFFFF;--color-bg-subtle:#F5F4F0;--color-text:#1C1A1E;--color-text-muted:#767676;--color-text-inverse:#FFFFFF;--color-border:#CCCCCC;--color-link-underline:#CCCCCC;--color-brand:#E8C4B8;--color-grey-700:#555555;--color-grey-500:#888888;--color-grey-300:#CCCCCC;--color-grey-100:#F5F5F5;--shadow-sm:0px 1px 8px rgba(0, 0, 0, 0.08);--shadow-md:0px 4px 12px rgba(0, 0, 0, 0.12);--shadow-lg:0px 8px 32px rgba(0, 0, 0, 0.16);--outline-sm:1px;--outline-md:2px;--outline-lg:4px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:2.25rem;--font-size-2xl:3rem;--font-size-3xl:4rem;--font-size-display:6rem;--line-height-xs:1rem;--line-height-sm:1.25rem;--line-height-base:1.5rem;--line-height-md:1.75rem;--line-height-lg:2rem;--line-height-xl:2.75rem;--line-height-2xl:3.5rem;--line-height-3xl:4.5rem;--leading-display:1;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--font-sans:'Inter', system-ui, sans-serif;--font-mono:'DM Mono', ui-monospace, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-h1:-0.005em;--tracking-h2:-0.005em;--tracking-h3:-0.005em;--tracking-h4:0em;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.04em;--tracking-wider:0.08em;--mobile-scale-type:0.7;--mobile-scale-body:0.9;--mobile-scale-logo:0.7;--mobile-scale-btn:0.9;--mobile-scale-icon:0.75;--mobile-scale-space:0.6;--mobile-min-touch:44px;--font-size-fluid-h1:clamp(2.8rem,   5vw,      4rem);--font-size-fluid-h2:clamp(1.75rem,  3.125vw,  2.5rem);--font-size-fluid-h3:clamp(1.25rem,  2.1875vw, 1.75rem);--font-size-fluid-h4:clamp(0.875rem, 1.5625vw, 1.25rem);--grid-columns:12;--grid-gutter:var(--space-md);--grid-margin:2.5rem;--container-max:90rem;--container-narrow:45rem;--ratio-card:8 / 5;--ratio-hero:16 / 9;--ratio-square:1 / 1;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--duration-fast:150ms;--duration-base:250ms}[data-theme=dark]{--color-bg:#1C1A1E;--color-bg-subtle:#2A2730;--color-text:#F5F4F0;--color-text-muted:#9A9A9A;--color-text-inverse:#1C1A1E;--color-border:#3D3940;--color-link-underline:#767676;--color-grey-700:#AAAAAA;--color-grey-500:#888888;--color-grey-300:#3D3940;--color-grey-100:#2A2730;--shadow-sm:0px 1px 8px rgba(0, 0, 0, 0.3);--shadow-md:0px 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0px 8px 32px rgba(0, 0, 0, 0.5)}@media(max-width:640px){:root{--grid-margin:1rem;--grid-gutter:1rem;--font-size-fluid-h1:1.96rem;--font-size-fluid-h2:1.225rem;--font-size-base:0.9rem;--font-size-md:1.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:1rem}}.fade-up{opacity:0;transform:translateY(24px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}.fade-up.is-visible{opacity:1;transform:translateY(0)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-feature-settings:"ss03" 1;line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px;text-decoration-color:initial;transition:text-decoration-color var(--duration-fast)var(--ease-out)}a:hover{text-decoration-color:var(--color-text-muted)}.skip-link{position:fixed;top:var(--space-xs);left:var(--grid-margin);z-index:1000;padding:var(--space-xs)var(--space-sm);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--font-size-sm);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--duration-fast)var(--ease-out)}.skip-link:focus{transform:translateY(0)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}.display{font-size:var(--font-size-display);font-weight:var(--font-weight-light);line-height:var(--leading-display)}h1{font-size:var(--font-size-fluid-h1);letter-spacing:var(--tracking-h1);font-weight:var(--font-weight-light)}h2{font-size:var(--font-size-fluid-h2);letter-spacing:var(--tracking-h2);font-weight:var(--font-weight-regular)}h3{font-size:var(--font-size-fluid-h3);letter-spacing:var(--tracking-h3);font-weight:var(--font-weight-regular)}h4{font-size:var(--font-size-fluid-h4);letter-spacing:var(--tracking-h4);font-weight:var(--font-weight-medium)}p{text-wrap:pretty}:focus-visible{outline:var(--outline-md)solid var(--color-text);outline-offset:3px;border-radius:var(--radius-sm)}.caps-2{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.125rem;letter-spacing:var(--tracking-wider);text-transform:uppercase}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--grid-margin)}.container--narrow{max-width:var(--container-narrow);margin-inline:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gutter)}.site-header{position:relative;z-index:201;width:100%;background-color:var(--color-bg-subtle)}.site-header::after{content:'';display:block;border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-sm)}.logo{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none}.logo__avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;transition:transform .1s var(--ease-out)}.logo:hover .logo__avatar{transform:translateY(-2px);transition:transform .3s var(--ease-out)}.logo__name{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--leading-relaxed);color:var(--color-text)}.site-nav{display:flex;gap:var(--space-xs)}.btn-high,.btn-medium,.btn-low{display:inline-flex;justify-content:center;align-items:center;padding:8px var(--space-md);gap:var(--space-xs);height:34px;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:18px;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;text-decoration:none;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out)}.btn-high{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.btn-high:hover{background-color:var(--color-grey-700);border-color:var(--color-grey-700)}.btn-medium{background-color:var(--color-bg);border-color:var(--color-text);color:var(--color-text)}.btn-medium:hover{background-color:var(--color-text);color:var(--color-text-inverse)}.btn-medium--arrow-right{padding:8px 20px 8px var(--space-md)}.btn-medium--arrow-left{padding:8px var(--space-md)8px 20px}.btn-medium--arrow-left svg{transform:scaleX(-1)}.btn-medium--arrow-right svg,.btn-medium--arrow-left svg{display:block;flex-shrink:0;position:relative;top:0}.btn-low{background-color:var(--color-grey-100);border-color:transparent;color:var(--color-text)}.btn-low:hover{background-color:var(--color-grey-300)}.site-footer{margin-top:var(--space-4xl);padding-block:var(--space-lg)}.site-footer::before{content:'';display:block;border-top:1px solid var(--color-border);margin-bottom:var(--space-xs)}.site-footer .container{display:flex;align-items:center;justify-content:space-between}.footer-copy{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-grey-700)}.back-to-top{position:fixed;bottom:var(--space-lg);right:max(var(--grid-margin),calc((100vw - var(--container-max))/2 + var(--grid-margin)));z-index:500;width:48px;height:48px;border-radius:var(--radius-full);background-color:rgba(136,136,136,.85);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--duration-base)var(--ease-out),background-color var(--duration-fast)var(--ease-out)}.back-to-top:not([hidden]){opacity:1}.back-to-top svg{width:18px;height:18px;transform:rotate(-90deg);display:block}.back-to-top:hover{background-color:#666}.theme-toggle__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:0 0;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out)}.theme-toggle__btn:hover{color:var(--color-text);border-color:var(--color-grey-500)}.theme-toggle__btn[aria-pressed=true]{color:var(--color-text);border-color:var(--color-text);background:var(--color-bg-subtle)}.hero{padding-block:var(--space-3xl)var(--space-2xl)}.hero-headline{grid-column:2/11;font-weight:var(--font-weight-light);line-height:var(--leading-tight);text-wrap:auto}.work-preview{padding-bottom:var(--space-2xl)}.work-view-all{display:flex;justify-content:center;margin-top:var(--space-2xl)}.work-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-label{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.125rem;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text)}.view-all-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none}.view-all-link:hover{color:var(--color-text-muted)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--grid-gutter);row-gap:var(--space-2xl)}.work-card a{display:block;text-decoration:none}.work-card__image{position:relative;aspect-ratio:var(--ratio-card);overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-bg);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.work-card__arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff;opacity:0;width:128px;height:128px;background-color:initial;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:opacity .4s var(--ease-out),background-color .4s var(--ease-out);pointer-events:none}.work-card__image:hover .work-card__arrow{opacity:1;background-color:rgba(0,0,0,.6)}.work-card__arrow svg{display:block;width:48px;height:48px}.work-card__image:hover .work-card__arrow{opacity:1}.work-card__image img{width:100%;height:100%;object-fit:cover;object-position:top}.work-card__image--logo{background-color:#fff;display:flex;align-items:center;justify-content:center}.work-card__image--logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:66%;max-height:66%;width:auto;height:auto}.work-card__body{display:flex;flex-direction:column;gap:var(--space-sm)}.work-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--color-text)}.work-card__category{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:18px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text);background:#6b6b6b;border-radius:var(--radius-sm);align-self:flex-start;cursor:pointer}.work-filter-btn{background-color:#6b6b6b;border-color:#6b6b6b;color:var(--color-text)}.work-filter-btn:hover{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.work-filter-btn.is-active{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.work-filters{padding-block:var(--space-lg)0}.work-filters__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.work-list{padding-block:var(--space-2xl)var(--space-4xl)}.work-list .work-grid{margin-top:var(--space-lg)}.project-header{padding-block:var(--space-2xl)var(--space-xl);row-gap:var(--space-lg)}.project-header__label{align-self:start;line-height:1.7}.project-header__back{grid-column:3/6;justify-self:start;align-self:start}.project-header__title{grid-column:1/-1;font-size:var(--font-size-fluid-h1);font-weight:var(--font-weight-light);line-height:var(--leading-tight);letter-spacing:var(--tracking-h1)}.project-meta{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.project-meta>div{grid-column:span 2;display:flex;flex-direction:column;gap:0}.project-meta dt{margin-bottom:8px}.project-meta dd+dd{margin-top:4px}.project-meta__roles dd::before{content:"— "}.project-meta dt{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:26px;color:var(--color-text)}.project-meta dd{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:27px;color:var(--color-text)}.project-desc{grid-column:1/9;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--color-text)}.project-desc p+p{margin-top:var(--space-sm)}.project-hero-wrap{margin-bottom:var(--space-2xl)}.project-hero__img{grid-column:1/11;width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.project-hero__img img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.project-hero__img--logo{grid-column:1/9;aspect-ratio:1/1;background-color:#fff;object-fit:contain;padding:10%}.project-strip{display:flex;justify-content:flex-start;gap:var(--space-md);margin-bottom:var(--space-2xl)}.project-strip__item{flex:0 0 calc((100% - 3 * var(--space-md))/4)}.project-strip__item img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);object-fit:cover}.project-gallery{row-gap:var(--space-3xl);margin-bottom:var(--space-4xl)}.project-gallery__item{grid-column:1/11}.project-gallery__item img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.project-gallery__item figcaption{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.project-nav-rule{border-top:1px solid var(--color-border)}.project-nav{padding-block:var(--space-2xl);align-items:center}.project-nav a:first-child{grid-column:1/3}.project-nav__next{grid-column:3/6}.page-header{padding-block:var(--space-2xl)var(--space-xl)}.page-header h1{font-size:var(--font-size-fluid-h1);font-weight:var(--font-weight-light);line-height:var(--leading-tight);letter-spacing:var(--tracking-h1)}.page-intro{font-size:var(--font-size-md);line-height:var(--leading-normal);color:var(--color-text-muted);margin-top:var(--space-sm);max-width:55ch}.page-body{padding-block:var(--space-sm)var(--space-3xl)}.page-body h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);margin-top:40px;margin-bottom:12px}.page-body p{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm)}.page-body a{color:var(--color-text);text-underline-offset:3px}.about-page{padding-bottom:var(--space-4xl)}.about-grid{padding-block:var(--space-2xl)0;row-gap:0}.about-grid .project-header__title{grid-column:1/-1;margin-bottom:var(--space-2xl)}.about-bio{grid-column:1/7;align-self:center;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.about-lower{grid-column:1/7;display:flex;flex-direction:column;gap:var(--space-2xl)}.about-right{grid-column:8/11;align-self:start}.about-photo__img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-xl)}.about-bio__text{font-size:var(--font-size-md);line-height:var(--leading-normal);color:var(--color-text)}.about-label{color:var(--color-text-muted);margin-bottom:var(--space-sm);display:block}.about-section{display:flex;flex-direction:column;gap:var(--space-md)}.about-bio h2,.about-section h2{font-size:var(--font-size-fluid-h4);letter-spacing:var(--tracking-h4);font-weight:var(--font-weight-medium)}.about-social-links{display:flex;gap:var(--space-sm)}.about-social-link{color:var(--color-text);transition:color var(--duration-fast)var(--ease-out)}.about-social-link:hover{color:var(--color-text-muted)}.about-form{display:flex;flex-direction:column;gap:var(--space-md)}.about-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.about-form__field{display:flex;flex-direction:column;gap:6px}.about-form__field label{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--color-text)}.about-form__field input,.about-form__field textarea{padding-inline:12px;border:1px solid var(--color-grey-500);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-relaxed);transition:border-color var(--duration-fast)var(--ease-out)}.about-form__field input{height:48px}.about-form__field input:focus-visible,.about-form__field textarea:focus-visible{outline:none;border-color:var(--color-text)}.about-form__field input::placeholder,.about-form__field textarea::placeholder{color:var(--color-text-muted)}.about-form__field textarea{height:240px;resize:vertical;padding-block:var(--space-sm)}.about-form__submit{width:100%;height:auto;padding-block:var(--space-sm);margin-top:var(--space-md)}.error-grid{min-height:60vh;align-items:center}.error-content{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.error-code{color:var(--color-text-muted)}.error-heading{margin:0}.form-status{font-size:var(--font-size-sm);line-height:var(--leading-normal);margin-top:var(--space-sm);min-height:1.5em}.form-status--success{color:#2a7a4b}.form-status--error{color:#c0392b}@media(max-width:640px){.hero{padding-block:var(--space-2xl)var(--space-xl)}.hero-headline{grid-column:1/-1}.work-grid{grid-template-columns:1fr;gap:var(--space-md)}.site-footer .container{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.project-hero__img,.project-gallery__item{grid-column:1/-1}.about-bio,.about-right,.about-lower{grid-column:1/-1}.about-right{margin-bottom:var(--space-2xl)}.about-bio h2,.about-section h2{font-size:var(--font-size-fluid-h3)}.about-form__row{grid-template-columns:1fr}.project-meta{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--space-md)}.project-meta>div{grid-column:unset}.project-desc{grid-column:1/-1}.project-nav{display:flex;justify-content:space-between}.project-nav a:first-child,.project-nav__next{grid-column:auto}.project-header__back{grid-column:3/-1;justify-self:end}.project-strip{flex-direction:column;align-items:center}.project-strip__item{flex:none;width:170px}.project-meta{gap:20px}}@media(min-width:641px) and (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}.nav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:0 0;border:none;cursor:pointer;padding:0;color:var(--color-text)}.nav-burger__open,.nav-burger__close{display:flex;align-items:center;justify-content:center}.nav-burger__close{display:none}.nav-burger[aria-expanded=true] .nav-burger__open{display:none}.nav-burger[aria-expanded=true] .nav-burger__close{display:flex}.mobile-nav{position:fixed;inset:0;background-color:var(--color-bg-subtle);z-index:200;display:flex;flex-direction:column;padding:var(--space-4xl)var(--grid-margin)var(--grid-margin);transform:translateX(100%);transition:transform var(--duration-base)var(--ease-out)}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav nav{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-nav nav .btn-high{min-height:44px}@media(max-width:640px){.site-nav{display:none}.nav-burger{display:flex}.logo:hover .logo__avatar{transform:none}}