.works-main{color:#e5e5e5;background:#0f0f21;min-height:100vh}.works-header-section{text-align:center;padding:128px 24px 48px}.works-subtitle{color:#d32f2f;text-transform:uppercase;letter-spacing:.5em;margin-bottom:16px;font-size:10px;font-weight:900;display:block}.works-title{color:#fff;tracking:-.05em;font-family:serif;font-size:clamp(3rem,8vw,4.5rem);font-style:italic}.works-title-line{background-color:#d32f2f;width:80px;height:2px;margin:24px auto 0}.filter-bar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background-color:#000000e6;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:24px 0;top:70px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-container{justify-content:flex-start;gap:40px;min-width:max-content;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (min-width:1024px){.filter-container{justify-content:center}}.filter-btn{text-transform:uppercase;letter-spacing:.3em;color:#52525b;padding-bottom:8px;font-size:10px;font-weight:700;transition:all .3s;position:relative}.filter-btn:hover{color:#d4d4d8}.filter-btn.active{color:#fff}.filter-btn.active:after{content:"";background-color:#d32f2f;width:100%;height:2px;position:absolute;bottom:0;left:0}.gallery-section{max-width:1800px;margin:0 auto;padding:64px 16px}.gallery-grid{columns:1;column-gap:24px}@media (min-width:640px){.gallery-grid{columns:2}}@media (min-width:1024px){.gallery-grid{columns:3}}@media (min-width:1280px){.gallery-grid{columns:4}}.work-card{break-inside:avoid;cursor:pointer;background-color:#18181b;border:1px solid #ffffff0d;margin-bottom:24px;position:relative;overflow:hidden}.work-image{object-fit:cover;width:100%;height:auto;transition:transform 1s cubic-bezier(.16,1,.3,1),filter 1s}.work-card:hover .work-image{filter:blur(2px)brightness(.4);transform:scale(1.08)}.work-overlay{opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .5s;display:flex;position:absolute;inset:0}.work-card:hover .work-overlay{opacity:1}.work-cat{color:#d32f2f;text-transform:uppercase;letter-spacing:.4em;margin-bottom:12px;font-size:10px;font-weight:900}.work-card-title{color:#fff;margin-bottom:12px;font-family:serif;font-size:1.25rem;font-style:italic}.work-material{color:#a1a1aa;text-transform:uppercase;letter-spacing:.2em;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px;font-size:10px}