/* [project]/src/components/home/the-problem.css [app-client] (css) */
.dw-home-problem__index {
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-0);
  flex-wrap: wrap;
  display: flex;
}

.dw-home-problem__masthead {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dw-home-problem__story {
  gap: clamp(var(--space-6), 3vw, var(--space-10));
  flex-direction: column;
  display: flex;
}

.dw-home-problem__headline {
  max-width: var(--measure-ch-sm);
}

.dw-home-problem__columns {
  max-width: var(--measure-page);
}

@media (min-width: 1024px) {
  .dw-home-problem__columns {
    columns: 2;
    column-gap: var(--space-10);
    column-rule: var(--border-width) var(--border-style-solid) var(--border);
  }
}

.dw-home-problem__para {
  margin-bottom: var(--space-4);
}

.dw-home-problem__para[data-cap]:first-letter {
  float: left;
  padding-right: var(--space-2);
  font: var(--text-dropcap);
}

.dw-home-problem__para[data-kicker] {
  margin-bottom: var(--space-0);
}

/*# sourceMappingURL=3woas0mjtm9yf.css.map*/