/* ============================================================
   Case-Study-Seiten
   ============================================================ */

.case-hero { min-height: 64svh; }
.case-heroshot { padding-top: 0; padding-bottom: 0; margin-top: -2rem; }
.case-heroshot .shot { max-width: 1500px; margin: 0 auto; }
.factbar-wrap { padding-block: clamp(2.5rem, 6vh, 4rem); }

.case-body { padding-top: clamp(3rem, 8vh, 6rem); }
.case-tags { margin-top: 1.6rem; }
.case-copy { display: grid; gap: clamp(2.5rem, 6vh, 4.5rem); }
.case-copy__head {
  font-size: var(--fs-h3);
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  gap: 0.8em;
}
.case-copy__num { color: var(--accent); font-size: var(--fs-label); letter-spacing: 0.1em; }
.case-copy__text { color: var(--ink-dim); max-width: 62ch; display: grid; gap: 1.1em; font-size: var(--fs-body); line-height: 1.75; }

/* Galerie */
.case-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 3rem);
  padding: var(--sp-section) var(--sp-gutter);
  background: var(--bg-deep);
  border-block: 1px solid var(--line);
}
.case-gallery__item--wide { grid-column: 1 / -1; max-width: 1500px; justify-self: center; width: 100%; }
@media (max-width: 820px) { .case-gallery { grid-template-columns: 1fr; } }

/* Full-Page-Scroll im Rahmen */
.case-full .shot--scroll .shot__viewport { max-height: 74svh; }
.case-full .shot--scroll img { will-change: transform; }

/* Leistungsumfang */
.case-scope__title { font-family: var(--font-display); font-size: var(--fs-h2); line-height: 0.95; margin: 1rem 0 2.5rem; }
.case-scope__list {
  list-style: none;
  border-top: 1px solid var(--line);
  max-width: 1100px;
}
.case-scope__item {
  display: flex;
  gap: 1.6rem;
  align-items: baseline;
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--line);
  font-weight: 500;
}
.case-scope__num { color: var(--accent); font-size: var(--fs-label); }

/* Next-Case */
.case-next { border-top: 1px solid var(--line); }
.case-next__link {
  display: block;
  padding: clamp(3.5rem, 9vh, 6.5rem) var(--sp-gutter);
  transition: background 0.4s;
}
.case-next__link:hover { background: var(--bg-raise); }
.case-next__title {
  font-family: var(--font-display);
  font-size: var(--fs-h2);
  text-transform: uppercase;
  line-height: 1;
  margin-top: 0.8rem;
  transition: color var(--dur-fast);
}
.case-next__link:hover .case-next__title { color: var(--accent); }
.case-next__arrow { display: inline-block; transition: transform 0.4s var(--ease-out); }
.case-next__link:hover .case-next__arrow { transform: translateX(0.35em); }