: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}}.project-detail-container{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-20)}.project-hero-wrap{width:100%;margin-bottom:var(--space-8);border-radius:16px;overflow:hidden;box-shadow:0 12px 48px #0000004d}.project-hero-image{width:100%;height:auto;display:block;object-fit:cover;max-height:500px}.project-content-card{padding:var(--space-10) var(--space-8)}.project-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid rgba(80,50,25,.2)}.project-meta-row{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.project-category{display:inline-block;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-italic);background:#a0744a1f;padding:var(--space-1) var(--space-3);border-radius:6px}.status{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:6px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-completed{background:#4ec57a26;color:#2d7a4f;border:1px solid rgba(78,197,122,.3)}.status-ongoing{background:#f0b42926;color:#8b6b1a;border:1px solid rgba(240,180,41,.3)}.status-experimental{background:#8b9dc326;color:#3d4d6b;border:1px solid rgba(139,157,195,.3)}.status-abandoned{background:#aa666626;color:#6b3838;border:1px solid rgba(170,102,102,.3)}.status-dormant{background:#88888826;color:#505050;border:1px solid rgba(136,136,136,.3)}.project-header h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:var(--space-4);line-height:1.2}.project-excerpt{font-size:var(--text-lg);line-height:1.6;color:var(--parchment-italic);font-style:italic;margin-bottom:var(--space-5);font-weight:500}.project-metadata{display:flex;gap:var(--space-5);flex-wrap:wrap;font-size:var(--text-sm);color:var(--parchment-text);margin-bottom:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.markdown-content{font-family:Crimson Pro,Georgia,serif;font-size:var(--text-base);line-height:1.7;color:var(--parchment-text)}.markdown-content h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--parchment-heading);font-weight:700;border-bottom:1px solid rgba(80,50,25,.15);padding-bottom:var(--space-2)}.markdown-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--parchment-heading);font-weight:600}.markdown-content h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--parchment-heading);font-weight:600}.markdown-content p{margin-bottom:var(--space-5)}.markdown-content ul,.markdown-content ol{margin:var(--space-4) 0 var(--space-5) var(--space-8)}.markdown-content li{margin-bottom:var(--space-2)}.markdown-content a{color:#2d7a4f;text-decoration:underline;text-decoration-color:#2d7a4f4d;transition:text-decoration-color var(--transition-fast)}.markdown-content a:hover{text-decoration-color:#2d7a4fcc}.markdown-content pre{background:#0000000f;border:1px solid rgba(80,50,25,.15);border-radius:8px;padding:var(--space-5);overflow-x:auto;margin:var(--space-5) 0;font-size:var(--text-sm);line-height:1.5}.markdown-content code{font-family:Monaco,Courier New,monospace;font-size:.9em}.markdown-content :not(pre)>code{background:#0000000f;padding:2px 6px;border-radius:3px;font-size:.88em}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-6) 0;box-shadow:0 4px 16px #00000026}.markdown-content em{display:block;text-align:center;font-size:var(--text-sm);color:var(--parchment-italic);margin-top:var(--space-2);font-style:italic}.markdown-content blockquote{border-left:4px solid rgba(80,50,25,.3);padding-left:var(--space-5);margin:var(--space-6) 0;font-style:italic;color:var(--parchment-italic)}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.markdown-content th,.markdown-content td{padding:var(--space-3);border:1px solid rgba(80,50,25,.2);text-align:left}.markdown-content th{background:#50321914;font-weight:700}.project-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:2px solid rgba(80,50,25,.2)}.back-link{display:inline-block;padding:var(--space-3) var(--space-6);background:#4ec57a14;border:1.5px solid rgba(78,197,122,.25);border-radius:8px;color:var(--parchment-text);text-decoration:none;font-weight:600;transition:transform var(--transition-base),background var(--transition-base)}.back-link:hover{transform:translate(-4px);background:#4ec57a1f}@media (max-width: 820px){.project-detail-container{padding:var(--space-6) var(--space-5) var(--space-16)}.project-content-card{padding:var(--space-8) var(--space-6)}.project-hero-image{max-height:400px}}@media (max-width: 640px){.project-detail-container{padding:var(--space-5) var(--space-4) var(--space-12)}.project-content-card{padding:var(--space-6) var(--space-4)}.project-header h1{font-size:clamp(1.5rem,6vw,1.8rem)}.project-metadata{flex-direction:column;gap:var(--space-2)}.markdown-content{font-size:var(--text-sm)}.markdown-content pre{padding:var(--space-4);font-size:.8rem}}