.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-normal)}.category-card:hover{border-color:var(--border-strong);box-shadow:0 6px 28px rgba(0,0,0,.3)}.category-card__link{display:block;position:relative;text-decoration:none;color:inherit}.category-card__image-wrap{width:100%;height:260px;overflow:hidden;background:var(--bg-secondary)}.category-card__image{width:100%;height:100%;object-fit:cover;display:block}.category-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.category-card__title{margin:0;font-size:var(--heading-sm);font-weight:600;color:var(--text-primary);flex:1 1;min-width:0}.category-card__action{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-primary);border-radius:50%;transition:background-color var(--transition-fast)}.category-card:hover .category-card__action{background:var(--accent-hover)}.portfolio-page{background:var(--bg-hero);color:var(--text-primary);padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.portfolio-page__inner{display:flex;flex-direction:column;gap:var(--space-2xl)}.portfolio-page__header{margin-bottom:var(--space-md)}.portfolio-page__title{font-size:var(--heading-xl);font-weight:700;margin:0 0 var(--space-xs)}.portfolio-page__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.portfolio-page__intro{font-size:var(--text-base);color:var(--text-muted);margin:var(--space-md) 0 0;max-width:720px;line-height:1.6}.portfolio-page__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl)}@media (max-width:900px){.portfolio-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio-page__grid{grid-template-columns:1fr}}