/* GoodTechies — Our Work. Loads only on the project archive, category and single views. */

/* ---------- Archive ---------- */
.gt-work-filters{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:var(--s-6)}
.gt-work-filter{
  padding:.5rem .9rem; border:1px solid var(--gt-rule); border-radius:var(--r-pill);
  font-size:var(--t-small); font-weight:600; color:var(--gt-muted);
  transition:border-color .18s ease, color .18s ease, background-color .18s ease;
}
.gt-work-filter:hover{border-color:var(--gt-ink); color:var(--gt-ink)}
.gt-work-filter.is-current{background:var(--gt-ink); border-color:var(--gt-ink); color:var(--gt-white)}

.gt-work-grid{display:grid; gap:var(--s-5); grid-template-columns:repeat(3,1fr)}

.gt-scard__body .gt-wcard__cat{
  display:flex; flex-wrap:wrap; gap:.5rem;
  font-size:var(--t-eyebrow); font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gt-accent-deep);
}
.gt-wcard__cat a{color:inherit}
.gt-wcard__cat a:hover{color:var(--gt-ink)}
.gt-wcard__title{
  font-family:var(--gt-h3-family); font-size:var(--t-h3); font-weight:var(--gt-h3-weight);
  line-height:var(--gt-h3-lh); letter-spacing:-.025em;
}
.gt-wcard__title a{color:var(--gt-heading)}
.gt-wcard__title a:hover{color:var(--gt-link-hover)}
.gt-scard__body .gt-wcard__outcome{
  font-family:var(--gt-display); font-size:var(--t-h4); font-weight:600; letter-spacing:-.01em;
  color:var(--gt-accent-deep);
}

.gt-work-empty{
  border:1px solid var(--gt-rule); border-radius:var(--r-lg); background:var(--gt-white);
  padding:var(--s-8) var(--s-6); text-align:center;
}
.gt-work-empty h2{font-size:var(--t-h3); margin-bottom:var(--s-3)}
.gt-work-empty p{color:var(--gt-muted); max-width:48ch; margin:0 auto var(--s-5)}

.gt-pagination ul{list-style:none; margin:0; padding:0; display:flex; gap:.5rem; flex-wrap:wrap}

/* ---------- Single ---------- */
.gt-work-single__cats{
  margin-top:var(--s-4); display:flex; flex-wrap:wrap; gap:.5rem;
  font-size:var(--t-eyebrow); font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gt-muted-soft);
}
.gt-work-single__cats a{color:inherit}
.gt-work-single__cats a:hover{color:var(--gt-accent-deep)}
.gt-work-single__media{aspect-ratio:16/9; border-radius:var(--r-lg); margin-bottom:var(--s-7)}

.gt-work-facts{
  display:grid; gap:var(--s-5); grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 var(--s-7); padding:var(--s-5) 0;
  border-block:1px solid var(--gt-rule);
}
.gt-work-fact dt{
  font-size:var(--t-eyebrow); font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gt-muted-soft); margin-bottom:.35rem;
}
.gt-work-fact dd{margin:0; font-size:var(--t-body); font-weight:600; color:var(--gt-heading)}
.gt-work-fact--outcome dd{
  font-family:var(--gt-display); font-size:var(--t-h4); letter-spacing:-.01em;
  color:var(--gt-accent-deep);
}

.gt-work-single__foot{
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-5);
  margin-top:var(--s-7); padding-top:var(--s-5); border-top:1px solid var(--gt-rule);
}

@media (max-width:1080px){
  .gt-work-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .gt-work-grid{grid-template-columns:1fr}
  .gt-work-facts{grid-template-columns:1fr; gap:var(--s-4)}
}