.portfolio-section{background-color:#fff}.portfolio-header-wrap{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.portfolio-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--color-surface-gray);border:1px solid var(--color-border);border-radius:30px;color:var(--color-slate-gray);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media (min-width:480px){.filter-tab{padding:8px 16px;font-size:.85rem}}.filter-tab:hover{color:var(--color-primary-dark);border-color:var(--color-slate-light)}.filter-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.portfolio-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.case-card{background-color:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s ease}.case-card:hover{transform:translateY(-4px);border-color:rgba(50,140,193,.4);box-shadow:0 20px 30px -10px rgba(11,60,93,.1)}.case-card-banner{padding:var(--spacing-6);color:#fff;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media (min-width:480px){.case-card-banner{padding:var(--spacing-8);min-height:160px}}.case-badge-row{display:flex;justify-content:space-between;align-items:center}.case-industry-pill{font-size:.65rem;font-weight:800;letter-spacing:.08em;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:20px;color:#fff}.case-banner-title{color:#fff;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:800;margin-bottom:4px}.case-banner-tagline{color:hsla(0,0%,100%,.85);font-size:.82rem;line-height:1.4}.case-card-body{padding:var(--spacing-5);display:flex;flex-direction:column;flex-grow:1}@media (min-width:480px){.case-card-body{padding:var(--spacing-6)}}.case-desc{font-size:.88rem;color:var(--color-slate-gray);line-height:1.55}.case-desc,.case-metrics-row{margin-bottom:var(--spacing-5)}.case-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;background-color:var(--color-surface-gray);border-radius:8px;padding:8px 6px}@media (min-width:480px){.case-metrics-row{gap:8px;padding:10px}}.metric-box{flex-direction:column;text-align:center;overflow:hidden}.metric-box,.metric-val{display:flex;align-items:center}.metric-val{gap:3px;font-size:clamp(.75rem,2.2vw,.95rem);font-weight:800;color:var(--color-primary-dark);white-space:nowrap}.metric-icon{color:var(--color-secondary);flex-shrink:0}.metric-lbl{font-size:.62rem;color:var(--color-slate-gray);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.case-tech-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:var(--spacing-5)}.tech-tag{font-size:.7rem;background-color:var(--color-surface-gray);color:var(--color-slate-gray);padding:2px 7px;border-radius:4px;font-weight:600}.case-card-footer{margin-top:auto;border-top:1px solid var(--color-surface-gray);padding-top:var(--spacing-4)}.case-details-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-primary);transition:gap .2s ease,color .2s ease}.case-details-link:hover{color:var(--color-secondary);gap:10px}.portfolio-bottom-cta{margin-top:var(--spacing-6)}@media (min-width:768px){.portfolio-header-wrap{flex-direction:row;align-items:flex-end;justify-content:space-between}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}