:root{--background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--border:#27272a;--input:#27272a;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--accent:#27272a;--accent-foreground:#fafafa;--ring:#d4d4d8;--spice:#f97015;--spice-dim:#a35a2959;--radius:.5rem;--shadow:0 1px 2px 0 #0000000d;--shadow-hover:0 4px 24px -4px #00000073}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body.portfolio{background:radial-gradient(ellipse 80% 50% at 50% -20%, #2b1c1273, transparent 55%), var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}body.portfolio:before{content:"";background:linear-gradient(90deg, transparent, var(--spice) 30%, var(--spice) 70%, transparent);z-index:10;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.portfolio-shell{width:min(72rem,100%);margin:0 auto;padding:2.5rem 1.25rem 3rem}@media (width>=640px){.portfolio-shell{padding:3.5rem 1.5rem 4rem}}.portfolio-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.portfolio-brand h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--foreground) 0%, #b8b8b8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.portfolio-tagline{color:var(--muted-foreground);margin:.35rem 0 0;font-size:.9375rem}.portfolio-now{color:var(--muted-foreground);text-align:right;margin:0;font-size:.875rem}.portfolio-now strong{color:var(--foreground);font-weight:600}.portfolio-hero{max-width:42rem;margin-bottom:2.5rem}.portfolio-hero p{color:var(--muted-foreground);margin:0 0 .75rem;font-size:1.0625rem}.portfolio-hero p:last-child{margin-bottom:0}.portfolio-hero strong{color:var(--foreground);font-weight:600}.portfolio-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.8125rem;font-weight:600;display:flex}.portfolio-section-title:before{content:"";background:var(--spice);border-radius:1px;flex-shrink:0;width:.5rem;height:.5rem}.portfolio-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s;display:flex}.card:hover{box-shadow:var(--shadow-hover);background:#0e0e10;border-color:#3f3f46;transform:translateY(-1px)}.card-featured{border-color:#35353b;border-left:2px solid var(--spice);background:linear-gradient(135deg, #1b130e80 0%, #09090b 45%), var(--card);grid-column:1/-1;padding:1.5rem}@media (width>=768px){.card-featured{grid-template-columns:1fr auto;align-items:end;gap:1.25rem 2rem;display:grid}}.card-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.card-title{letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:600}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{text-underline-offset:3px;text-decoration:underline}.card-featured .card-title{font-size:1.25rem}.badge{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--secondary);color:var(--secondary-foreground);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-primary{border-color:var(--spice-dim);color:#f79f64;background:#2e1c0f}.card-desc{color:var(--muted-foreground);margin:0;font-size:.9375rem}.card-desc code{border-radius:calc(var(--radius) - 4px);background:var(--muted);padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.85em}.card-tags{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.card-tags li{border-radius:calc(var(--radius) - 2px);background:var(--accent);color:var(--accent-foreground);padding:.125rem .5rem;font-size:.75rem}.card-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.25rem;display:flex}.btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;min-height:2.25rem;padding:0 .875rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:#e6e6e6;border-color:#e6e6e6}.btn-outline{border:1px solid var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--accent)}.btn-ghost{color:var(--muted-foreground);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--foreground);background:var(--accent)}.portfolio-cta{margin-top:2.5rem}.portfolio-cta .card-desc{max-width:40rem}.portfolio-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin-top:2rem;font-size:.8125rem;display:flex}.portfolio-meta strong{color:var(--foreground);font-weight:600}.portfolio-footer{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:2.5rem;padding-top:1.5rem;font-size:.8125rem}.portfolio-footer nav{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.portfolio-footer a,.portfolio-footer pagefind-modal-trigger{color:var(--muted-foreground);text-decoration:none}.portfolio-footer a:hover,.portfolio-footer pagefind-modal-trigger:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.portfolio-footer pagefind-modal-trigger{cursor:pointer;font:inherit}.portfolio-copy{opacity:.75;margin-top:.75rem;font-size:.75rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.card,.btn{transition:none}.card:hover{transform:none}}