.portfolio-filters{width:100%;max-width:var(--content-block);margin:0;position:relative;z-index:50}.filters-container{max-width:var(--text-block);z-index:40}.filters-container,.filters-wrapper{width:100%;margin:0 auto;position:relative;overflow:visible}.filters-wrapper{max-width:var(--content-block);z-index:30}.filters-group{transition:all .3s ease-out;overflow:visible;height:auto;opacity:1;max-height:500px;transform:translateY(0);position:relative;z-index:20;pointer-events:auto;visibility:visible}.filters-group[data-filter-group=contractType]{margin-bottom:16px}.filters-group.hidden{max-height:0!important;opacity:0!important;margin:0!important;padding:0!important;height:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important;position:absolute;z-index:-1!important;display:none}.filter-group-title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:16px;color:var(--text-color)}.filter-options{display:flex;flex-wrap:wrap;gap:var(--gap-s);align-items:center;width:100%;justify-content:center;position:relative;z-index:10;overflow:visible}.filter-options button.image-filter{width:clamp(90px,18vw,180px);height:clamp(28px,6vw,44px);padding:0;position:relative;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;background-color:var(--background-color);border:none!important;box-shadow:none!important;border-radius:var(--button-radius-s);background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;opacity:1;overflow:visible;z-index:5}.filter-options button.image-filter:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:.7;transition:opacity var(--transition-normal);z-index:0}.filter-options button.image-filter.active:before,.filter-options button.image-filter:hover:before{opacity:0}.filter-options button.image-filter[data-filter-value=all]{width:clamp(120px,22vw,220px);background-image:url(/public/assets/projects/filters_button/all.webp)}.filter-options button.image-filter[data-filter-value=express_logo]{width:clamp(140px,30vw,260px);background-image:url(/public/assets/projects/filters_button/exprss.webp)}.filter-options button.image-filter[data-filter-value=ar_filters]{width:clamp(90px,20vw,160px);background-image:url(/public/assets/projects/filters_button/ar.webp)}.filter-options button.image-filter[data-filter-value="1hdesign"]{width:clamp(110px,24vw,200px);background-image:url(/public/assets/projects/filters_button/1h.webp)}.filter-options button.image-filter[data-filter-value=posters]{width:clamp(80px,14vw,140px);background-image:url(/public/assets/projects/filters_button/plac.webp)}.filter-options button.image-filter .filter-fallback-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-color);background:var(--card-background);opacity:0;transition:opacity var(--transition-normal);z-index:2}.filter-options button.image-filter.image-error .filter-fallback-text{opacity:1}.filter-options button.image-filter:hover{opacity:1;transform:scale(1.07);border:none!important;box-shadow:0 0 0 2px var(--card-border-hover);z-index:100}.filter-options button.image-filter.active{opacity:1;border:none!important;box-shadow:0 0 0 2px var(--text-color);z-index:50}.filter-options button.button-text{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:rgba(0,0,0,0);border:1px solid var(--card-border);border-radius:var(--button-radius-s);font-family:var(--font-primary);font-size:var(--text-s);font-weight:var(--font-regular);color:var(--text-secondary-color);cursor:pointer;transition:all var(--transition-normal);min-height:36px}.filter-options button.button-text:hover{border-color:var(--card-border-hover);color:var(--text-color)}.filter-options button.button-text.active{background:var(--text-color);color:var(--background-color);border-color:var(--text-color)}.filters-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--card-border);width:100%}.filters-actions button.filter-button{display:flex;align-items:center;gap:8px;color:var(--text-secondary-color);background:rgba(0,0,0,0);border:none;padding:6px 10px;border-radius:var(--button-radius-s);cursor:pointer;transition:all var(--transition-normal)}.filters-actions button.filter-button svg{fill:currentColor;transition:fill var(--transition-normal)}.filters-actions button.filter-button:hover{color:var(--text-color)}.filters-actions button.filter-button.active{background-color:var(--text-color);color:var(--background-color)}.filters-actions button.filter-button.active svg{fill:var(--background-color)}.filters-actions button#reset-filters{font-size:var(--text-xs);color:var(--text-quaternary-color);background:rgba(0,0,0,0);border:none;cursor:pointer;transition:color var(--transition-normal)}.filters-actions button#reset-filters:hover{color:var(--text-color)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.FilterLabel{cursor:pointer;height:clamp(36px,5vw,40px);transition:transform .2s ease-in-out,z-index .2s ease-in-out,opacity .2s ease-in-out;position:relative;z-index:1;opacity:.6}.FilterLabel.active{opacity:1;transform:scale(1.03)}.FilterLabel__image{height:100%;width:auto}.FilterLabel:hover{transform:scale(1.03);z-index:2;opacity:1}.FilterButton{display:inline-flex;align-items:center;justify-content:center;padding:2px 14px;background:rgba(0,0,0,0);border:1px solid var(--card-border);border-radius:var(--button-radius-s);font-family:var(--font-primary);font-size:var(--text-s);font-weight:var(--font-regular);color:var(--text-secondary-color);cursor:pointer;transition:all .1s;min-height:30px}.FilterButton:hover{border-color:var(--card-border-hover)}.FilterButton--active{background:var(--text-color);color:var(--background-color);border-color:var(--text-color)}