/* Related Projects cards at the end of a Case page (Owner task5..md 2026-10-27): like the suggestions after a video -
   real cover, client, show + year; the whole card is one link. Three across on desktop, two on tablets and phones,
   one on very narrow screens. */
.case-related-projects{margin-top:36px}
.case-related-projects h2{margin:0 0 16px}
.case-related-projects .rp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-related-projects .rp-item{margin:0;min-width:0}
.case-related-projects .rp-card{display:flex;flex-direction:column;height:100%;background:#11151b;border:1px solid #2a2e38;border-radius:10px;overflow:hidden;color:#e8edf2;text-decoration:none;transition:border-color .15s,transform .15s}
.case-related-projects .rp-card:hover,.case-related-projects .rp-card:focus-visible{border-color:#ff6b4a;transform:translateY(-2px)}
.case-related-projects .rp-card:focus-visible{outline:2px solid #ff6b4a;outline-offset:2px}
.case-related-projects .rp-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#1a1f27}
.case-related-projects .rp-text{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.case-related-projects .rp-client{font-weight:700;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
.case-related-projects .rp-event{color:#c7d0dc;font-size:.92rem}
.case-related-projects .rp-why{color:#9ba7b6;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.case-related-projects .case-hub-link{margin:16px 0 0}
@media (max-width:760px){.case-related-projects .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-related-projects .rp-text{padding:10px}}
@media (max-width:380px){.case-related-projects .rp-grid{grid-template-columns:1fr}}