/* ---------- CATEGORY HERO ---------- */
.cat-hero{padding-top:180px;max-width:900px;}
.cat-hero-title{
  font-family:'Archivo Expanded',sans-serif;font-weight:800;
  font-size:clamp(48px,8vw,120px);text-transform:uppercase;line-height:.95;
  letter-spacing:-1px;margin:20px 0 24px;
}
.cat-hero-lede{
  font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.75;
  color:var(--gray);max-width:640px;margin-bottom:40px;
}
.cat-subnav{
  display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:28px;border-top:1px solid var(--line);
}
.cat-subnav a{
  font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;
  color:var(--gray);text-decoration:none;padding:6px 0;position:relative;
}
.cat-subnav a:hover{color:var(--ink);}
.cat-subnav a.active{color:var(--ink);}
.cat-subnav a.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);}

/* ---------- CATEGORY PROJECT GRID ---------- */
.cat-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);
  border:1px solid var(--line);margin-top:24px;
}
.cat-card{
  background:var(--paper);cursor:pointer;display:flex;flex-direction:column;
}
.cat-card-image{aspect-ratio:4/3;overflow:hidden;}
.cat-card-image img{
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(60%) contrast(1.05);
  transition:filter .5s ease, transform .8s ease;
}
.cat-card:hover .cat-card-image img{filter:grayscale(0%) contrast(1.02);transform:scale(1.05);}
.cat-card-body{padding:28px 32px 36px;}
.cat-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;}
.cat-card-title{
  font-family:'Archivo Expanded',sans-serif;font-weight:700;font-size:clamp(20px,2vw,28px);
  text-transform:uppercase;letter-spacing:-.2px;
}
.cat-card-year{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent);white-space:nowrap;}
.cat-card-blurb{color:var(--gray);font-size:15px;line-height:1.65;max-width:440px;}

@media (max-width:760px){
  .cat-hero{padding-top:140px;}
  .cat-grid{grid-template-columns:1fr;}
}

/* ---------- CATEGORY CLOSING CTA ---------- */
.cat-cta{
  background:var(--ink);color:var(--paper);text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:32px;
}
.cat-cta-title{
  font-family:'Archivo Expanded',sans-serif;font-weight:800;
  font-size:clamp(36px,6vw,84px);text-transform:uppercase;line-height:1;letter-spacing:-.5px;
}