*,*:before,*:after{box-sizing:border-box}:root{--neutral-950: oklch(.22 .01 85);--neutral-800: oklch(.32 .01 85);--neutral-600: oklch(.44 .012 85);--neutral-50: oklch(.975 .008 85);--blue-700: oklch(.42 .14 264);--blue-600: oklch(.48 .16 264);--white: oklch(1 0 0);--color-bg-page: var(--neutral-50);--color-bg-surface: var(--white);--color-bg-solid: var(--neutral-950);--color-bg-solid-hover: var(--neutral-800);--color-text: var(--neutral-950);--color-text-secondary: oklch(.42 .012 85);--color-text-tertiary: var(--neutral-600);--color-text-on-solid: var(--white);--color-accent-text: var(--blue-700);--color-accent-text-hover: var(--blue-600);--color-focus-ring: var(--blue-600);--color-selection: oklch(.55 .12 264 / .18);--color-image-outline: oklch(0 0 0 / .1);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Source Serif 4", Georgia, "Times New Roman", serif;--text-display: 2.5rem;--text-body: 1.125rem;--text-ui: 1rem;--text-caption: .875rem;--text-overline: .8125rem;--leading-display: 1.1;--leading-body: 1.6;--leading-ui: 1.45;--leading-caption: 1.4;--weight-body: 400;--weight-ui: 500;--weight-display: 600;--weight-overline: 600;--measure-body: 65ch;--shadow-border: 0 0 0 1px oklch(0 0 0 / .06), 0 1px 2px -1px oklch(0 0 0 / .06), 0 2px 4px 0 oklch(0 0 0 / .04);--shadow-border-hover: 0 0 0 1px oklch(0 0 0 / .08), 0 1px 2px -1px oklch(0 0 0 / .08), 0 2px 4px 0 oklch(0 0 0 / .06);--radius-md: .75rem;--radius-lg: 1rem;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 2.5rem;--space-7: 3rem;--photo-width: 11rem;--photo-aspect: 1 / 1}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-selection);color:var(--color-text)}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg-page);text-align:start}.skip-link{position:absolute;inset-inline-start:-999px;z-index:100;padding:var(--space-2) var(--space-3);font-size:var(--text-ui);font-weight:var(--weight-ui);color:var(--color-text);text-decoration:none;background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border)}.skip-link:focus{inset-inline-start:var(--space-4);top:var(--space-4)}.skip-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.page{max-width:52rem;margin:0 auto;padding:var(--space-7) var(--space-4) 4rem;padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right))}.hero{display:grid;grid-template-columns:minmax(0,var(--photo-width)) minmax(0,1fr);gap:var(--space-6);align-items:start}.photo-wrap{position:relative;max-width:var(--photo-width);padding:.5rem .375rem .375rem;background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-border);outline:1px solid var(--color-image-outline);outline-offset:-1px}.photo-wrap img{display:block;width:100%;aspect-ratio:var(--photo-aspect);object-fit:cover;object-position:center center;border-radius:calc(var(--radius-lg) - .375rem)}.content header{margin-block-end:var(--space-4)}h1{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--text-display));font-weight:var(--weight-display);font-optical-sizing:auto;letter-spacing:-.02em;line-height:var(--leading-display);text-wrap:balance}.role{margin:0;font-size:var(--text-overline);font-weight:var(--weight-ui);letter-spacing:.06em;line-height:var(--leading-caption);text-transform:uppercase;color:var(--color-text-tertiary);text-box:trim-start cap}.content :global(p){margin:0 0 var(--space-3);max-width:var(--measure-body);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);color:var(--color-text-secondary);overflow-wrap:break-word}.content :global(p:last-of-type){margin-block-end:var(--space-5)}.content :global(a[href^="mailto:"]){display:inline-flex;align-items:center;gap:var(--space-2);margin-block:var(--space-4) var(--space-5);padding:.75rem 1.25rem;font-family:var(--font-sans);font-size:var(--text-ui);font-weight:var(--weight-ui);line-height:var(--leading-ui);color:var(--color-text-on-solid);text-decoration:none;background:var(--color-bg-solid);border-radius:999px;box-shadow:var(--shadow-border);overflow-wrap:break-word;transition-property:background-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out}.content :global(a[href^="mailto:"]:hover){background:var(--color-bg-solid-hover);box-shadow:var(--shadow-border-hover)}.content :global(a[href^="mailto:"]:active){scale:.96}.content :global(a[href^="mailto:"]:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.content :global(h2){margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-overline);font-weight:var(--weight-overline);letter-spacing:.12em;line-height:var(--leading-caption);text-transform:uppercase;color:var(--color-text-tertiary);text-box:trim-end alphabetic}.content :global(ul){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.content :global(li){margin:0}.content :global(ul a){display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-ui);font-weight:var(--weight-ui);line-height:var(--leading-ui);color:var(--color-text);text-decoration:none;background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border);overflow-wrap:break-word;transition-property:box-shadow,color;transition-duration:.15s;transition-timing-function:ease-out}.content :global(ul a:hover){color:var(--color-accent-text);box-shadow:var(--shadow-border-hover)}.content :global(ul a:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}@keyframes enter-up{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.stagger{animation:enter-up .4s ease-out both}.stagger--1{animation-delay:0ms}.stagger--2{animation-delay:.1s}.stagger--3{animation-delay:.2s}.stagger--4{animation-delay:.3s}.stagger--5{animation-delay:.4s}@media(prefers-reduced-motion:reduce){.stagger{animation:none}}@media(max-width:640px){.page{padding-block:var(--space-5) var(--space-7);padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right))}.hero{grid-template-columns:1fr;gap:var(--space-4)}.photo-wrap{justify-self:center;max-width:10rem}}.page--blog{max-width:42rem}.back-link{display:inline-flex;align-items:center;margin-block-end:var(--space-5);padding:.625rem 1rem;font-size:var(--text-ui);font-weight:var(--weight-ui);line-height:var(--leading-ui);color:var(--color-text);text-decoration:none;background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border);transition-property:box-shadow,color;transition-duration:.15s;transition-timing-function:ease-out}.back-link:hover{color:var(--color-accent-text);box-shadow:var(--shadow-border-hover)}.back-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.back-link:active{scale:.96}.blog-index-header{margin-block-end:var(--space-5)}.blog-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.125rem);font-weight:var(--weight-display);font-optical-sizing:auto;letter-spacing:-.02em;line-height:var(--leading-display);text-wrap:balance}.blog-lead{margin:0;max-width:var(--measure-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);text-wrap:pretty}.blog-header{margin-block-end:var(--space-5);padding-block-end:var(--space-4)}.blog-date{display:block;font-size:var(--text-caption);font-weight:var(--weight-ui);letter-spacing:.04em;line-height:var(--leading-caption);color:var(--color-text-tertiary)}.post-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.post-list li{margin:0}.post-card{display:block;padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-border);transition-property:box-shadow,color;transition-duration:.15s;transition-timing-function:ease-out}.post-card:hover{box-shadow:var(--shadow-border-hover)}.post-card:hover .post-card__title{color:var(--color-accent-text)}.post-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.post-card__title{display:block;margin-block-end:.25rem;font-size:var(--text-ui);font-weight:var(--weight-ui);line-height:var(--leading-ui);color:var(--color-text);transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}.post-card__date{display:block;margin-block-end:.375rem;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-text-tertiary)}.post-card__desc{display:block;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-text-secondary);text-wrap:pretty}.prose :global(p){margin:0 0 var(--space-3);max-width:var(--measure-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);overflow-wrap:break-word}.prose :global(p:last-child){margin-block-end:0}