/**
 * Case study detail pages: hero offset + fold height only.
 * Page background is shared-page-bg.css (same as home).
 * Markup: <div class="page page--case-study">...</div>
 */
.page.page--case-study {
  padding-top: 0;
}

.page.page--case-study .hero {
  padding-top: calc(74px + 3.75rem);
}

@media (max-width: 768px) {
  .page.page--case-study .hero {
    padding-top: calc(74px + 2.75rem);
  }
}

.case-study-fold {
  min-height: min(100dvh, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}