.filter-section{padding:4rem 4rem 2rem;background:var(--black);position:relative;z-index:2;text-align:center;border-bottom:1px solid var(--line-dark)}.filter-bar{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0;background:transparent}.filter-btn{background:transparent;border:none;color:rgba(245,241,232,0.5);font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;padding:0.8rem 2rem;cursor:pointer;transition:all 0.4s cubic-bezier(0.65,0,0.35,1);position:relative}.filter-btn:not(:last-child)::after{content:'·';position:absolute;right:-2px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1rem}.filter-btn:hover{color:var(--cream)}.filter-btn.active{color:var(--gold)}.filter-counter{margin-top:1.5rem;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:rgba(245,241,232,0.4)}.filter-counter .num{color:var(--gold);font-weight:500}.gallery{padding:5rem 4rem 8rem;background:var(--black);position:relative;z-index:2}.gallery-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 3rem}.project-card{opacity:1;transition:opacity 0.5s ease,transform 0.5s ease;cursor:pointer;text-decoration:none;color:inherit}.project-card.hidden{display:none}.project-image{aspect-ratio:4 / 3;background:var(--graphite);border:1px solid var(--line-dark);position:relative;overflow:hidden;margin-bottom:2rem;transition:all 0.6s cubic-bezier(0.65,0,0.35,1)}.project-card:hover .project-image{border-color:var(--gold)}.slider{position:absolute;inset:0;overflow:hidden}.slider-track{display:flex;height:100%;width:100%;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.slide{flex:0 0 100%;height:100%;position:relative}.slide img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)}.project-card:hover .slide img{transform:scale(1.04)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(10,9,8,0.6);backdrop-filter:blur(8px);border:1px solid rgba(201,169,97,0.35);color:var(--gold);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;opacity:0;transition:opacity 0.35s ease,background 0.3s ease,border-color 0.3s ease;user-select:none}.slider-arrow:hover{background:rgba(10,9,8,0.85);border-color:var(--gold)}.slider-arrow.prev{left:12px}.slider-arrow.next{right:12px}.project-card:hover .slider-arrow{opacity:1}.slider[data-count="1"] .slider-arrow,.slider[data-count="1"] .slider-dots{display:none}.slider-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:3}.slider-dot{width:7px;height:7px;border-radius:50%;background:rgba(245,241,232,0.35);border:none;padding:0;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}.slider-dot.active{background:var(--gold);transform:scale(1.25)}.slider-count{position:absolute;top:1.5rem;left:1.5rem;font-family:'Inter',sans-serif;font-size:0.7rem;letter-spacing:0.15em;color:var(--cream);background:rgba(10,9,8,0.7);backdrop-filter:blur(8px);padding:0.35rem 0.7rem;border:1px solid var(--line-dark);z-index:3;opacity:0;transition:opacity 0.35s ease}.project-card:hover .slider-count{opacity:1}.slider[data-count="1"] .slider-count{display:none}.project-image.placeholder{background:linear-gradient(135deg,#1f1c18 0%,#2a2620 50%,#1a1815 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.placeholder-icon{width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0.6}.placeholder-icon::before{content:'';width:24px;height:24px;border:1px solid var(--gold);border-radius:4px;position:relative}.placeholder-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.85rem;color:rgba(245,241,232,0.4);letter-spacing:0.15em;text-align:center}.project-year-overlay{position:absolute;top:1.5rem;right:1.5rem;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.4rem;color:var(--gold);background:rgba(10,9,8,0.85);backdrop-filter:blur(8px);padding:0.5rem 1.2rem;border:1px solid var(--line-dark);opacity:0;transform:translateY(-10px);transition:all 0.4s ease;z-index:3}.project-card:hover .project-year-overlay{opacity:1;transform:translateY(0)}.project-info{padding:0 0.5rem}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:0.7rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}.project-meta .num{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;letter-spacing:0.05em;text-transform:none;color:var(--gold)}.project-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;line-height:1.2;margin-bottom:1rem;color:var(--cream);transition:color 0.4s ease}.project-card:hover .project-title{color:var(--gold-light)}.project-location{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:rgba(245,241,232,0.6);margin-bottom:1.5rem}.project-specs{display:flex;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--line-dark);flex-wrap:wrap}.spec-item{flex:1;min-width:120px}.spec-label{font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(245,241,232,0.4);margin-bottom:0.3rem}.spec-value{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--gold);font-weight:500}.empty-state{grid-column:1 / -1;text-align:center;padding:6rem 2rem;display:none}.empty-state.show{display:block}.empty-state h3{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--cream);font-weight:300;font-style:italic;margin-bottom:1rem}.empty-state p{color:rgba(245,241,232,0.5);max-width:400px;margin:0 auto;line-height:1.7}.coming-soon{max-width:800px;margin:0 auto 5rem;padding:3rem;background:var(--graphite);border:1px solid var(--line-dark);text-align:center;position:relative}.coming-soon::before{content:'';position:absolute;top:0;left:0;width:60px;height:1px;background:var(--gold)}.coming-soon .label{font-size:0.7rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}.coming-soon h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--cream);margin-bottom:1rem}.coming-soon h3 .italic{color:var(--gold);font-style:italic}.coming-soon p{color:rgba(245,241,232,0.6);line-height:1.8;max-width:500px;margin:0 auto;font-size:0.95rem}@media (max-width:1024px){.gallery-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width:768px){.filter-section{padding:2rem 1.5rem}.gallery{padding:3rem 1.5rem 5rem}.filter-btn{padding:0.6rem 1.2rem;font-size:0.7rem}.project-specs{gap:1rem}.spec-item{min-width:100%;padding-bottom:1rem;border-bottom:1px solid var(--line-dark)}.spec-item:last-child{border-bottom:none;padding-bottom:0}.coming-soon{padding:2rem 1.5rem}.slider-arrow,.slider-count{opacity:1 !important}}
