/* ==========================================================================
   Case Studies
   ========================================================================== */

/* --- Hero ---------------------------------------------------------------- */
.cs-hero { position: relative; background: transparent; }
.cs-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: var(--section-y) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.cs-hero__title { display: flex; gap: 24px; align-items: center; justify-content: center; flex-wrap: wrap; }
.cs-hero__title .h1 { white-space: nowrap; }
.cs-hero__lead { width: 720px; max-width: 100%; }
.cs-hero__glow {
  left: 84%;
  top: 140px;
  width: 620px;
  height: 700px;
  opacity: .85;
  --glow-rot: -18deg;
  --glow-dur: 25s;
  --glow-delay: -3s;
}
@media (max-width: 900px) {
  .cs-hero__title { gap: 8px; }
  .cs-hero__title .h1 { white-space: normal; }
}

/* --- Case-Study-Karte ---------------------------------------------------- */
.cs-list { position: relative; background: transparent; }
.cs-list__inner {
  position: relative;
  z-index: 1;
  padding-block: var(--space-7) var(--section-y);
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.cs-study {
  width: 960px;
  max-width: 100%;
  background: var(--white);
  box-shadow: var(--ring), var(--elev-2);
  border-radius: var(--radius-lg);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.cs-study__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}
.cs-study__label {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--blue-main);
}
.cs-study__logo { height: 25px; width: auto; }
.cs-study__title {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(24px, 2.223vw, 32px);
  line-height: 1.2;
}
.cs-study__text {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-body);
}
.cs-study__results { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.cs-study__rlabel {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}
.cs-study__results ul { display: flex; flex-direction: column; gap: 12px; }
.cs-study__results li { display: flex; gap: 16px; align-items: center; }
.cs-study__results .dot {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-pill);
  background: var(--blue-light);
  box-shadow: var(--elev-2);
}
.cs-study__results .dot img { width: 16px; height: 16px; }
.cs-study__results p {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  color: var(--text-body);
}
.cs-study .btn { margin-top: 8px; }
.cs-more {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  color: var(--text-muted);
  text-align: center;
}
.cs-list__glow {
  left: 14%;
  top: 320px;
  width: 727.5px;
  height: 818.2px;
  --glow-scale: .8;
  --glow-rot: 150deg;
  --glow-dur: 34s;
  --glow-delay: -16s;
}
@media (max-width: 700px) {
  .cs-list__inner { gap: 24px; }
  .cs-study { padding: 24px; border-radius: var(--radius-md); gap: 16px; }
  .cs-study .btn { width: 100%; }
}