/* ==========================================================================
   Client Systems — vaka çalışması (public portfolio seviyesi)
   Güçlü referans, minimum operasyonel detay: modül, birim, entegrasyon,
   rapor, yetki yapısı ve ekran görüntüsü yayınlanmaz.
   ========================================================================== */

.case-hero {
  padding-block: 110px 115px;
}

.case-hero__top {
  align-items: center;
}

.case-hero__eyebrow {
  margin-top: 64px;
}

.case-hero__title {
  margin-top: 46px;
  font-size: clamp(3.5rem, 1rem + 8.4vw, 8.375rem);
  font-weight: 600;
  line-height: 0.92;
  letter-spacing: var(--tr-display);
}

.case-hero__lead {
  max-width: 780px;
  margin-top: 60px;
  font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
  line-height: 1.43;
  letter-spacing: -0.02em;
  color: #cecfc7;
}

.case-spec {
  margin-top: 50px;
}

.case-spec--plain {
  border-top-color: var(--line);
}

/* Açık hero (Winperax) */
.case-hero--light {
  padding-block: 96px 120px;
}

.case-hero__split {
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  column-gap: var(--gutter);
  row-gap: var(--space-24);
  align-items: start;
  margin-top: 44px;
}

.case-hero__split > :first-child {
  grid-column: 1 / span 6;
  margin-top: 0;
}

.case-hero__split > :last-child {
  grid-column: 7 / -1;
  padding-left: 12px;
  padding-top: 8px;
}

.case-hero__split .case-hero__eyebrow {
  margin-top: 0;
  margin-bottom: 18px;
}

.case-hero__title--accent {
  position: relative;
  padding-top: 30px;
}

.case-hero__title--accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 3px;
  background: #a8141e;
}

.case-hero__lead-light {
  font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.6875rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
}

/* Yaklaşım bandı */
.case-approach {
  padding-block: 150px 140px;
}

.case-approach__title {
  max-width: 1080px;
  font-size: clamp(2.25rem, 1.2rem + 4vw, 4.375rem);
}

.case-approach .case-spec {
  margin-top: 74px;
}

/* Gövde */
.case-body__text {
  padding-left: 12px;
}

.case-role {
  padding-bottom: var(--section);
}

.case-role__list .label {
  display: block;
  margin-bottom: 12px;
}

.case-role__second {
  margin-top: var(--space-64);
}

.case-role__title {
  margin-block: 12px 32px;
}

.case-privacy {
  padding-block: 70px;
}

.case-privacy__box {
  padding: 32px 28px;
  border: 1px dashed #a6a6a0;
}

.case-privacy__box .t-lead {
  max-width: 820px;
  margin-top: 12px;
  color: var(--ink-2);
}

.case-next {
  padding-block: 64px 96px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1023px) {
  .case-hero__split > :first-child,
  .case-hero__split > :last-child {
    grid-column: 1 / -1;
    padding-left: 0;
  }

  .case-body__text {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .case-hero {
    padding-block: 40px 64px;
  }

  .case-hero__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .case-hero__eyebrow {
    margin-top: 40px;
  }

  .case-hero__title {
    margin-top: 20px;
  }

  .case-hero__lead {
    margin-top: 28px;
  }

  .case-spec {
    margin-top: 40px;
  }

  .case-hero--light {
    padding-block: 40px 64px;
  }

  .case-hero__split {
    margin-top: 32px;
  }

  .case-approach {
    padding-block: 80px;
  }

  .case-approach .case-spec {
    margin-top: 48px;
  }

  .case-privacy {
    padding-block: 48px;
  }

  .case-privacy__box {
    padding: 24px 20px;
  }

  .case-next {
    padding-block: 48px 64px;
  }
}