/* Works case pages — tighter title and first image composition v14 */
.case-page {
  padding-top: clamp(92px, 8vw, 128px) !important;
}

.case-title-section {
  min-height: clamp(168px, 22vh, 260px) !important;
  padding-top: clamp(34px, 4.2vw, 68px) !important;
  padding-bottom: clamp(24px, 3.2vw, 48px) !important;
}

.case-title-inner {
  max-width: min(1040px, 88vw) !important;
}

.case-title-inner h1 {
  font-size: clamp(30px, 3.9vw, 68px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.055em !important;
  max-width: min(82vw, 820px) !important;
}

.case-back-link {
  margin-bottom: clamp(24px, 3vw, 44px) !important;
}

.case-gallery {
  padding-top: clamp(10px, 1.6vw, 28px) !important;
}

.case-gallery-inner {
  max-width: min(1480px, 92vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.case-image-card-wide,
.case-image-card:first-child {
  grid-column: 3 / -3 !important;
  width: 100% !important;
  max-width: min(72vw, 1160px) !important;
  justify-self: center !important;
  margin-bottom: clamp(18px, 2.2vw, 36px) !important;
}

.case-image-card-wide .case-image-wrap,
.case-image-card:first-child .case-image-wrap {
  width: 100% !important;
  display: block !important;
}

.case-image-card-wide .case-image,
.case-image-card:first-child .case-image {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (min-width: 1500px) {
  .case-title-inner h1 {
    font-size: clamp(46px, 3.5vw, 66px) !important;
  }
  .case-image-card-wide,
  .case-image-card:first-child {
    max-width: 1120px !important;
  }
}

@media (max-width: 1100px) {
  .case-title-inner h1 {
    font-size: clamp(34px, 6vw, 62px) !important;
    max-width: 88vw !important;
  }
  .case-image-card-wide,
  .case-image-card:first-child {
    grid-column: 2 / -2 !important;
    max-width: 86vw !important;
  }
}

@media (max-width: 900px) {
  .case-page {
    padding-top: 104px !important;
  }
  .case-title-section {
    min-height: 190px !important;
    padding-top: 42px !important;
    padding-bottom: 34px !important;
  }
  .case-title-inner {
    max-width: 92vw !important;
  }
  .case-title-inner h1 {
    font-size: clamp(28px, 9vw, 48px) !important;
    max-width: 92vw !important;
    line-height: .94 !important;
  }
  .case-back-link {
    margin-bottom: 26px !important;
  }
  .case-image-card-wide,
  .case-image-card:first-child {
    grid-column: 1 / -1 !important;
    max-width: 92vw !important;
  }
}

/* v15 — keep Back to Works pinned to the left edge on every case page */
.case-title-section {
  position: relative !important;
}

.case-back-link {
  position: absolute !important;
  left: clamp(28px, 3.2vw, 64px) !important;
  top: clamp(58px, 6.2vw, 112px) !important;
  margin: 0 !important;
  z-index: 5 !important;
  width: max-content !important;
  max-width: calc(100vw - 56px) !important;
  transform: none !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.case-title-inner {
  margin-left: auto !important;
  margin-right: auto !important;
}

.case-title-inner h1 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  .case-back-link {
    left: 24px !important;
    top: 32px !important;
  }

  .case-title-section {
    padding-top: 76px !important;
  }
}