/* ============================================================
   ALMARA DESIGN — Projects Page
   ============================================================ */

/* ── Page Hero ─────────────────────────────── */
.page-hero {
  position:relative;
  padding-top:calc(var(--nav-height) + 6rem);
  padding-bottom:4.5rem; overflow:hidden;
}
.page-hero__bg { position:absolute; inset:0; z-index:0; }
.page-hero__bg img {
  width:100%; height:100%; object-fit:cover; object-position:center 35%;
  filter:brightness(.28) saturate(.7);
}
.page-hero__bg-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(6,5,4,.45) 0%,rgba(6,5,4,.6) 100%);
}
.page-hero__content { position:relative; z-index:1; }
.page-hero__title {
  font-family:var(--font-display); font-size:var(--text-4xl); font-weight:400;
  line-height:var(--leading-tight); letter-spacing:var(--tracking-tight);
  color:#F0EDE7; margin-block:var(--space-3) var(--space-4);
}
.page-hero__desc {
  font-size:var(--text-md); line-height:var(--leading-loose);
  color:rgba(240,237,231,.55); max-width:52ch;
}

/* ── Filter Bar ─────────────────────────────── */
.projects-filter {
  padding-block:var(--space-8);
  border-bottom:1px solid var(--color-border);
  background:var(--color-bg);
}
.filter-bar {
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--space-4); flex-wrap:wrap;
}
.filter-bar__tags { display:flex; gap:var(--space-2); flex-wrap:wrap; }
.filter-bar__count {
  font-size:var(--text-sm); color:var(--color-text-muted); letter-spacing:.05em;
  white-space:nowrap; font-weight:500;
}

/* ── Grid ───────────────────────────────────── */
.projects-grid-section { padding-block:var(--space-12) var(--space-24); background:var(--color-bg); }
.projects-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-6); }
.project-item { cursor:pointer; display:block; }
.project-item.hidden { display:none; }

/* Card photo */
.project-card__img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .85s cubic-bezier(.25,.46,.45,.94);
}
.project-card:hover .project-card__img { transform:scale(1.07); }

/* Empty State */
.projects-empty { display:none; text-align:center; padding:var(--space-24) 0; color:var(--color-text-muted); font-family:var(--font-display); font-size:var(--text-lg); font-style:italic; }
.projects-empty.visible { display:block; }

/* ── Responsive ─────────────────────────────── */
@media (max-width:900px) {
  .projects-grid { grid-template-columns:repeat(2,1fr); }
  .page-hero__title { font-size:var(--text-3xl); }
}
@media (max-width:600px) {
  .projects-grid { grid-template-columns:1fr; }
  .page-hero__title { font-size:var(--text-2xl); }
  .filter-bar { flex-direction:column; align-items:flex-start; }
}