.portfolio-listing__header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl) 0}.portfolio-listing__title{color:var(--h1-color);margin-bottom:var(--spacing-md);font-size:clamp(3rem,6vw,10rem);font-weight:500}.portfolio-listing__description{font-size:var(--body-size);color:var(--body-color);opacity:.8;max-width:600px;margin:0 auto;line-height:1.6}.portfolio-load-more{margin-top:var(--spacing-2xl);justify-content:center;display:flex}.load-more-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);border:1px solid var(--color-secondary);border-radius:var(--radius-pill);color:var(--color-secondary);font-size:var(--body-size);cursor:pointer;transition:var(--transition-normal);background:0 0;font-weight:500;display:inline-flex}.load-more-btn:hover{background:var(--color-secondary);color:var(--color-bg-dark)}.portfolio-listing__filters{margin-bottom:var(--spacing-xl)}.filter-controls-wrapper{gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.filter-main{flex:1;min-width:0}.filter-labels{justify-content:flex-start;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-sm);display:flex}.filter-label{font-size:var(--h3-size);color:#949494;cursor:pointer;padding:var(--spacing-sm) 0;transition:all var(--transition-normal);text-transform:capitalize;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;font-weight:500;display:flex;position:relative}.filter-label:hover,.filter-label.active{color:var(--body-color)}.filter-arrow{transition:transform var(--transition-normal);color:inherit}.filter-label.active .filter-arrow{transform:rotate(180deg)}.clear-all-btn{font-size:var(--body-size);color:var(--body-color);cursor:pointer;padding:var(--spacing-sm) 0;background:0 0;border:none;margin-left:auto;font-weight:400;position:relative}.clear-all-btn:after{content:"";background:var(--body-color);width:0;height:1px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.clear-all-btn:hover:after{width:100%}.filter-badge{background:var(--color-primary);color:#fff;min-width:20px;height:20px;margin-inline:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:none}.filter-badge.show{display:inline-flex}.filter-tags{justify-content:flex-start;gap:var(--spacing-md);opacity:0;flex-wrap:wrap;max-height:0;margin-bottom:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.filter-tags.show{opacity:1;max-height:200px;margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.filter-tag{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-secondary);border-radius:var(--radius-pill);color:var(--color-secondary);font-size:var(--body-size);text-transform:capitalize;transition:var(--transition-normal);cursor:pointer;background:0 0;font-family:inherit;font-weight:400;display:inline-block}.filter-tag:hover{background:var(--color-secondary);color:var(--color-primary)}.filter-tag.selected{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-secondary)}.portfolio-listing__no-results{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);grid-column:1/-1}.no-results-content h3{color:var(--h3-color);margin-bottom:var(--spacing-md)}.no-results-content p{color:var(--body-color);opacity:.7;font-size:var(--body-size)}@media (max-width:990px){.filter-controls-wrapper{flex-direction:column}}
