/* A curved valley introduces the problem cards. */
.wf-video-concerns {
  --concerns-ground: #ece6f2;
  background: var(--concerns-ground);
  color: #2c1e46;
  scroll-margin-top: 100px;
}
.wf-video-concerns__valley { position: relative; overflow: hidden; background: #fff; }
.wf-video-concerns__curve { display: block; width: 100%; height: auto; overflow: hidden; }
.wf-video-concerns__curve--mobile { display: none; }
.wf-video-concerns__valley-fill { fill: var(--concerns-ground); }
.wf-video-concerns__question { fill: #2c1e46; font-family: "Shippori Mincho", serif; font-size: 58px; font-weight: 500; letter-spacing: .06em; }
.wf-video-concerns__question-accent { fill: #8d62a7; }
.wf-video-concerns h2.wf-video-concerns__accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wf-video-concerns__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 32px 64px;
}
.wf-video-concerns h2 {
  margin: 0 0 40px;
  text-align: center;
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.8;
  letter-spacing: .025em;
}
.wf-video-concerns h2 > span { display: inline-block; }
.wf-video-concerns__emphasis {
  color: #86529d;
  text-emphasis: '•';
  text-emphasis-position: over;
  text-emphasis-color: #9162a8;
}
.wf-video-concerns__cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wf-video-concerns__cards li {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  min-width: 0;
  padding: 24px 18px 28px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}
/* Content stays visible without JavaScript; each card reveals on entry. */
.wf-video-concerns__cards [data-card-reveal] {
  opacity: var(--concern-opacity, 1);
  transform: translateY(var(--concern-shift, 0px));
  transition: none;
}
.motion-off .wf-video-concerns__cards [data-card-reveal],
.im-no-motion .wf-video-concerns__cards [data-card-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .wf-video-concerns__cards [data-card-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.wf-video-concerns__cards li:nth-child(4) { grid-column: 2 / 4; }
.wf-video-concerns__cards li:nth-child(5) { grid-column: 4 / 6; }
.wf-video-concerns__icon { width: 38px; height: 36px; color: #918b98; flex: none; }
.wf-video-concerns__cards p {
  margin: 0;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.65;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.wf-video-concerns__cards strong { color: #86529d; }
.wf-video-concerns__solution {
  padding: 94px 24px 68px;
  background: linear-gradient(110deg, #2c1e46 0%, #68417f 55%, #9162a8 100%);
  color: #fff;
  text-align: center;
  clip-path: polygon(0 0, 50% 52px, 100% 0, 100% 100%, 0 100%);
}
.wf-video-concerns__solution p {
  margin: 0;
  font-size: clamp(27px, 2.7vw, 38px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: .035em;
}
.wf-video-concerns__solution p > span { display: inline-block; }
.wf-video-concerns__solution .thread-wordmark { display: block; position: relative; width: min(780px, 100%); aspect-ratio: 2079 / 177; margin: 0 auto 26px; overflow: visible; opacity: calc(.94 * var(--wordmark-visibility, 1)); }
.wf-video-concerns__solution .thread-wordmark-frame { position: absolute; inset: 0; overflow: hidden; filter: blur(var(--wordmark-blur, 0px)); }
.wf-video-concerns__solution .thread-wordmark img { position: absolute; display: block; width: 104.4733%; max-width: none; height: auto; left: -2.3569%; top: -152.5424%; filter: url('#solution-wordmark-ink-tint'); pointer-events: none; }
.wf-video-concerns__solution .thread-wordmark-particles { position: absolute; left: -24px; top: -24px; pointer-events: none; }
.wf-video-concerns__solution .thread-wordmark-particles[hidden] { display: none; }
.wf-video-concerns__solution .wf-video-concerns__resolution { display: block; }
.wf-video-concerns__resolution-accent { color: #dcc2e8; }
.wf-video-concerns__solution .wf-video-concerns__lead { font-size: .7em; margin-bottom: 10px; }
.wf-video-concerns__answer {
  text-emphasis: '•';
  text-emphasis-position: over;
  text-emphasis-color: #dcc2e8;
}
@media (max-width: 900px) {
  .wf-video-concerns__inner { padding-inline: 24px; }
  .wf-video-concerns__cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wf-video-concerns__cards li:nth-child(n) { grid-column: span 2; }
  .wf-video-concerns__cards li:nth-child(5) { grid-column: 2 / 4; }
  .wf-video-concerns__cards--three li:last-child { grid-column: 2 / 4; }
}
@media (max-width: 600px) {
  .wf-video-concerns { scroll-margin-top: 88px; }
  .wf-video-concerns__curve--desktop { display: none; }
  .wf-video-concerns__curve--mobile { display: block; }
  .wf-video-concerns__question { font-size: 33px; letter-spacing: .02em; }
  .wf-video-concerns__inner { padding: 8px 20px 40px; }
  .wf-video-concerns h2 { margin-bottom: 28px; font-size: 24px; letter-spacing: 0; }
  .wf-video-concerns__cards { grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: 380px; margin: 0 auto; }
  .wf-video-concerns__cards li:nth-child(n) { grid-column: 1; padding: 20px 16px; gap: 10px; }
  .wf-video-concerns__icon { width: 30px; height: 28px; }
  .wf-video-concerns__cards p { font-size: 16px; }
  .wf-video-concerns__solution { padding: 70px 16px 52px; clip-path: polygon(0 0, 50% 30px, 100% 0, 100% 100%, 0 100%); }
  .wf-video-concerns__solution p { font-size: 25px; letter-spacing: 0; line-height: 1.9; }
  .wf-video-concerns__solution .wf-video-concerns__lead { font-size: 18px; margin-bottom: 8px; }
}