.work-header-section{text-align:center;padding:8rem 0 2rem}.work-header-section .section-subtitle{max-width:700px;margin:0 auto 3rem}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.portfolio-filters .filter-btn{border:1px solid rgba(var(--color-text-rgb), .2);color:var(--color-text);cursor:pointer;background:0 0;border-radius:50px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s}.portfolio-filters .filter-btn:hover,.portfolio-filters .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.work-grid-section{padding:0 0 6rem}.work-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=900px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.work-grid{grid-template-columns:1fr}}.work-item{cursor:pointer;border-radius:12px;transition:transform .4s,opacity .4s;position:relative;overflow:hidden}.work-item.hide{display:none}.work-item .work-image-wrapper{aspect-ratio:16/9;position:relative;overflow:hidden}.work-item .work-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.4,1)}.work-item .work-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.work-item .play-btn{background:rgba(var(--color-primary-rgb), .9);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.8)}.work-item .play-btn svg{margin-left:4px}.work-item .work-info{padding:1.5rem 0}.work-item .work-info h3{color:var(--color-text);margin-bottom:.2rem;font-size:1.2rem;transition:color .3s}.work-item .work-info p{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.work-item:hover{transform:translateY(-5px)}.work-item:hover .work-image-wrapper img{transform:scale(1.05)}.work-item:hover .work-overlay{opacity:1}.work-item:hover .play-btn{transform:scale(1)}.work-item:hover .work-info h3{color:var(--color-primary)}