.works-page{color:#1a1a1a;background-color:#fff;min-height:100vh}.works-hero{text-align:left;border-left:1px solid #d32f2f;max-width:1200px;margin:0 auto;padding:140px 20px 60px}.works-title span{color:#d32f2f;margin-left:40px;font-style:italic;font-weight:300;display:block}.filter-bar{z-index:40;backdrop-blur:10px;background:#ffffffe6;border-top:1px solid #eee;border-bottom:4px solid #1a1a1a;padding:20px 0;top:70px}.filter-container{gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto}.works-page{background-color:#fff;min-height:100vh}.works-hero{border-left:2px solid #d32f2f;max-width:1200px;margin:0 auto;padding:140px 20px 60px}.hero-badge{color:#d32f2f;text-transform:uppercase;letter-spacing:.5em;font-size:11px;font-weight:800}.works-title{text-transform:uppercase;color:#1a1a1a;font-family:serif;font-size:clamp(40px,8vw,80px);line-height:.9}.works-title span{color:#d32f2f;font-style:italic;font-weight:300;display:block}.gallery-section{max-width:1400px;margin:0 auto;padding:60px 20px}.project-card{cursor:pointer;background:#f9f9f9;margin-bottom:24px;overflow:hidden}.image-wrapper{display:block;position:relative;overflow:hidden}.project-image{filter:grayscale(.2);width:100%;height:auto;transition:transform .8s cubic-bezier(.165,.84,.44,1);display:block}.gallery-section:hover .project-image{transform:scale(1.);filter:grayscale(0)}.image-overlay{opacity:0;background:#d32f2f33;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card:hover .image-overlay{opacity:1}.overlay-text{color:#fff;text-transform:uppercase;letter-spacing:.3em;border:1px solid #fff;padding:8px 16px;font-size:10px;font-weight:700}.lightbox-overlay{z-index:1000;background:#fff;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.close-btn{color:#1a1a1a;cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:30px;right:30px}.close-btn:hover{color:#d32f2f}.lightbox-content{border:10px solid #d32f2f;max-width:90vw;max-height:85vh;box-shadow:0 30px 60px #0000001a}.lightbox-img{object-fit:contain;max-width:100%;max-height:100%;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}