/* ============================================================
   PROBLEM
   ============================================================ */
.problem { position: relative; overflow: clip; text-align: center; }
.problem__field {
  position: absolute; left: 50%; top: -20%; width: 90vmin; height: 90vmin;
  transform: translateX(-50%);
  background: var(--grad-forest); opacity: 0.7; filter: blur(80px);
  pointer-events: none;
}
.problem__inner { position: relative; display: flex; flex-direction: column; align-items: center; }
.problem__title { margin: 20px 0 24px; }
.problem__lead { margin: 0 auto 44px; }

.problem__stack {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px;
}
.problem__chip {
  padding: 11px 20px; border-radius: var(--r-pill);
  border: 1px solid var(--border-dark); font-size: var(--t-sm); color: var(--on-dark-2);
  background: rgba(244,241,234,0.04);
}
.problem__chip--ivy {
  background: var(--t-rose); color: var(--t-cream); border-color: transparent;
  font-family: var(--font-display); font-size: 1.05rem; font-weight: 600; padding: 11px 26px;
}
.problem__arrow { color: var(--on-dark-3); font-size: 1.2rem; }

@media (max-width: 560px) {
  .problem__stack { flex-direction: column; }
  .problem__arrow { transform: rotate(90deg); }
}