body{background:var(--color-bg);color:var(--color-text);flex-direction:column;display:flex}main{flex:1;min-width:0}.container{width:100%;max-width:var(--width-content);padding-inline:var(--space-4);margin-inline:auto}@media (width>=48em){.container{padding-inline:var(--space-6)}}.container--wide{max-width:var(--width-wide)}.container--prose{max-width:var(--width-prose)}.section{padding-block:var(--space-7)}@media (width>=48em){.section{padding-block:var(--space-9)}}.section--tight{padding-block:var(--space-6)}.section--loose{padding-block:var(--space-9)}.skip-link{background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);transition:transform var(--motion-duration-base) var(--motion-easing-standard);z-index:100;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{top:var(--space-3);z-index:50;padding-inline:var(--space-4);margin-block-start:var(--space-3);position:sticky}@media (width>=48em){.site-header{padding-inline:var(--space-6)}}.site-header__inner{align-items:center;gap:var(--space-5);height:64px;padding-inline:var(--space-5);max-width:var(--width-content);background:var(--header-bg);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-radius:var(--radius-pill);box-shadow:var(--header-shadow);margin-inline:auto;display:flex}.brand{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;text-decoration:none}@media (width<=30em){.brand__given{display:none}}.main-nav{gap:var(--space-2);align-items:center;margin-inline-start:auto;display:flex}.main-nav__link{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-muted);min-height:2.5rem;padding-block:0;padding-inline:var(--space-3);border-radius:var(--radius-pill);transition-property:color,background-color;transition-duration:var(--motion-duration-quick);transition-timing-function:var(--motion-easing-standard);align-items:center;text-decoration:none;display:inline-flex}.main-nav__link:hover{color:var(--color-text);background-color:var(--color-surface)}.main-nav__link[aria-current=page]{color:var(--color-accent)}.theme-toggle{margin-inline-start:var(--space-2)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-7);color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-footer__inner{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=48em){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-text)}.button{align-items:center;gap:var(--space-2);background:var(--button-bg);color:var(--button-fg);border:1px solid var(--button-border);border-radius:var(--button-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:40px;transition-property:background-color,color,scale;transition-duration:var(--motion-duration-quick);transition-timing-function:var(--motion-easing-standard);padding:.6rem 1rem;line-height:1;text-decoration:none;display:inline-flex}.button:hover{background:var(--button-bg-hover);color:var(--button-fg)}.button:active:not(:disabled){scale:.96}.button--secondary{background:var(--button-secondary-bg);color:var(--button-secondary-fg);border-color:var(--button-secondary-border)}.button--secondary:hover{background:var(--color-surface-muted);color:var(--button-secondary-fg)}.button--ghost{color:var(--color-text);background:0 0;border-color:#0000}.button--ghost:hover{background:var(--color-surface-muted)}.icon-button{width:36px;height:36px;color:var(--color-text-muted);transition-property:background-color,color,scale;transition-duration:var(--motion-duration-quick);transition-timing-function:var(--motion-easing-standard);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover{color:var(--color-text);background:var(--color-surface)}.icon-button:active{scale:.96}.icon-button:after{content:"";position:absolute;inset:-2px}.card{gap:var(--space-3);background:var(--card-bg);border-radius:var(--card-radius);padding:var(--space-5);height:100%;box-shadow:var(--shadow-border);flex-direction:column;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.card:hover{box-shadow:var(--shadow-border-hover)}.card a{color:inherit;text-decoration:none}.card a:hover h3{color:var(--color-link)}.card__cover{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-3);margin-block-end:var(--space-3)}.card__meta{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug)}.card__summary{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.pill{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface-muted);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:.25rem .55rem;text-decoration:none;display:inline-flex}.pill:hover{color:var(--color-text);border-color:var(--color-border-strong)}.grid{gap:var(--space-5);display:grid}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--projects{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hero{padding-block:var(--space-8) var(--space-7)}@media (width>=48em){.hero{padding-block:var(--space-9) var(--space-8)}}.hero__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-accent);margin-block-end:var(--space-3)}.hero__title{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:var(--font-weight-semibold);text-wrap:balance}@media (width>=48em){.hero__title{font-size:var(--font-size-5xl)}}.hero__summary{font-size:var(--font-size-md);line-height:var(--line-height-loose);max-width:60ch;color:var(--color-text-muted);margin-block-start:var(--space-4)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.hero>*{opacity:0;filter:blur(4px);animation:hero-enter .4s var(--motion-easing-standard) forwards;transform:translateY(12px)}.hero>:first-child{animation-delay:0s}.hero>:nth-child(2){animation-delay:.1s}.hero>:nth-child(3){animation-delay:.2s}.hero>:nth-child(4){animation-delay:.3s}@keyframes hero-enter{to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero>*{opacity:1;filter:none;animation:none;transform:none}}.theme-toggle__icons{width:18px;height:18px;display:inline-flex;position:relative}.theme-toggle__icon{transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:var(--motion-easing-standard);position:absolute;inset:0}.theme-toggle__icon--sun{opacity:1;filter:blur();scale:1}.theme-toggle__icon--moon,[data-theme=dark] .theme-toggle__icon--sun{opacity:0;filter:blur(4px);scale:.25}[data-theme=dark] .theme-toggle__icon--moon{opacity:1;filter:blur();scale:1}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle__icon--sun{opacity:0;filter:blur(4px);scale:.25}:root:not([data-theme]) .theme-toggle__icon--moon{opacity:1;filter:blur();scale:1}}.article-header{padding-block:var(--space-7);border-bottom:1px solid var(--color-border);margin-block-end:var(--space-7)}.article-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}@media (width>=48em){.article-header__title{font-size:var(--font-size-4xl)}}.article-header__dek{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:var(--width-prose);line-height:var(--line-height-loose);margin-block-start:var(--space-3)}.article-header__meta{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.project-header__meta-grid{gap:var(--space-4);padding-block:var(--space-4);border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-block-start:var(--space-5);display:grid}.project-header__meta-grid dt{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-subtle);margin-block-end:var(--space-1)}.project-header__meta-grid dd{font-size:var(--font-size-sm);color:var(--color-text)}.callout{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-3);margin-block:var(--space-5);grid-template-columns:auto 1fr;display:grid}.callout__icon{padding-block-start:.15rem}.callout__title{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-block-end:var(--space-1)}.callout--note{background:var(--color-tone-note-bg);color:var(--color-tone-note-fg)}.callout--idea{background:var(--color-tone-idea-bg);color:var(--color-tone-idea-fg)}.callout--warning{background:var(--color-tone-warning-bg);color:var(--color-tone-warning-fg)}.callout--personal{background:var(--color-tone-personal-bg);color:var(--color-tone-personal-fg)}.image-with-caption{gap:var(--space-2);margin-block:var(--space-5);flex-direction:column;display:flex}.error-page{padding-block:var(--space-9)}.error-status{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-subtle);margin-block-end:var(--space-2)}.lead{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:50ch;margin-block:var(--space-3) var(--space-5)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meta-sep:before{content:"·";color:var(--color-text-subtle);margin-inline:.4em}.featured-strip{gap:var(--space-5);display:grid}@media (width>=60em){.featured-strip{grid-template-columns:2fr 1fr}}.section-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-subtle);margin-block-end:var(--space-4);display:flex}.section-label:after{content:"";background:var(--color-border);flex:1;height:1px}