/* Problem / solution section */

.problem {
  background: var(--tc-cream);
  border-top: 1px solid var(--tc-warm-line);
  border-bottom: 1px solid var(--tc-warm-line);
}
.problem__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(40px, 6vw, 96px);
  align-items: start;
}
.problem__quote {
  font-family: var(--serif);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.2;
  font-weight: 400;
  color: var(--tc-ink);
  letter-spacing: -0.015em;
}
.problem__quote em {
  font-style: italic;
  color: var(--tc-green);
}
.problem__text {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.problem__text p {
  color: var(--tc-ink-2);
  font-size: 17px;
  line-height: 1.65;
  max-width: 56ch;
}
.problem__text p strong {
  color: var(--tc-navy);
  font-weight: 600;
}

@media (max-width: 880px) {
  .problem__grid { grid-template-columns: 1fr; }
}