.filters-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:2rem max(2rem,calc((100vw - 1400px) / 2 + 2rem))}@media screen and (min-width:769px){.filters-sticky{position:sticky;top:0;z-index:100;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}}.filters-row{gap:.5rem}.filters-actions,.filters-row,.sort-container,.type-container{display:flex;align-items:center}.filters-actions{gap:.75rem}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.category-filter-btn{border-radius:1000px;background:var(--grey,#111);backdrop-filter:blur(36px);display:flex;height:48px;padding:12px 16px;justify-content:center;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;color:var(--white,#FFF);text-align:center;font-family:General Sans,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.36px;text-transform:uppercase}.category-filter-btn:hover{background:var(--grey-light,#2E2E2E);transform:translateY(-1px)}.category-filter-btn.active{background-color:var(--grey-light,#2E2E2E);color:var(--white,#FFF);box-shadow:0 4px 12px rgba(255,255,255,.2)}.category-filter-text{white-space:nowrap}.category-filter-text,.filters-overlay-button{text-transform:uppercase;letter-spacing:-.36px}.filters-overlay-button{display:flex;align-items:center;gap:.75rem;padding:12px 16px;height:48px;background:var(--grey,#111);border:none;border-radius:1000px;color:var(--white,#FFF);font-size:18px;font-weight:600;font-family:General Sans,sans-serif;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px)}.filters-overlay-button:hover{background:var(--grey-light,#2E2E2E);transform:translateY(-1px)}.filters-overlay-button svg{width:20px;height:20px;opacity:1;color:currentColor}.projects-grid-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0;background:linear-gradient(135deg,rgba(56,66,244,.03),rgba(56,66,244,.01))}.filters-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.filters-overlay-content{background:rgba(0,0,0,.9);border:1px solid var(--grey,#2e2e2e);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.filters-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.filters-overlay-header h3{margin:0;color:var(--white,#FFF);font-size:1.25rem;font-weight:600}.filters-overlay-close{background:transparent;border:none;color:var(--white,#FFF);font-size:1.5rem;cursor:pointer;line-height:1}.overlay-section{margin-bottom:1.5rem}.overlay-section h4{margin:0 0 .75rem;color:var(--white,#FFF);font-size:1rem;font-weight:600}.overlay-category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.overlay-category-btn{border-radius:1000px;background:var(--grey,#111);border:none;padding:10px 14px;color:var(--white,#FFF);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:-.2px;cursor:pointer;transition:all .2s ease}.overlay-category-btn.active,.overlay-category-btn:hover{background:var(--grey-light,#2E2E2E)}.overlay-controls{display:grid;gap:.75rem}.projects-grid-container{width:100%;padding:0 3rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.project-grid-card{background:rgba(0,0,0,.4);border:1px solid var(--grey-light,#2e2e2e);border-radius:16px;padding:0;display:flex;flex-direction:column;gap:0;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-decoration:none;cursor:pointer}.project-grid-card:hover{border-color:var(--white,#FFF);background:rgba(0,0,0,.6);transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,.2)}.project-grid-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.05));border-radius:16px;z-index:-1}.project-grid-image{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--grey-light,#2E2E2E)}.project-grid-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-grid-thumbnail-placeholder{background:var(--grey-light,#2E2E2E);min-height:100%}.project-grid-votes-overlay{position:absolute;bottom:12px;left:12px;border-radius:10px;background:var(--light-grey,#252525);display:flex;padding:12px;align-items:center;gap:8px;color:var(--white,#FFF);text-align:center;font-family:General Sans;font-size:20px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.4px;text-transform:uppercase;z-index:10}.project-grid-votes-overlay .votes-icon{width:20px;height:20px;opacity:1}.project-grid-votes-overlay .votes-count{font-weight:600;color:var(--white,#FFF)}.project-grid-content{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px}.project-grid-title{color:var(--white,#FFF);font-size:1.25rem;font-weight:600;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-grid-categories{color:var(--white,#FFF);font-size:.75rem;font-weight:500;opacity:.8}.project-grid-author{display:flex;flex-direction:row;gap:16px;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.author-info,.client-info{display:flex;align-items:center;gap:8px}.author-label,.client-label{color:var(--silver,#949494);font-size:.75rem;font-weight:400}.author-name,.client-name{color:var(--white,#FFF);font-size:.875rem;font-weight:500}.grid-empty,.list-empty{text-align:center;padding:4rem 2rem;color:var(--silver,#949494);background:rgba(0,0,0,.4);border-radius:16px;border:1px solid var(--grey-light,#2e2e2e);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.grid-empty-text,.list-empty-text{font-size:1.125rem;margin:0}.projects-list{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0}.projects-list-grid{display:grid;gap:2rem;padding:0 3rem}.project-card{background:rgba(0,0,0,.4);border:1px solid var(--grey-light,#2e2e2e);border-radius:16px;padding:2rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-decoration:none;cursor:pointer}.project-card:hover{border-color:var(--white,#FFF);background:rgba(0,0,0,.6);transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,.2)}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.05));border-radius:16px;z-index:-1}.project-image{grid-row:1/-1;aspect-ratio:4/3;width:100%}.project-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;background:var(--grey-light,#2E2E2E)}.project-content{display:flex;flex-direction:column;gap:1rem}.project-title{color:var(--white,#FFF);font-size:1.5rem;font-weight:600;margin:0;line-height:1.3}.project-meta{display:flex;flex-direction:column;gap:.75rem}.project-votes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--white,#FFF);font-size:.875rem}.votes-icon{opacity:1;width:20px;height:20px}.votes-count{font-weight:500}.meta-separator{color:var(--silver,#949494)}.project-categories{color:var(--white,#FFF);font-weight:500}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.projects-list .project-tag{background-color:rgba(0,0,0,.6);color:var(--white,#FFF);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-excerpt{color:var(--silver,#949494);font-size:.875rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-info{display:flex;gap:2rem;margin-top:.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:var(--silver,#949494);font-size:.75rem;text-transform:lowercase;letter-spacing:.05em}.info-value{color:var(--white,#FFF);font-size:.875rem;font-weight:500}.project-hover-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:16px;z-index:10}.project-card:hover .project-hover-overlay{opacity:1}.project-actions-mobile{display:none;flex-direction:column;gap:1rem;align-items:flex-end;justify-content:center}@media screen and (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.projects-grid-container,.projects-list-grid{padding:0 1.5rem}.project-card{grid-template-columns:1fr 2fr;gap:1.5rem}.project-actions-mobile{display:flex;grid-column:1/-1;flex-direction:row;justify-content:flex-start;margin-top:1rem}.project-hover-overlay{display:none}}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1rem}.projects-grid-container,.projects-list-grid{padding:0 1rem}.project-card{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.project-thumbnail{height:300px}.project-info{flex-direction:column;gap:1rem}.project-actions-mobile{display:flex;flex-direction:column;align-items:stretch}.project-hover-overlay{display:none}}@media screen and (max-width:480px){.projects-grid-container,.projects-list-grid{padding:0 .75rem}.project-card{padding:1rem}.project-title{font-size:1.25rem}.project-votes{font-size:.75rem}.projects-list .project-tag{font-size:.625rem;padding:.125rem .5rem}}