/* ==========================================================================
   WORK / PROJECTS PAGE — additions on top of secondary.css (.case-study).
   Only the media composition and action row for the single featured case
   study, which secondary.css doesn't define sizing for.
   ========================================================================== */

.case-study__media {
  margin: 32px 0;
  border-radius: var(--dh-card-radius);
  overflow: hidden;
  border: 1px solid rgba(168, 170, 172, .16);
  background: var(--charcoal-800);
}

.case-study__media img {
  display: block;
  width: 100%;
  height: auto;
}

.case-study__actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .case-study__actions .btn { width: 100%; justify-content: center; }
}