/* PROJECTS MASONRY */
.projects-filter{display:flex;gap:12px;margin-bottom:50px;flex-wrap:wrap;justify-content:center;}
.filter-btn{padding:10px 22px;border:1px solid rgba(29, 33, 80, .15);border-radius:30px;font-size:13.5px;color:var(--gray);transition:.4s;}
.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(60, 103, 177, .08);}
.masonry{columns:3;column-gap:20px;}
.project-card{break-inside:avoid;margin-bottom:20px;position:relative;overflow:hidden;border-radius:2px;cursor:pointer;}
.project-card:nth-child(3n+1){height:420px;}
.project-card:nth-child(3n+2){height:320px;}
.project-card:nth-child(3n+3){height:500px;}
.project-visual-container{position:absolute;inset:0;overflow:hidden;}
.project-visual{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out, transform 1.2s var(--ease);background-size:cover;background-position:center;}
.project-visual.active{opacity:1;z-index:1;}
.project-card:hover .project-visual{transform:scale(1.08);}
.project-indicators{position:absolute;top:20px;right:20px;display:flex;gap:6px;z-index:3;}
.project-indicator-bar{width:16px;height:3px;background:rgba(255, 255, 255, 0.35);border-radius:2px;transition:background 0.4s ease, width 0.4s ease;}
.project-indicator-bar.active{background:var(--gold);width:24px;}
.project-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(29, 33, 80, .92) 0%,rgba(29, 33, 80, .15) 55%,transparent 100%);z-index:2;}
.project-info{position:absolute;bottom:0;right:0;left:0;padding:26px;transform:translateY(14px);opacity:.92;transition:.5s var(--ease);color:var(--white);z-index:2;}
.project-card:hover .project-info{transform:translateY(0);opacity:1;}
.project-info .ptag{color:var(--accent-light);font-size:12px;letter-spacing:2px;margin-bottom:6px;display:block;}
.project-info h3{font-size:21px;margin-bottom:6px;}
.project-meta{display:flex;gap:18px;color:rgba(255,255,255,.7);font-size:12.5px;margin-top:8px;}
.project-index{position:absolute;top:18px;left:20px;font-size:15px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:1px;z-index:2;}
.project-value{color:var(--accent-light);font-weight:700;}

/* Home Page Projects Grid */
.home-projects-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.home-projects-grid .project-card {
  height: 380px;
}
@media(max-width: 760px) {
  .home-projects-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .home-projects-grid .project-card {
    height: 320px;
  }
}