/* Case study "Our Approach" cards: every card heading stays on one line, so
   a long heading never pushes its subheading and text down out of line with
   the cards beside it. One rule for every case study: headings keep their
   original size (case-studies CSS: clamp(.95rem, .88rem + .3vw, 1.15rem))
   unless the card is too narrow, then shrink with the card's width. The
   limit comes from the longest heading on the site, "End-to-End Social Media
   Management" (IZB), about 17.5em wide in bold Outfit, so all headings on a
   screen share one size. Loaded on index.html and work.html (both carry the
   case study pop-ups). */

.case__channel {
  container-type: inline-size;
}

/* Project cards (the cards that open the case studies): no focus ring when
   focus comes back to the card after closing a case study that was opened by
   click or tap (case-focus.js adds .no-ring). */
.project-card__open.no-ring:focus-visible::after {
  outline: none;
}
.case__channel h4 {
  font-size: min(clamp(.95rem, .88rem + .3vw, 1.15rem), 100cqi / 17.8);
  white-space: nowrap;
  /* safety net only, e.g. if the web font fails and a wider one is used */
  overflow: hidden;
  text-overflow: ellipsis;
}