:root{--portfolio-space-1: .25rem;--portfolio-space-2: .5rem;--portfolio-space-3: .75rem;--portfolio-space-4: 1rem;--portfolio-space-6: 1.5rem;--portfolio-space-8: 2rem;--portfolio-space-10: 2.5rem;--portfolio-space-12: 3rem;--portfolio-h1-size: clamp(2rem, 4vw, 3rem);--portfolio-h1-line-height: 1.05;--portfolio-h2-size: 1.125rem;--portfolio-h2-line-height: 1.2;--portfolio-body-size: 1rem;--portfolio-body-line-height: 1.6;--portfolio-meta-size: .875rem;--portfolio-meta-line-height: 1.4;--portfolio-container-max: 1280px;--portfolio-gutter: 16px;--portfolio-hero-max-width: 720px;--portfolio-radius-2xl: 1rem;--portfolio-shadow-hover: 0 8px 24px rgba(0, 0, 0, .08);--portfolio-transition: .2s ease;--portfolio-focus-outline: 2px solid var(--primary);--portfolio-focus-offset: 2px}.portfolio-container{max-width:var(--portfolio-container-max);margin-inline:auto;padding-inline:var(--portfolio-gutter)}@media(min-width:640px){.portfolio-container{padding-inline:24px}}@media(min-width:1024px){.portfolio-container{padding-inline:32px}}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:480px){.portfolio-grid{gap:1.5rem}}@media(min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:768px){.portfolio-grid{gap:2rem}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.portfolio-empty-state{text-align:center;padding:3rem 1rem;color:var(--muted-foreground)}.portfolio-empty-state__icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--muted-foreground);opacity:.5}.portfolio-empty-state__title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.portfolio-empty-state__message{font-size:1rem;margin:0}@media(min-width:640px){.portfolio-empty-state{padding:4rem 2rem}.portfolio-empty-state__icon{width:64px;height:64px}.portfolio-empty-state__title{font-size:1.5rem}}.portfolio-featured{margin-bottom:2rem}.portfolio-featured__title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 1.5rem}@media(min-width:640px){.portfolio-featured__title{font-size:1.75rem;margin-bottom:2rem}}.portfolio-tag-chip:focus-visible,.portfolio-card:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.portfolio-tag-chip:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-tag-chip,.portfolio-hero__search-input{transition:none}.portfolio-card:hover{transform:none}}@media(prefers-contrast:high){.portfolio-card,.portfolio-tag-chip{border-width:2px}}