/* The opening of a page: words beside an illustration, above them on a phone. */
.k-art { display: block; width: 100%; height: auto; }
.k-art-trail {
  fill: none;
  stroke: var(--kartora-ink);
  stroke-width: 2;
  stroke-dasharray: 4 6;
  stroke-linecap: round;
  opacity: .35;
}
.k-art-next { fill: var(--kartora-tone-next); }
.k-hero { display: grid; gap: var(--kartora-space-5); align-items: center; grid-template-columns: minmax(0, 1fr); }
.k-hero > .k-art { max-width: 320px; order: -1; }
@container app (min-width: 720px) {
  .k-hero { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
  .k-hero > .k-art { order: 0; max-width: none; }
}