/* Let the mobile introduction wrap as one balanced paragraph.
   The five numbered steps and their scroll states retain their layout. */
@media (max-width: 720px) {
  #process .process-title > p {
    width: 100%;
    max-width: none;
    font-size: clamp(14px, 3.9vw, 15px);
    line-height: 1.5;
    text-wrap: balance;
  }

  #process .process-note-line {
    display: inline;
    white-space: normal;
  }

  #process .process-layout {
    row-gap: 40px;
  }
}
@media (max-width: 350px) {
  #process .process-title > p { font-size: 13.5px; letter-spacing: -.03em; }
}