.portfolio-page{padding-top:90px}@media (min-width:768px){.portfolio-page{padding-top:150px}}.portfolio-hero{padding-top:var(--space-12);padding-bottom:var(--space-8);background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-primary)100%)}@media (min-width:768px){.portfolio-hero{padding-top:var(--space-16);padding-bottom:var(--space-12)}}.portfolio-filters{justify-content:center;gap:var(--space-2);padding:var(--space-1);background:var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-wrap:wrap;max-width:-webkit-fit-content;max-width:fit-content;margin:0 auto;display:flex}.portfolio-filter{padding:var(--space-3)var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;background:0 0;border:none}.portfolio-filter:hover{color:var(--color-text-primary)}.portfolio-filter-active{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.portfolio-filter-active:hover{color:#fff}.portfolio-grid-section{padding-top:var(--space-8);background-color:var(--color-bg-primary)}.portfolio-grid{gap:var(--space-6);max-width:1200px;margin:0 auto;display:grid}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-grid .card-content{padding:var(--space-5)}.portfolio-cta{padding:var(--space-16)var(--container-padding-mobile);background:var(--gradient-brand);text-align:center}@media (min-width:768px){.portfolio-cta{padding:var(--space-20)var(--container-padding-tablet)}}.portfolio-cta-content{max-width:500px;margin:0 auto}.portfolio-cta-content h2{font-size:var(--heading-section);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-4)}.portfolio-cta-content p{font-size:var(--text-lg);color:#ffffffe6;margin-bottom:var(--space-6)}