/* Case-study single: cross-references after the end credits (matching service,
   guide article, sibling case studies). Markup: template-parts/cinema/case-study-related.php.
   Reuses .cx-links (cinema.css) and .csd-trailer (case-study.css). */
.csd-related {
  isolation: isolate; overflow: clip; padding-block: clamp(60px, 6.5vw, 100px); border-top: 1px solid var(--line); background: var(--wall);
}
.csd-related__head { margin-bottom: clamp(22px, 2.6vw, 34px); }
.csd-related__head .kicker { margin-bottom: 10px; }
.csd-related__title { font-size: clamp(1.6rem, 1rem + 1.9vw, 2.5rem); }
.csd-related__links { margin-bottom: clamp(18px, 2.2vw, 28px); }
.csd-related__links a > span small:last-child:not(:first-child) { margin-top: 2px; line-height: 1.8; }
.csd-related__service { border-color: rgba(224, 169, 95, .38); background: rgba(224, 169, 95, .045); }
.csd-related__cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); }
.csd-related__cases--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.csd-related__cases--1 { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
.csd-related .csd-trailer { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 14px; }
.csd-related .csd-trailer__code, .csd-related .csd-trailer__go { display: none; }
@media (max-width: 1100px) {
  .csd-related__cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .csd-related__cases--3 > :last-child { grid-column: 1 / -1; }
  .csd-related__cases--3 > :last-child.csd-trailer { grid-template-columns: minmax(0, 40%) minmax(0, 1fr); align-items: center; }
}
@media (max-width: 640px) {
  .csd-related__cases, .csd-related__cases--2 { grid-template-columns: minmax(0, 1fr); }
  .csd-related .csd-trailer, .csd-related__cases--3 > :last-child.csd-trailer { grid-template-columns: minmax(0, 40%) minmax(0, 1fr); align-items: center; padding: 10px; }
}