/* A finished static wave, independent of the animated hero and scroll reveals. */
.onde-static-story .onde-story {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 2rem;
  overflow: visible;
  align-items: center;
}
.onde-static-story .onde-story > div { min-width: 0; }
.onde-static-story .story-wave {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  background: radial-gradient(ellipse at 64% 43%, rgba(34,211,238,.07), transparent 60%);
}
.story-wave__path {
  stroke: #155EEF;
  stroke-width: 1.8;
  stroke-opacity: .78;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.story-wave__path:nth-child(5), .story-wave__path:nth-child(7) { stroke-width: 1.5; stroke-opacity: .62; }
.story-wave__path.story-wave__path--quiet { stroke: #60738A; stroke-opacity: .48; stroke-width: 1.5; }
.story-wave__node { fill: #F4F8FC; stroke: #155EEF; stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.story-wave__node.story-wave__node--origin { fill: #CFFAFE; stroke: #0B4ACB; stroke-width: 2; }
.story-wave__node.story-wave__node--quiet { fill: #EAF2FF; stroke: #60738A; stroke-opacity: .65; }
.story-wave text { fill: #102A4A; font-size: 12px; font-weight: 700; letter-spacing: 2px; }
.story-wave-frame { min-width: 0; }
.onde-static-story .story-wave--mobile { display: none; }
@media (max-width: 63.99rem) {
  .onde-static-story .onde-story { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .onde-static-story .story-wave { max-width: 44rem; justify-self: center; }
}
@media (max-width: 47.99rem) {
  .onde-static-story .story-wave--desktop { display: none; }
  .onde-static-story .story-wave--mobile { display: block; max-width: 24rem; margin-inline: auto; }
}