:root{--paper-cream: #fbf0db;--paper-mid: #f0d9bd;--paper-dark: #e8d4ab;--paper-stain: rgba(90, 50, 20, .08);--ink-black: #1a1412;--ink-dark: #28160b;--ink-mid: #2b1f18;--ink-brown: #5a3214;--ink-muted: #3d2f24;--accent-green: #2a7a4f;--accent-green-light: rgba(42, 122, 79, .15);--accent-green-border: rgba(42, 122, 79, .2);--accent-purple: #7d5fff;--page-bg: #05060a;--sky-dark: #05060a;--sky-deep: #0b0c10;--starry-white: #f8f4e8;--muted: rgba(244, 244, 244, .66);--nav-bg: rgba(0, 0, 0, .55);--nav-border: rgba(255, 255, 255, .1);--nav-compact-bg: rgba(6, 10, 12, .9);--surface-light: rgba(255, 255, 255, .5);--surface-lighter: rgba(255, 255, 255, .8);--border-subtle: rgba(60, 40, 22, .08);--border-medium: rgba(60, 40, 22, .12);--shadow-ambient: rgba(6, 6, 6, .38);--color-bg: #0b0c10;--color-text: #f4f4f4;--color-accent: #4ec57a;--color-accent-2: #7d5fff;--font-display: "Playfair Display", serif;--font-body: "Merriweather", Georgia, serif;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-base: clamp(1rem, .95rem + .35vw, 1.125rem);--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.85rem, .8rem + .2vw, .95rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, 1rem + .3vw, 1.2rem);--text-xl: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);--text-4xl: clamp(2.2rem, 1.8rem + 2vw, 3.2rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-base: 1.5;--leading-relaxed: 1.7;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-narrow: 640px;--content-medium: 900px;--content-wide: 1200px;--content-max: 1400px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .35);--shadow-2xl: 0 28px 72px rgba(6, 6, 6, .42);--shadow-parchment: 0 24px 64px var(--shadow-ambient), inset 0 2px 10px rgba(255, 255, 255, .45);--shadow-inset-burn: inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 16px 32px rgba(120, 60, 20, .08);--z-base: 1;--z-elevated: 10;--z-header: 50;--z-overlay: 100;--z-modal: 500;--z-toast: 1000;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.2, .9, .3, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--scale-ratio: 1.2}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: .1s;--transition-smooth: .1s}}.projects-content{position:relative;z-index:var(--z-base);max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-24)}.projects-hero{margin-bottom:var(--space-12);padding:var(--space-8) var(--space-6);text-align:center}.projects-hero h1{margin-bottom:var(--space-3);color:var(--starry-white);text-shadow:0 2px 8px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.4);font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.projects-hero .lead{margin:0 auto;max-width:560px;color:#f8f4e8eb;text-shadow:0 2px 6px rgba(0,0,0,.9),0 4px 12px rgba(0,0,0,.5);font-family:var(--font-body);font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.4;font-weight:300}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-16);justify-items:center}.no-projects{padding:var(--space-16) var(--space-8)}.no-projects p{margin:0;font-size:var(--text-lg);color:var(--ink-mid)}@media (max-width: 820px){.projects-content{padding:var(--space-4) var(--space-5) var(--space-20)}.projects-hero{margin-bottom:var(--space-8);padding:var(--space-6) var(--space-4)}.projects-hero h1{font-size:clamp(1.5rem,5vw,1.8rem);margin-bottom:var(--space-2)}.projects-hero .lead{font-size:clamp(.88rem,3vw,1rem)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5)}}@media (max-width: 640px){.projects-content{padding:var(--space-6) var(--space-4) var(--space-16)}.projects-hero{margin-bottom:var(--space-8)}.projects-grid{gap:var(--space-4)}}@media (max-width: 400px){.projects-hero{padding:var(--space-5) var(--space-3);margin-bottom:var(--space-6)}.projects-hero h1{font-size:1.4rem;margin-bottom:var(--space-2)}.projects-hero .lead{font-size:.85rem}.projects-grid{grid-template-columns:1fr}}.category-filter[data-astro-cid-aid3sr62]{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-10);padding:var(--space-5)}.filter-label[data-astro-cid-aid3sr62]{font-weight:600;color:var(--starry-white);margin-right:var(--space-2);align-self:center}.filter-btn[data-astro-cid-aid3sr62]{padding:var(--space-2) var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffd9;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.filter-btn[data-astro-cid-aid3sr62]:hover{background:#ffffff1f;border-color:#ffffff4d}.filter-btn[data-astro-cid-aid3sr62].active{background:#4ec57a26;border-color:#4ec57a66;color:#4ec57af2}code[data-astro-cid-aid3sr62]{background:#ffffff1a;padding:2px 6px;border-radius:3px;font-size:.85em}