/* Cases-oversigt */
.cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.8vw, 40px); }
@media (max-width: 880px) { .cases-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .cases-grid { grid-template-columns: 1fr; } }

/* Case-detalje (samme slug = cases) */
.case-detail { padding-block: var(--section-y); }
.case-detail__top { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 80px); align-items: start; }
.case-detail__meta { display: flex; flex-direction: column; gap: 0.5rem; }
.case-detail__title { font-size: var(--fs-display); margin-top: 0.4rem; }
.case-detail__loc { font-size: var(--fs-eyebrow); text-transform: uppercase; letter-spacing: 0.24em; color: var(--brass-deep); }
.case-detail__lead { font-size: var(--fs-lead); font-weight: 300; line-height: 1.6; color: var(--ink-soft); }
.case-detail__materials { list-style: none; margin: 2rem 0 0; padding: 0; }
.case-detail__materials li { padding: 0.8em 0; border-bottom: 1px solid var(--line); font-size: 0.98rem; }
.case-detail__materials-title { font-size: var(--fs-eyebrow); text-transform: uppercase; letter-spacing: 0.24em; color: var(--brass-deep); margin-bottom: 0.6rem; }
.case-detail__body { margin-top: clamp(40px, 6vw, 80px); }
.case-detail__nav { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: clamp(40px, 5vw, 72px); padding-top: 28px; border-top: 1px solid var(--line); flex-wrap: wrap; }

@media (max-width: 880px) { .case-detail__top { grid-template-columns: 1fr; } }