.portfolio{padding-top:140px;padding-bottom:96px}.portfolio-intro{max-width:850px;margin:32px 0 56px}.portfolio-intro h1{text-wrap:balance;font-size:clamp(2.8rem,7.5vw,6.7rem)}.portfolio-intro>p{max-width:620px;color:var(--color-fg-muted);margin-top:28px;font-size:1.125rem}.portfolio-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:40px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{background:var(--color-bg-2);border:1px solid var(--color-line-strong);flex-direction:column;min-width:0;padding:clamp(24px,3vw,40px);display:flex}.project-card-top{color:var(--color-fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.project-status{border:1px solid var(--color-line-strong);color:var(--color-fg);padding:6px 10px;font-size:.75rem}.project-name{font-family:var(--font-brand);color:var(--color-accent-hover);margin:38px 0 12px;font-size:1.25rem}.project-card h3{letter-spacing:-.035em;max-width:19ch;font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:600;line-height:1.14}.project-arrow{color:var(--color-accent-hover);margin-left:10px;display:inline-block}.project-summary{color:var(--color-fg-muted);flex:1;margin-top:20px}.project-flow{border-block:1px solid var(--color-line-strong);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0;padding:20px 0;display:grid}.project-flow li{counter-increment:step;font-size:.85rem}.project-flow li:before{content:"0" counter(step);font-family:var(--font-mono);color:var(--color-accent-hover);margin-bottom:12px;font-size:.7rem;display:block}.project-card-bottom{color:var(--color-fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:.8rem;display:flex}.project-card-bottom a{min-height:44px;color:var(--color-fg);align-items:center;gap:10px;display:inline-flex}.project-date{color:var(--color-fg-muted);margin-top:12px;font-size:.75rem}.portfolio-filters{border-top:1px solid var(--color-line-strong);flex-wrap:wrap;gap:12px;padding-block:24px;display:flex}.portfolio-filters button{border:1px solid var(--color-line-strong);cursor:pointer;min-height:44px;padding:8px 18px}.portfolio-filters button[aria-pressed=true]{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.portfolio-count{color:var(--color-fg-muted);margin-bottom:24px;font-size:.875rem}.portfolio [hidden]{display:none!important}.portfolio-cta{background:var(--color-surface);border-left:3px solid var(--color-accent);margin-top:72px;padding:clamp(28px,5vw,64px)}.portfolio-cta h2{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,3rem);font-weight:600;line-height:1.12}.portfolio-cta p{max-width:620px;color:var(--color-fg-muted);margin:18px 0 28px}.project-breadcrumb{color:var(--color-fg-muted);flex-wrap:wrap;gap:10px;font-size:.875rem;display:flex}.project-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.project-breadcrumb span{align-self:center}.project-details{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr 2fr;gap:64px;padding-top:48px;display:grid}.project-facts dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-muted);font-size:.7rem}.project-facts dd{margin:8px 0 28px}.project-story section+section{margin-top:48px}.project-story h2{margin-bottom:18px;font-size:1.8rem;font-weight:600;line-height:1.2}.project-story p,.project-story li{color:var(--color-fg-muted)}.project-deliverables li{border-bottom:1px solid var(--color-line);padding:16px 0}.project-timeline{border-left:1px solid var(--color-accent);padding-left:24px}.project-timeline li+li{margin-top:28px}.project-timeline time{font-size:.8rem}.project-timeline h3{color:var(--color-fg);margin:8px 0;font-size:1.2rem}.project-result{border:1px solid var(--color-line-strong);margin-bottom:16px;padding:24px}.project-result strong{color:var(--color-accent-hover);font-size:2.5rem;display:block}.project-result h3{margin-bottom:8px;font-size:1.2rem}.project-result small{color:var(--color-fg-muted);margin-top:16px;display:block}@media (width<=760px){.portfolio-heading,.project-grid,.project-details{grid-template-columns:1fr}.portfolio{padding-top:112px;padding-bottom:64px}.project-details{gap:20px}.project-facts{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}}@media (width<=400px){.project-flow{grid-template-columns:1fr;gap:14px}.project-flow li:before{margin-right:12px;display:inline}}
