/* ---------- Projects ---------- */
.page-projects{
  --max: 1180px;
}
.page-projects .project-card{
  min-height: clamp(360px, 48vw, 560px);
}
.page-projects .project-thumb{
  height: clamp(360px, 48vw, 560px);
}
.filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 18px 0 18px;
}

.infinite-loader{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:18px 0;
}
.infinite-loader span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c9bfae;
  animation: loaderDots 1s infinite ease-in-out;
}
.infinite-loader span:nth-child(2){
  animation-delay:.2s;
  background:#2f5d50;
}
.infinite-loader span:nth-child(3){
  animation-delay:.4s;
}
@keyframes loaderDots{
  0%, 80%, 100% { transform: scale(1); opacity:.5; }
  40% { transform: scale(1.4); opacity:1; }
}
.infinite-sentinel{ height:1px; }
.filter-btn{
  padding:.55rem .9rem;
  border-radius:999px;
  border:1px solid #e3dac9;
  background: rgba(255,255,255,.6);
  cursor:pointer;
  font-weight:700;
  color:var(--muted);
}
.filter-btn.active{
  background: rgba(47,93,80,.12);
  color: var(--accent);
  border-color: rgba(47,93,80,.25);
}