:root{--font-serif:"Libre Baskerville",Georgia,ui-serif,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-display:clamp(2.5rem,5vw,3.5rem);--text-h1:clamp(2rem,4vw,2.625rem);--text-h2:clamp(1.5rem,3vw,2rem);--text-h3:clamp(1.25rem,2.5vw,1.5rem);--text-body:clamp(1rem,1.5vw,1.125rem);--text-small:clamp(.875rem,1.25vw,.9375rem);--text-xs:clamp(.75rem,1vw,.8125rem);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--colour-canvas:#f8f1e7;--colour-surface:#e9e4dc;--colour-surface-raised:#fbf6f0;--colour-text-primary:#27201d;--colour-text-secondary:#5a5450;--colour-text-tertiary:#847f7b;--colour-border-subtle:#c8c3bd;--colour-border:#b3ada6;--colour-border-strong:#787069;--colour-header-bg:#1f1917;--colour-header-text:#e8e4df;--colour-accent:#563b34;--colour-accent-hover:#492921;--colour-accent-sage:#849581;--colour-focus:#3e4d3b;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--gutter-desktop:4vw;--gutter-mobile:6vw;--container-max:45rem;--container-wide:75rem;--duration-instant:.1s;--duration-fast:.2s;--duration-medium:.25s;--duration-comfortable:.4s;--duration-deliberate:.5s;--duration-slow:.65s;--ease-out:cubic-bezier(.33,1,.68,1);--ease-in:cubic-bezier(.32,0,.67,0);--ease-in-out:cubic-bezier(.65,0,.35,1)}@supports (color:lab(0% 0 0)){:root{--colour-canvas:lab(95.3843% 1.32611 5.56995);--colour-surface:lab(90.7399% 1.05202 4.45001);--colour-surface-raised:lab(97.117% .868619 3.70305);--colour-text-primary:lab(12.9336% 2.93367 3.32652);--colour-text-secondary:lab(36.1688% 1.95931 3.16837);--colour-text-tertiary:lab(53.5945% 1.1448 2.7881);--colour-border-subtle:lab(79.125% 1.15564 3.60873);--colour-border:lab(71.0053% 1.39955 4.33893);--colour-border-strong:lab(47.7695% 2.58863 5.0343);--colour-header-bg:lab(9.45472% 2.62912 2.51747);--colour-header-text:lab(90.7338% .691295 2.96011);--colour-accent:lab(27.7673% 11.4142 9.24109);--colour-accent-hover:lab(20.7159% 14.4813 11.8978);--colour-accent-sage:lab(59.8424% -9.10968 8.60475);--colour-focus:lab(30.8343% -9.0792 8.70255)}}:root.dark{--colour-canvas:#211912;--colour-surface:#28201a;--colour-surface-raised:#2e2722;--colour-text-primary:#e4ddd6;--colour-text-secondary:#aba39c;--colour-text-tertiary:#7a736e;--colour-border-subtle:#38312d;--colour-border:#4e4640;--colour-border-strong:#6b615b;--colour-header-bg:#16100c;--colour-header-text:#dcd6d1;--colour-accent:#af917e;--colour-accent-hover:#c8a690;--colour-accent-sage:#92a58d;--colour-focus:#657861}@supports (color:lab(0% 0 0)){:root.dark{--colour-canvas:lab(9.47144% 3.33103 5.92357);--colour-surface:lab(12.9602% 2.89768 5.48542);--colour-surface-raised:lab(16.4476% 2.49079 4.75847);--colour-text-primary:lab(88.3917% 1.71727 4.18214);--colour-text-secondary:lab(67.4994% 2.24626 4.77008);--colour-text-tertiary:lab(48.9364% 2.05401 4.0154);--colour-border-subtle:lab(21.0886% 2.21843 3.96608);--colour-border:lab(30.3638% 2.58023 4.62085);--colour-border-strong:lab(41.9484% 3.16882 5.09424);--colour-header-bg:lab(5.24124% 1.77649 2.71468);--colour-header-text:lab(86.0733% 1.42586 3.48172);--colour-accent:lab(62.7181% 9.23324 14.6056);--colour-accent-hover:lab(70.8199% 10.2642 16.2333);--colour-accent-sage:lab(65.7047% -10.4075 9.84426);--colour-focus:lab(48.3004% -10.3912 9.89472)}}@media (prefers-color-scheme:dark){:root.auto{--colour-canvas:#211912;--colour-surface:#28201a;--colour-surface-raised:#2e2722;--colour-text-primary:#e4ddd6;--colour-text-secondary:#aba39c;--colour-text-tertiary:#7a736e;--colour-border-subtle:#38312d;--colour-border:#4e4640;--colour-border-strong:#6b615b;--colour-header-bg:#16100c;--colour-header-text:#dcd6d1;--colour-accent:#af917e;--colour-accent-hover:#c8a690;--colour-accent-sage:#92a58d;--colour-focus:#657861}@supports (color:lab(0% 0 0)){:root.auto{--colour-canvas:lab(9.47144% 3.33103 5.92357);--colour-surface:lab(12.9602% 2.89768 5.48542);--colour-surface-raised:lab(16.4476% 2.49079 4.75847);--colour-text-primary:lab(88.3917% 1.71727 4.18214);--colour-text-secondary:lab(67.4994% 2.24626 4.77008);--colour-text-tertiary:lab(48.9364% 2.05401 4.0154);--colour-border-subtle:lab(21.0886% 2.21843 3.96608);--colour-border:lab(30.3638% 2.58023 4.62085);--colour-border-strong:lab(41.9484% 3.16882 5.09424);--colour-header-bg:lab(5.24124% 1.77649 2.71468);--colour-header-text:lab(86.0733% 1.42586 3.48172);--colour-accent:lab(62.7181% 9.23324 14.6056);--colour-accent-hover:lab(70.8199% 10.2642 16.2333);--colour-accent-sage:lab(65.7047% -10.4075 9.84426);--colour-focus:lab(48.3004% -10.3912 9.89472)}}:root:not(.light):not(.dark):not(.auto){--colour-canvas:#211912;--colour-surface:#28201a;--colour-surface-raised:#2e2722;--colour-text-primary:#e4ddd6;--colour-text-secondary:#aba39c;--colour-text-tertiary:#7a736e;--colour-border-subtle:#38312d;--colour-border:#4e4640;--colour-border-strong:#6b615b;--colour-header-bg:#16100c;--colour-header-text:#dcd6d1;--colour-accent:#af917e;--colour-accent-hover:#c8a690;--colour-accent-sage:#92a58d;--colour-focus:#657861}@supports (color:lab(0% 0 0)){:root:not(.light):not(.dark):not(.auto){--colour-canvas:lab(9.47144% 3.33103 5.92357);--colour-surface:lab(12.9602% 2.89768 5.48542);--colour-surface-raised:lab(16.4476% 2.49079 4.75847);--colour-text-primary:lab(88.3917% 1.71727 4.18214);--colour-text-secondary:lab(67.4994% 2.24626 4.77008);--colour-text-tertiary:lab(48.9364% 2.05401 4.0154);--colour-border-subtle:lab(21.0886% 2.21843 3.96608);--colour-border:lab(30.3638% 2.58023 4.62085);--colour-border-strong:lab(41.9484% 3.16882 5.09424);--colour-header-bg:lab(5.24124% 1.77649 2.71468);--colour-header-text:lab(86.0733% 1.42586 3.48172);--colour-accent:lab(62.7181% 9.23324 14.6056);--colour-accent-hover:lab(70.8199% 10.2642 16.2333);--colour-accent-sage:lab(65.7047% -10.4075 9.84426);--colour-focus:lab(48.3004% -10.3912 9.89472)}}}:focus-visible{outline:2px solid var(--colour-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);font-size:var(--text-body);background-color:var(--colour-canvas);color:var(--colour-text-primary);line-height:var(--leading-relaxed)}.container{max-width:var(--container-max);padding:var(--space-24)var(--gutter-mobile);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@media (width>=768px){.container{padding:var(--space-24)var(--gutter-desktop)}}.header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-4);display:flex}.header__name{font-size:var(--text-display);font-weight:var(--weight-regular);letter-spacing:-.015em;line-height:var(--leading-tight)}.header__name a{color:inherit;transition:color var(--duration-medium)var(--ease-out);text-decoration:none}.header__name a:hover{color:var(--colour-accent)}.header__meta{justify-content:space-between;align-items:baseline;gap:var(--space-8);margin-bottom:var(--space-16);display:flex}.header__tagline{font-family:var(--font-mono);font-size:var(--text-small);color:var(--colour-text-tertiary);letter-spacing:var(--tracking-wide)}.header__nav{gap:var(--space-4);display:flex}.header__nav a{font-family:var(--font-mono);font-size:var(--text-small);color:var(--colour-text-tertiary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--colour-border-subtle);text-decoration-color:var(--colour-border-subtle);transition:color var(--duration-medium)var(--ease-out),text-decoration-color var(--duration-medium)var(--ease-out)}.header__nav a:hover{color:var(--colour-accent);-webkit-text-decoration-color:var(--colour-accent);text-decoration-color:var(--colour-accent)}.header__nav a.active{color:var(--colour-text-primary);font-weight:var(--weight-medium);text-decoration:none}.projects{flex-direction:column;flex:1;min-height:0;display:flex}.projects h2{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--colour-text-tertiary);margin-bottom:var(--space-16)}.project-list{flex-direction:column;flex:1;gap:0;min-height:0;list-style:none;display:flex}.project-card{position:relative}.project-card a{padding:var(--space-8)0;border:none;border-bottom:1px solid var(--colour-border-subtle);color:inherit;cursor:pointer;transition:border-color var(--duration-medium)var(--ease-out),transform var(--duration-fast)var(--ease-out);background:0 0;flex-direction:column;text-decoration:none;display:flex}.project-card a:hover{border-bottom-color:var(--colour-accent);transform:translateY(-2px)}.project-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.project-header-meta{align-items:center;gap:var(--space-3);display:flex}.project-card h3{font-family:var(--font-serif);font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);display:inline-block;position:relative}.project-card h3:after{content:"";background:var(--colour-accent);width:0;height:1px;transition:width var(--duration-deliberate)var(--ease-out);position:absolute;bottom:-2px;left:0}.project-card a:hover h3:after{width:100%}.project-badge{font-family:var(--font-serif);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--colour-text-tertiary);background:0 0;flex-shrink:0;padding:0}.project-description{font-size:var(--text-small);color:var(--colour-text-secondary);line-height:var(--leading-normal);max-width:55ch}.project-meta{margin-top:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.project-metric{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--colour-text-tertiary)}.project-overlay{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--colour-text-tertiary);opacity:0;transition:opacity var(--duration-medium)var(--ease-out)}.project-card a:hover .project-overlay{opacity:1}.language-icon{opacity:.6;width:1.125rem;height:1.125rem;transition:opacity var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.language-icon img{object-fit:contain;filter:grayscale();width:100%;height:100%}@media (prefers-color-scheme:dark){:root.dark .language-icon img,:root.auto .language-icon img{filter:grayscale()invert()}}:root.dark .language-icon img{filter:grayscale()invert()}.language-icon.clickable{cursor:pointer;text-decoration:none}.language-icon.clickable:hover{opacity:1;transform:scale(1.15)}.language-icon.clickable:hover img{filter:none}.project-empty{padding:var(--space-16)0;color:var(--colour-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.project-empty-art{width:120px;height:120px;margin-bottom:var(--space-4);opacity:.6}.project-empty-text{font-size:var(--text-small)}.filter-bar{margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--colour-border-subtle)}.filter-summary{justify-content:flex-end;display:flex}.filter-toggle{width:2rem;height:2rem;color:var(--colour-text-tertiary);cursor:pointer;transition:border-color var(--duration-medium)var(--ease-out),background-color var(--duration-medium)var(--ease-out),color var(--duration-medium)var(--ease-out);background:0 0;border:1px solid transparent;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.filter-toggle:hover{border-color:var(--colour-border-subtle);background:var(--colour-surface);color:var(--colour-text-primary)}.filter-toggle--active{color:var(--colour-accent)}.filter-groups{transition:grid-template-rows var(--duration-comfortable)var(--ease-out),margin-top var(--duration-comfortable)var(--ease-out),padding-top var(--duration-comfortable)var(--ease-out),border-color var(--duration-comfortable)var(--ease-out);border-top:1px solid transparent;grid-template-rows:0fr;margin-top:0;padding-top:0;display:grid;overflow:hidden}.filter-groups--expanded{margin-top:var(--space-6);padding-top:var(--space-6);border-top-color:var(--colour-border-subtle);grid-template-rows:1fr}.filter-groups-inner{gap:var(--space-8);flex-wrap:wrap;min-height:0;display:flex}.filter-group{align-items:baseline;gap:var(--space-3);opacity:0;transition:opacity var(--duration-medium)var(--ease-out),transform var(--duration-medium)var(--ease-out);display:flex;transform:translateY(-4px)}.filter-groups--expanded .filter-group{opacity:1;transition-delay:.1s;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.filter-groups{transition:none}.filter-groups:not(.filter-groups--expanded){display:none}.filter-groups.filter-groups--expanded{display:grid}.filter-group{transition:opacity var(--duration-fast)ease-out;transform:none}}.filter-label{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--colour-text-tertiary)}.filter-options{gap:var(--space-1);display:flex}.filter-btn{font-family:var(--font-serif);font-size:var(--text-xs);text-transform:lowercase;letter-spacing:var(--tracking-normal);padding:var(--space-1)var(--space-2);color:var(--colour-text-tertiary);cursor:pointer;transition:color var(--duration-medium)var(--ease-out),transform var(--duration-fast)var(--ease-out);background:0 0;border:none;position:relative}.filter-btn:after{content:"";bottom:0;left:var(--space-2);right:var(--space-2);height:1px;transition:background var(--duration-medium)var(--ease-out);background:0 0;position:absolute}.filter-btn:hover{color:var(--colour-text-primary);transform:translateY(-1px)}.filter-btn:hover:after{background:var(--colour-border)}.filter-btn.active{color:var(--colour-text-primary)}.filter-btn.active:after{background:var(--colour-accent);height:2px}.contributions{margin-top:var(--space-24)}.contributions h2{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--colour-text-tertiary);margin-bottom:var(--space-12)}.contributions-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.contribution-item a{gap:var(--space-4);color:inherit;cursor:pointer;padding:var(--space-2)var(--space-3);margin:0 calc(-1*var(--space-3));transition:color var(--duration-medium)var(--ease-out),background-color var(--duration-medium)var(--ease-out);border-radius:4px;text-decoration:none;display:flex}.contribution-item a:hover{color:var(--colour-accent);background-color:var(--colour-surface)}.contribution-item a:hover .contribution-repo{color:var(--colour-accent)}.contribution-repo{font-family:var(--font-mono);font-size:var(--text-small);color:var(--colour-text-secondary);flex-shrink:0;min-width:12rem}.contribution-title{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contributions-empty{font-size:var(--text-small);color:var(--colour-text-tertiary)}.projects-placeholder{min-height:300px;animation:fadeIn var(--duration-comfortable)var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.placeholder-art{width:100%;max-width:400px;height:auto;margin-bottom:var(--space-6);animation:pulse 2s var(--ease-in-out)infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.4}}.placeholder-text{font-size:var(--text-small);color:var(--colour-text-tertiary)}.theme-toggle{width:2rem;height:2rem;color:var(--colour-text-tertiary);cursor:pointer;transition:border-color var(--duration-medium)var(--ease-out),background-color var(--duration-medium)var(--ease-out),color var(--duration-medium)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);background:0 0;border:1px solid transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{border-color:var(--colour-border-subtle);background:var(--colour-surface);color:var(--colour-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px lab(0% 0 0/.08)}.theme-toggle:active{transition-duration:var(--duration-instant);transform:translateY(0)}.theme-toggle:focus-visible{outline:2px solid var(--colour-focus);outline-offset:2px}.theme-toggle:hover .theme-toggle__icon{transform:rotate(15deg)}.theme-toggle__icon{transition:transform var(--duration-comfortable)var(--ease-out);justify-content:center;align-items:center;display:none}.theme-toggle__icon svg{width:1.25rem;height:1.25rem}.theme-toggle--light .theme-toggle__icon--light,.theme-toggle--dark .theme-toggle__icon--dark{display:flex}