:root{color-scheme:light;--color-background:#f5f5f7;--color-surface:#fafafc;--color-surface-elevated:#fff;--color-text:#111827;--color-text-muted:#4b5563;--color-text-subtle:#606a78;--color-border:#d4d4dd;--color-border-strong:#858c99;--color-accent:#0f766e;--color-accent-hover:#115e59;--color-accent-contrast:#fff;--color-accent-soft:#dff7f3;--color-accent-border:#84cfc5;--color-success:#047857;--color-success-soft:#ecfdf3;--color-success-border:#8bd4ae;--color-warning:#8a4b00;--color-warning-soft:#fff7e6;--color-warning-border:#deb778;--color-danger:#b42318;--color-danger-soft:#fff1f0;--color-danger-border:#e0a09a;--color-selection-background:#c7eee8;--color-selection-text:#111827;--color-focus-ring:#0f766e;--shadow-small:0 1px 2px #1118270d;--shadow-medium:0 12px 32px #11182714;--width-container:70rem;--width-container-wide:80rem;--width-content:45rem;--gutter:clamp(1rem, 4vw, 2rem);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:5rem;--space-12:6rem;--section-spacing:clamp(4rem, 8vw, 7rem);--radius-small:.375rem;--radius-medium:.625rem;--radius-large:.875rem;--radius-media:1.25rem;--radius-pill:999px;--duration-fast:.12s;--duration-medium:.18s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-size-display:clamp(3.25rem, 8vw, 6.5rem);--font-size-h1:clamp(2.5rem, 6vw, 4.5rem);--font-size-h2:clamp(2rem, 4vw, 3rem);--font-size-h3:clamp(1.5rem, 3vw, 2rem);--font-size-h4:1.25rem;--font-size-body-large:clamp(1.125rem, 2vw, 1.375rem);--font-size-body:1rem;--font-size-small:.875rem;--font-size-label:.75rem;--font-size-mono:.875rem;--line-height-display:.96;--line-height-heading:1.08;--line-height-body:1.65;--line-height-prose:1.75;--header-height:4rem;--z-header:20;--z-skip-link:40}:root[data-theme=dark]{color-scheme:dark;--color-background:#0b0e12;--color-surface:#11151b;--color-surface-elevated:#171c24;--color-text:#f5f7fa;--color-text-muted:#b8c0cc;--color-text-subtle:#929cab;--color-border:#2a303a;--color-border-strong:#606978;--color-accent:#4fd1c5;--color-accent-hover:#79e2d7;--color-accent-contrast:#07110f;--color-accent-soft:#123a36;--color-accent-border:#2d756d;--color-success:#4ade80;--color-success-soft:#112a1c;--color-success-border:#2c7048;--color-warning:#fbbf24;--color-warning-soft:#2b2110;--color-warning-border:#7b5f24;--color-danger:#fb7185;--color-danger-soft:#30151a;--color-danger-border:#86414c;--color-selection-background:#164e4a;--color-selection-text:#f5f7fa;--color-focus-ring:#4fd1c5;--shadow-small:0 1px 0 #ffffff08;--shadow-medium:0 16px 40px #00000047}.prose{width:min(100%, var(--width-content));color:var(--color-text);font-size:1.0625rem;line-height:var(--line-height-prose);overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose :where(h1,h2,h3,h4){scroll-margin-top:calc(var(--header-height) + var(--space-5))}.prose h1{margin:var(--space-10) 0 var(--space-6);font-size:var(--font-size-h2)}.prose h2{margin:var(--space-9) 0 var(--space-5);font-size:clamp(1.75rem,4vw,2.5rem)}.prose h3{margin:var(--space-8) 0 var(--space-4);font-size:clamp(1.375rem,3vw,1.75rem)}.prose h4{margin:var(--space-7) 0 var(--space-3);font-size:var(--font-size-h4)}.prose :where(p,ul,ol,blockquote,pre,table,figure,.callout){margin:0 0 var(--space-5)}.prose :where(ul,ol){padding-inline-start:var(--space-7)}.prose li+li{margin-top:var(--space-2)}.prose a{color:var(--color-accent);text-underline-offset:.18em;font-weight:500;text-decoration-thickness:.08em}.prose :not(pre)>code{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-elevated);font-family:var(--font-mono);overflow-wrap:anywhere;padding:.12em .35em;font-size:.88em}.prose pre{max-width:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-elevated);box-shadow:var(--shadow-small);font-family:var(--font-mono);font-size:var(--font-size-mono);overscroll-behavior-inline:contain;line-height:1.65;overflow-x:auto}.prose pre code{font:inherit;white-space:pre;background:0 0;border:0;padding:0}.prose blockquote{padding:var(--space-4) var(--space-5);border-inline-start:3px solid var(--color-accent);border-radius:0 var(--radius-medium) var(--radius-medium) 0;background:var(--color-surface);color:var(--color-text-muted)}.prose blockquote>:last-child{margin-bottom:0}.prose table{border-collapse:collapse;width:100%;max-width:100%;font-size:var(--font-size-small);overscroll-behavior-inline:contain;display:block;overflow-x:auto}.prose :where(th,td){min-width:8rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:start;vertical-align:top}.prose th{background:var(--color-surface);font-weight:600}.prose figure{max-width:100%}.prose figure :where(img,video){border-radius:var(--radius-large);width:100%}.prose figcaption{margin-top:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-small);line-height:1.5}.prose hr{margin:var(--space-9) 0;border:0;border-top:1px solid var(--color-border)}.prose .callout,.prose [data-callout]{padding:var(--space-5);border:1px solid var(--color-accent-border);border-radius:var(--radius-large);background:var(--color-accent-soft)}.prose .callout:before,.prose [data-callout]:before{content:"Note";margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:block}.container{width:calc(100% - (2 * var(--gutter)));max-width:var(--width-container);margin-inline:auto}.container--wide{max-width:var(--width-container-wide)}.container--content{max-width:var(--width-content)}.section{padding-block:var(--space-9)}.section--compact{padding-block:var(--space-7)}.section--large{padding-block:var(--section-spacing)}.section--surface{border-block:1px solid var(--color-border);background:var(--color-surface)}.skip-link{z-index:var(--z-skip-link);padding:var(--space-3) var(--space-4);transform:translateY(calc(-100% - var(--space-7)));border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);background:var(--color-surface-elevated);color:var(--color-text);box-shadow:var(--shadow-medium);transition:transform var(--duration-fast) var(--ease-standard);font-weight:600;text-decoration:none;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--gutter)}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;inset-block-start:0}.site-header__inner{min-width:0;min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:relative}.site-wordmark{align-items:center;gap:var(--space-3);min-width:0;min-height:2.75rem;color:var(--color-text);font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase;flex:none;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;filter:brightness(0);display:block}:root[data-theme=dark] .brand-mark{filter:brightness(0)invert()}.site-wordmark__mark{flex:none;width:1.65rem;height:1.65rem}.site-wordmark__name{white-space:nowrap}.desktop-navigation{display:none}.desktop-navigation__list,.mobile-navigation__list,.site-footer ul{padding:0;list-style:none}.desktop-navigation__list{align-items:center;gap:var(--space-1);display:flex}.desktop-navigation__link{min-height:2.75rem;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-small);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.desktop-navigation__link[aria-current=page]{color:var(--color-text);font-weight:700}.desktop-navigation__link[aria-current=page]:after{inset-inline:var(--space-3);background:var(--color-accent);content:"";height:2px;position:absolute;inset-block-end:0}.site-header__actions{align-items:center;gap:var(--space-2);flex:none;min-width:0;display:flex}.site-header__actions .site-header__search{display:none}.theme-toggle,.mobile-navigation__toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center}.theme-toggle{gap:var(--space-1);padding-inline:var(--space-3);font-size:var(--font-size-small);font-weight:600;display:none}.js.shell-ready .theme-toggle{display:inline-flex}.theme-toggle__icons{flex:none;place-items:center;width:1rem;height:1rem;display:grid}.theme-toggle__icon{grid-area:1/1;width:1rem;height:1rem}.theme-toggle__icon--moon,:root[data-theme=dark] .theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--moon,.mobile-navigation{display:block}.mobile-navigation__toggle{padding:0;display:none}.js.shell-ready .mobile-navigation__toggle{display:inline-flex}.mobile-navigation__toggle-lines{width:1rem;height:.75rem;position:relative}.mobile-navigation__toggle-lines span{transform-origin:50%;border-radius:var(--radius-pill);width:100%;height:2px;transition:inset-block-start var(--duration-medium) var(--ease-standard), transform var(--duration-medium) var(--ease-standard);background:currentColor;position:absolute;inset-inline-start:0}.mobile-navigation__toggle-lines span:first-child{inset-block-start:.15rem}.mobile-navigation__toggle-lines span:last-child{inset-block-start:.55rem}.mobile-navigation[data-open] .mobile-navigation__toggle-lines span:first-child{inset-block-start:.35rem;transform:rotate(45deg)}.mobile-navigation[data-open] .mobile-navigation__toggle-lines span:last-child{inset-block-start:.35rem;transform:rotate(-45deg)}.mobile-navigation__panel{height:calc(100dvh - var(--header-height));visibility:hidden;opacity:0;pointer-events:none;border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-medium);overscroll-behavior:contain;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), visibility 0s linear var(--duration-slow);will-change:opacity, transform;position:fixed;inset-block-start:var(--header-height);inset-inline:0;overflow:hidden auto;transform:translateY(-.75rem)}.mobile-navigation[data-open] .mobile-navigation__panel{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.mobile-navigation__inner{width:calc(100% - (2 * var(--gutter)));max-width:var(--width-container-wide);padding-block:var(--space-4) var(--space-6);margin-inline:auto}.mobile-navigation__list{gap:var(--space-1);display:grid}.mobile-navigation__link{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);color:var(--color-text-muted);font-size:var(--font-size-body-large);opacity:0;transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), opacity var(--duration-medium) var(--ease-standard), transform var(--duration-medium) var(--ease-standard);font-weight:500;text-decoration:none;display:flex;transform:translateY(-.35rem)}.mobile-navigation[data-open] .mobile-navigation__link{opacity:1;transform:translateY(0)}.mobile-navigation[data-open] li:nth-child(2) .mobile-navigation__link{transition-delay:25ms}.mobile-navigation[data-open] li:nth-child(3) .mobile-navigation__link{transition-delay:50ms}.mobile-navigation[data-open] li:nth-child(4) .mobile-navigation__link{transition-delay:75ms}.mobile-navigation[data-open] li:nth-child(5) .mobile-navigation__link{transition-delay:.1s}.mobile-navigation[data-open] li:nth-child(6) .mobile-navigation__link{transition-delay:.125s}.mobile-navigation__link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-text);font-weight:700}.site-footer{padding-block:var(--space-10) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface)}.site-footer__grid{gap:var(--space-8);display:grid}.site-footer__about{max-width:34rem}.site-footer__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-decoration:none;display:inline-flex}.site-footer__mark{flex:none;width:1.75rem;height:1.75rem}.site-footer__about p{color:var(--color-text-muted)}.site-footer__label{margin-bottom:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.site-footer__navigation ul,.site-footer__contact ul{gap:var(--space-1);display:grid}.site-footer__contact,.site-footer__contact li,.site-footer__contact .icon-link,.site-footer__contact .icon-link__label{min-width:0;max-width:100%}.site-footer__contact .icon-link__label{overflow-wrap:anywhere}.site-footer__navigation a{min-height:2.75rem;color:var(--color-text-muted);font-size:var(--font-size-small);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.site-footer__bottom{justify-content:space-between;gap:var(--space-3) var(--space-6);margin-top:var(--space-9);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--font-size-small);flex-wrap:wrap;display:flex}.breadcrumbs{min-width:0;color:var(--color-text-subtle);font-size:var(--font-size-small)}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;min-width:0;display:inline-flex}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:600}.content-layout__breadcrumbs{padding-top:var(--space-6)}.page-header{padding-block:var(--space-9)}.page-header__content{max-width:58rem}.page-header__eyebrow{margin-bottom:var(--space-4);color:var(--color-accent)}.page-header h1{max-width:16ch}.page-header__description{max-width:58ch;margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-body-large);text-wrap:pretty;line-height:1.6}.page-header__meta,.page-header__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header__meta{margin-top:var(--space-5);color:var(--color-text-subtle);font-size:var(--font-size-small)}.page-header__actions{margin-top:var(--space-6)}.content-layout__content{padding-bottom:var(--section-spacing)}.content-layout__body{min-width:0}.shell-preview__note{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid}.shell-preview__note p{max-width:42rem;color:var(--color-text-muted);font-size:var(--font-size-small)}.empty-state{justify-items:start;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);display:grid}.empty-state h2,.empty-state h3{font-size:var(--font-size-h4)}.empty-state p{max-width:50ch;color:var(--color-text-muted)}.empty-state__action{margin-top:var(--space-2)}.badge{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);width:fit-content;color:var(--color-text-muted);white-space:nowrap;font-weight:700;line-height:1.2;display:inline-flex}.badge--small{min-height:1.75rem;padding-inline:var(--space-3);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase}.badge--medium{min-height:2rem;padding-inline:var(--space-4);font-size:var(--font-size-small)}.badge--accent{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent)}.badge--success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.badge--warning{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-medium);cursor:pointer;min-height:2.75rem;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.button--small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-small)}.button--medium{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.button--quiet{color:var(--color-accent);background:0 0}.button:disabled{cursor:not-allowed;opacity:.55}.icon-link{align-items:center;gap:var(--space-2);min-width:0;min-height:2.75rem;color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:600;text-decoration:none;display:inline-flex}.icon-link__icon{flex:none;width:1.125rem;height:1.125rem}.icon-link--compact{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);width:2.75rem;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center}.icon-link--compact .icon-link__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.external-link-indicator{margin-inline-start:.1em;font-size:.85em;line-height:1;display:inline-block}.category-chip,.tag-list a,.tag-list span,.project-card__tech li,.project-layout__tech li{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);width:fit-content;color:var(--color-text-muted);font-size:var(--font-size-label);overflow-wrap:anywhere;align-items:center;font-weight:600;line-height:1.2;display:inline-flex}.category-chip,.tag-list a{min-height:2.75rem;padding:var(--space-2) var(--space-3);text-decoration:none}.category-chip{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase}.tag-list ul{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list span,.project-card__tech li,.project-layout__tech li{min-height:1.75rem;padding-inline:var(--space-3)}.date-meta{gap:var(--space-2) var(--space-4);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-label);flex-wrap:wrap;line-height:1.5;display:flex}.image-wrapper{width:100%;margin:0}.image-wrapper__media{border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-surface-elevated);width:100%;position:relative;overflow:hidden}.image-wrapper[data-aspect-ratio="16:9"] .image-wrapper__media{aspect-ratio:16/9}.image-wrapper[data-aspect-ratio="3:2"] .image-wrapper__media{aspect-ratio:3/2}.image-wrapper[data-aspect-ratio="4:3"] .image-wrapper__media{aspect-ratio:4/3}.image-wrapper[data-aspect-ratio="1:1"] .image-wrapper__media{aspect-ratio:1}.image-wrapper__media img{object-fit:cover;width:100%;height:100%}.image-wrapper figcaption{margin-top:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-small)}.content-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.content-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-width:0;height:100%;box-shadow:var(--shadow-small);transition:border-color var(--duration-medium) var(--ease-standard), transform var(--duration-medium) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.content-card__media .image-wrapper__media{border:0;border-bottom:1px solid var(--color-border);border-radius:0}.content-card__body{gap:var(--space-4);min-width:0;padding:var(--space-6);flex-direction:column;flex:1;display:flex}.content-card__metadata{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.content-card__title{letter-spacing:-.025em;max-width:none;font-size:clamp(1.35rem,3vw,1.75rem)}.content-card__title a{text-decoration-color:#0000}.content-card__description{color:var(--color-text-muted);overflow-wrap:anywhere;line-height:1.65}.content-card__footer,.project-card__details{gap:var(--space-4);padding-top:var(--space-2);margin-top:auto;display:grid}.project-card__tech,.project-layout__tech{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.post-layout__meta,.project-layout__meta,.project-layout__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.post-layout__cover,.project-layout__cover{margin-bottom:var(--space-8)}.post-layout .tag-list{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border)}@media (hover:hover){.desktop-navigation__link:hover,.site-footer a:hover,.icon-link:hover{color:var(--color-text)}.theme-toggle:hover,.mobile-navigation__toggle:hover,.icon-link--compact:hover{border-color:var(--color-accent);background:var(--color-surface-elevated)}.mobile-navigation__link:hover{background:var(--color-surface);color:var(--color-text)}.button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.button--quiet:hover{background:var(--color-accent-soft)}.category-chip:hover,.tag-list a:hover{border-color:var(--color-accent);color:var(--color-text)}.content-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.content-card__title a:hover{text-decoration-color:var(--color-accent)}}@media (width>=48rem){.site-footer__grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(9rem,1fr))}.page-header{padding-block:var(--space-10)}}.no-script-navigation{border-top:1px solid var(--color-border)}.no-script-navigation ul{gap:var(--space-2);overscroll-behavior-inline:contain;padding:0;list-style:none;display:flex;overflow-x:auto}.no-script-navigation a{min-height:2.75rem;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-small);white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.no-script-navigation a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);font-weight:700;text-decoration-thickness:2px}@media (width>=64rem){:root{--header-height:4.5rem}.desktop-navigation{display:block}.mobile-navigation{display:none}.site-header__actions .site-header__search{display:inline-flex}.no-script-navigation{display:none}}@media (width<=23.5rem){.site-wordmark{gap:var(--space-2);font-size:var(--font-size-label);letter-spacing:.06em}.theme-toggle{padding-inline:var(--space-2)}}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s ease-in both page-out}::view-transition-new(root){animation:page-in .28s var(--ease-standard) both}@keyframes page-out{to{opacity:0;transform:translateY(-3px)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.js #main-content{animation:content-in .36s var(--ease-standard) both}@keyframes content-in{0%{opacity:0;transform:translateY(8px)}}.first-paint .site-wordmark__mark{animation:wordmark-mark-in .18s var(--ease-standard) both}.first-paint .site-wordmark>span:last-child{animation:wordmark-text-in .22s var(--ease-standard) 30ms both}@keyframes wordmark-mark-in{0%{opacity:0;transform:scale(.75)}}@keyframes wordmark-text-in{0%{opacity:0;transform:translate(-4px)}}.project-card .content-card__media img{transition:transform var(--duration-slow) var(--ease-standard)}@media (hover:hover){.project-card:hover .content-card__media img{transform:scale(1.015)}}@media (prefers-reduced-motion:no-preference){:where(.button,.theme-toggle,.mobile-navigation__toggle,.icon-link--compact,.copy-email__button,.search-filters button):active{transition-duration:60ms;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.first-paint .site-wordmark__mark,.first-paint .site-wordmark>span:last-child,.js #main-content{animation:none}.content-card:hover,.project-card:hover .content-card__media img{transform:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-background);min-height:100%;color:var(--color-text);font-family:var(--font-sans);scroll-padding-top:calc(var(--header-height) + var(--space-4));scrollbar-gutter:stable;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:100%}html[data-navigation-open],html[data-navigation-open] body{overscroll-behavior:none;overflow:hidden}body{background:var(--color-background);min-height:100dvh;color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);flex-direction:column;margin:0;display:flex}#main-content{min-width:0;scroll-margin-top:calc(var(--header-height) + var(--space-4));flex:1}:where(h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}:where(h1,h2,h3,h4){letter-spacing:-.035em;max-width:22ch;font-weight:600;line-height:var(--line-height-heading);overflow-wrap:anywhere;text-wrap:balance}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}:where(ul,ol){margin:0}a{color:inherit;text-decoration-color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.08em}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}:where(img,picture,video,canvas,svg){max-width:100%;display:block}:where(img,video){height:auto}::selection{background:var(--color-selection-background);color:var(--color-selection-text)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}[hidden]{display:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.type-display{font-size:var(--font-size-display);line-height:var(--line-height-display);letter-spacing:-.055em}.type-body-large{font-size:var(--font-size-body-large);line-height:1.6}.type-small{font-size:var(--font-size-small);line-height:1.55}.type-label{font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.4}.type-mono{font-family:var(--font-mono);font-size:var(--font-size-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}