.works-main{color:#e5e5e5;background:#050505;min-height:100vh}.works-header-section{text-align:center;padding:140px 24px 48px}.works-subtitle{color:#ffb703;text-transform:uppercase;letter-spacing:.5em;margin-bottom:16px;font-size:10px;font-weight:700;display:block}.works-title{font-size:clamp(2.5rem,7vw,4.2rem);font-family:var(--font-playfair), serif;color:#fff;letter-spacing:-.02em;font-style:italic;line-height:1.2}.works-title-line{background-color:#ffb703;width:60px;height:1px;margin:24px auto 0}.filter-bar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;background-color:#050505d9;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:24px 0;position:sticky;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:.25em;font-size:11px;font-weight:600;font-family:var(--font-roboto-condensed), sans-serif;color:#71717a;cursor:pointer;padding-bottom:10px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.filter-btn:hover{color:#d4d4d8}.filter-btn.active{color:#fff}.filter-btn.active:after{content:"";background-color:#ffb703;width:100%;height:2px;position:absolute;bottom:0;left:0}.gallery-section{max-width:1800px;margin:0 auto;padding:48px 24px 96px}.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:1440px){.gallery-grid{columns:4}}.work-card{break-inside:avoid;cursor:pointer;background-color:#0b0d17;border:1px solid #ffffff08;margin-bottom:24px;position:relative;overflow:hidden}.work-image{object-fit:cover;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s;display:block}.work-card:hover .work-image{filter:blur(1px)brightness(.3);transform:scale(1.05)}.work-overlay{opacity:0;text-align:center;background:#05050566;flex-direction:column;justify-content:center;align-items:center;padding:32px;transition:opacity .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.work-card:hover .work-overlay{opacity:1}.work-cat{color:#ffb703;text-transform:uppercase;letter-spacing:.4em;margin-bottom:12px;font-size:10px;font-weight:700}.work-card-title{font-family:var(--font-playfair), serif;color:#fff;margin-bottom:14px;font-size:1.35rem;font-style:italic;line-height:1.4}.work-material{color:#a1a1aa;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-family:var(--font-roboto-condensed), sans-serif;border-top:1px solid #ffffff14;margin-top:8px;padding-top:12px}