/* 1440 × 672: statement at left 48 / top 119, 685 wide, 112 / 0.9.
   The --tc-intro-* values are 1440-canvas px set from the Layout controls. */
.tc-case.tc-case-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--tc-intro-gap, 24) * var(--u));
  min-height: calc(var(--tc-intro-min, 672) * var(--u));
  padding: calc(var(--tc-intro-pt, 119) * var(--u)) var(--tc-m) calc(var(--tc-intro-pb, 96) * var(--u));
  background: var(--tangerine-cream, #fff9f5);
}

.tc-case-intro .tc-case-intro__kicker {
  margin: 0;
  font-size: calc(15 * var(--u));
  line-height: calc(20 * var(--u));
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.tc-case-intro .tc-case-intro__title {
  width: calc(var(--tc-intro-width, 685) * var(--u));
  max-width: 100%;
  margin: 0;
  font-size: calc(var(--tc-intro-size, 112) * var(--u));
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.tc-case-intro .tc-case-intro__text {
  display: flex;
  flex-direction: column;
  gap: calc(21 * var(--u));
  width: calc(432 * var(--u));
  max-width: 100%;
  font-size: calc(15 * var(--u));
  line-height: calc(21 * var(--u));
}

/* Tablet and mobile spacing, widths and statement size are Elementor defaults (Section / Statement / Body). */
@media (max-width: 1024px) {
  .tc-case.tc-case-intro {
    min-height: 0;
  }
}