/* Companion design system for crawlable editorial portfolio case studies. */
.case-hero{padding-bottom:62px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}.case-tags span{font-size:12px;letter-spacing:.2px;color:var(--lime);border:1px solid #495b3c;border-radius:30px;padding:6px 12px}
.case-image{padding-top:30px;padding-bottom:24px}.case-image img{display:block;max-height:610px;object-fit:contain;background:#20251e;border:1px solid var(--line);border-radius:18px;width:100%}.case-caption{font-size:12px;color:var(--muted);margin:9px 0 0}
.case-readable{max-width:830px}.case-readable p{font-size:17px;line-height:1.85;color:#d0d6c9}.case-source-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.case-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.case-index-card{overflow:hidden;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.case-index-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.case-index-card>div{padding:25px}.case-index-card h3{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.2;margin:11px 0}.case-index-card h3 a{text-decoration:none}.case-index-card h3 a:hover{color:var(--lime)}.case-index-card p{color:#ccd1c6}
.case-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-related{display:flex;flex-direction:column;gap:6px;text-decoration:none;border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:14px}.case-related span:first-child{font-size:12px;color:var(--lime)}.case-related strong{font-family:'Space Grotesk',sans-serif;font-size:21px}.case-related span:last-child{align-self:end;color:var(--lime)}.case-related:hover{border-color:var(--lime)}
@media(max-width:720px){.case-index-grid,.case-related-grid{grid-template-columns:1fr}.case-index-card>div{padding:20px}.case-readable p{font-size:16px}.case-image{padding-top:16px}}