.work{width:100%;background:var(--bg);font-family:var(--font-poppins);color:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-direction:column}.work__header{width:100%;text-align:left;margin-bottom:3rem}.work__title{font-size:2.6rem;font-weight:800;margin-bottom:.75rem;color:#f5f5f5;background:linear-gradient(135deg,#ffffff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.25}.work__subtitle{font-size:1.1rem;font-weight:300;color:#c9c9c9;max-width:700px;line-height:1.6;margin-bottom:2.5rem}.work__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:3rem;justify-content:flex-start;width:100%}.work__filter-btn{padding:.6rem 1.4rem;border:2px solid hsla(0,0%,100%,.1);border-radius:25px;background:rgba(0,0,0,0);color:#b9bad0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.work__filter-btn.selected,.work__filter-btn:hover{border-color:#9b50ba;color:#f5f5f5}.work__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;width:100%}.work__item{width:100%;max-width:500px;margin:0 auto;overflow:hidden;cursor:pointer;position:relative;transition:transform .4s ease,filter .4s ease;display:flex;flex-direction:column}.work__item:hover{transform:scale(1.02);filter:brightness(.9)}.work__item:hover .work__item-view-btn{opacity:1;pointer-events:all}.work__item-image{position:relative;width:100%;height:100%;flex:1 1}.work__item-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.work__item-view-btn{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;opacity:0;transition:all .3s ease;pointer-events:none;text-decoration:none;display:flex;align-items:center;gap:.4rem}@media(min-width:1200px){.work__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1199px){.work__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.work__title{font-size:2.2rem}.work__grid{grid-template-columns:1fr}.work__item{max-width:100%}.work__item-image img{border-radius:8px}}