:root{--portfolio-max-width: 4rem;--portfolio-content-width: 65ch}.portfolio-container{margin-top:-80px;padding-top:0;min-height:100vh}.portfolio-content{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-prose{max-width:var(--portfolio-content-width);line-height:1.75;font-size:1.125rem;color:#181a20}.dark .portfolio-prose{color:#d1d5db}.portfolio-prose h1,.portfolio-prose h2,.portfolio-prose h3,.portfolio-prose h4,.portfolio-prose h5,.portfolio-prose h6{font-weight:600;line-height:1.25;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:6rem;color:#181a20}.dark .portfolio-prose h1,.dark .portfolio-prose h2,.dark .portfolio-prose h3,.dark .portfolio-prose h4,.dark .portfolio-prose h5,.dark .portfolio-prose h6{color:#f9fafb}.portfolio-prose h1{font-size:2.25rem}.portfolio-prose h2{font-size:1.875rem}.portfolio-prose h3{font-size:1.5rem}.portfolio-prose h4{font-size:1.25rem}.portfolio-prose p{margin-bottom:1.5rem;line-height:1.75}.portfolio-prose blockquote{border-left:4px solid #00BBE0;background:#e6f7fa;padding:1.5rem 2rem;margin:2rem 0;border-radius:0 .75rem .75rem 0;font-style:italic;position:relative;quotes:""" """ "'" "'"}.dark .portfolio-prose blockquote{background:#00bbe01a;border-left-color:#00bbe0}.portfolio-prose blockquote:before{content:open-quote;font-size:4rem;color:#00bbe0;position:absolute;top:-.5rem;left:1rem;line-height:1;font-family:Georgia,serif}.portfolio-prose code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.375rem;font-size:.875rem;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace}.dark .portfolio-prose code{background:#374151;color:#e5e7eb}.portfolio-prose pre{background:#1f2937;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0}.portfolio-prose pre code{background:transparent;padding:0;color:#e5e7eb}.portfolio-prose table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.portfolio-prose th,.portfolio-prose td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.portfolio-prose th{background:#f9fafb;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.dark .portfolio-prose th{background:#374151;color:#f3f4f6}.dark .portfolio-prose td,.dark .portfolio-prose th{border-bottom-color:#4b5563}.portfolio-prose ul,.portfolio-prose ol{margin:1.5rem 0;padding-left:2rem}.portfolio-prose li{margin:.5rem 0;line-height:1.75}.portfolio-prose ul li{list-style-type:none;position:relative}.portfolio-prose ul li:before{content:"•";color:#00bbe0;font-weight:700;position:absolute;left:-1rem}.portfolio-prose a{color:#0099b8;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.portfolio-prose a:hover{color:#007a99;border-bottom-color:#00bbe0}.dark .portfolio-prose a{color:#00bbe0}.dark .portfolio-prose a:hover{color:#3ce;border-bottom-color:#00bbe0}.portfolio-prose img{border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto;max-width:100%;height:auto}.portfolio-prose figure{margin:2rem 0}.portfolio-prose figcaption{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.75rem;font-style:italic;line-height:1.5}.dark .portfolio-prose figcaption{color:#9ca3af}.project-metric{text-align:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.project-metric:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a}.dark .project-metric{background:#1f2937;border-color:#4b5563}.project-metric .value{font-size:2.5rem;font-weight:700;color:#00bbe0;margin-bottom:.5rem}.project-metric .label{font-size:1rem;color:#6b7280;font-weight:500}.dark .project-metric .label{color:#9ca3af}.tech-tag{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;color:#1f2937;font-size:.875rem;font-weight:500;border-radius:9999px;margin:.25rem}.dark .tech-tag{background:#374151;color:#e5e7eb}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-live{background:#10b9811a;color:#047857}.status-development{background:#3b82f61a;color:#1d4ed8}.status-archived{background:#9ca3af1a;color:#4b5563}.dark .status-live{background:#10b98133;color:#34d399}.dark .status-development{background:#3b82f633;color:#60a5fa}.dark .status-archived{background:#9ca3af33;color:#9ca3af}@media (max-width: 768px){.portfolio-prose{font-size:1rem;line-height:1.6}.portfolio-prose h1{font-size:1.875rem}.portfolio-prose h2{font-size:1.5rem}.portfolio-prose h3{font-size:1.25rem}.portfolio-prose blockquote{margin-left:0;margin-right:0;padding:1rem 1.5rem}.project-metric .value{font-size:2rem}}