.client-graphic-card { grid-template-columns: 38fr 62fr; }
.client-graphic-copy h2 { font-size: clamp(14px,1.15vw,21px); overflow-wrap: anywhere; }
.client-graphic-copy p { margin-top: 6px; overflow-wrap: anywhere; line-height: 1.45; }
.client-case-specs { box-sizing: border-box; width: min(1170px,calc(100% - 80px)); margin: 32px auto 0; padding: 30px 40px; border: 1px solid #e4e4e4; background: #f8f8f8; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 48px; font-size: 15px; line-height: 1.6; }
.client-case-specs > div { display: flex; gap: 10px; min-width: 0; }
.client-case-specs dt { font-weight: 700; color: #222; flex-shrink: 0; }
.client-case-specs dd { margin: 0; color: #666; overflow-wrap: anywhere; }
@media(max-width: 767px) { .client-case-specs { width: calc(100% - 36px); grid-template-columns: 1fr; padding: 22px 18px; gap: 14px; font-size: 13px; } .client-case-specs > div { flex-wrap: wrap; gap: 2px 8px; } .client-graphic-card { min-height: 205px; } }

/* Keep all detail sections aligned with the graphic case list. */
.client-case-article > .brand-article-heading,
.client-case-article > .client-case-specs,
.client-case-article > .client-case-gallery,
.client-case-article > .client-case-more {
  box-sizing: border-box;
  width: min(1340px, 69.8vw, calc(100% - 80px));
  margin-inline: auto;
}
.client-case-article > .brand-article-heading { padding-inline: 0; }
@media (max-width: 1000px) {
  .client-case-article > .brand-article-heading,
  .client-case-article > .client-case-specs,
  .client-case-article > .client-case-gallery,
  .client-case-article > .client-case-more { width: calc(100% - 48px); }
}
@media (max-width: 700px) {
  .client-case-article > .brand-article-heading,
  .client-case-article > .client-case-specs,
  .client-case-article > .client-case-gallery,
  .client-case-article > .client-case-more { width: calc(100% - 40px); }
}

/* The model anchors the card; the remaining six specifications form three rows. */
.client-case-specs > .client-case-model {
  grid-column: 1 / -1;
  display: block;
  padding-bottom: 24px;
  margin-bottom: 2px;
  border-bottom: 1px solid #dedede;
}
.client-case-model dt { font-size: 12px; font-weight: 500; letter-spacing: .08em; color: #777; }
.client-case-model dd { margin-top: 6px; }
.client-case-model h1 { margin: 0; color: #231815; font-size: clamp(25px, 2vw, 34px); line-height: 1.2; font-weight: 700; letter-spacing: .02em; }
@media(max-width: 767px) {
  .client-case-specs > .client-case-model { padding-bottom: 20px; margin-bottom: 4px; }
}

/* Keep the return label and arrow together on a single horizontal row. */
.client-case-more { grid-template-columns: 1fr; }
.client-case-more a {
  min-height: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  padding: 28px 0;
}
.client-case-more strong { max-width: none; }
.client-case-more svg { flex-shrink: 0; }
@media (max-width: 700px) {
  .client-case-more a { padding: 22px 0; gap: 12px; }
}