/* ============================================================
   JAY STANTS · case studies (/work/)
   builds on blog.css: cream on ink, plain scroll, no scripts
   ============================================================ */

/* ---------- case study page ---------- */
.case { max-width: 820px; margin: 0 auto; }

.case__head .section-kicker { letter-spacing: 0.38em; }
.case__head .post__title { margin-top: 0.4rem; }

/* stat strip: landing .stat visual language, scaled for an article page */
.case-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: clamp(2.2rem, 6vh, 3.5rem) 0 clamp(2.6rem, 7vh, 4.2rem);
  border-top: 1px solid rgba(242, 236, 221, 0.12);
  border-bottom: 1px solid rgba(242, 236, 221, 0.12);
}
.case-stats .stat { padding: 1.7rem 0.8rem; }
.case-stats .stat + .stat::before {
  left: 0; top: 22%; bottom: 22%;
}
.case-stats .stat__num { font-size: clamp(1.9rem, 4.2vw, 3.1rem); }
.case-stats .stat__label {
  margin-top: 0.7rem;
  font-size: 0.6rem; letter-spacing: 0.24em;
}

@media (max-width: 640px) {
  .case-stats { grid-template-columns: repeat(2, 1fr); }
  .case-stats .stat:nth-child(3)::before { display: none; }
}

/* ---------- companion post link ---------- */
.case-cta { margin-top: 3.2rem; }
.case-cta a {
  display: inline-block;
  border: 1px solid var(--emerald);
  color: var(--emerald);
  padding: 1em 1.7em;
  font-size: 0.7rem; letter-spacing: 0.28em; font-weight: 700;
  text-decoration: none; text-transform: uppercase;
  transition: background 0.25s, color 0.25s;
}
.case-cta a:hover { background: var(--emerald); color: var(--ink); }

/* ---------- prev / next ---------- */
.case-nav {
  margin-top: 3.5rem;
  padding-top: 1.7rem;
  border-top: 1px solid rgba(242, 236, 221, 0.1);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  align-items: center;
}
.case-nav a {
  color: var(--cream-dim); text-decoration: none;
  font-size: 0.68rem; letter-spacing: 0.2em; font-weight: 500;
  text-transform: uppercase;
  transition: color 0.25s;
}
.case-nav a:hover { color: var(--emerald); }
.case-nav__all { text-align: center; }
.case-nav__next { text-align: right; }

@media (max-width: 640px) {
  .case-nav { grid-template-columns: 1fr; }
  .case-nav__all, .case-nav__next { text-align: left; }
}

/* ---------- /work/ index cards ---------- */
.work-card__stats {
  margin-top: 1.5rem;
  display: flex; flex-wrap: wrap;
  gap: 0.7rem 2.2rem;
}
.work-card__stat { white-space: nowrap; }
.work-card__stat-value {
  font-family: var(--display);
  font-size: 1.35rem;
  color: var(--cream);
}
.work-card__stat-label {
  font-size: 0.58rem; letter-spacing: 0.22em;
  color: var(--cream-dim); text-transform: uppercase;
  margin-left: 0.5em;
}