@media screen and (min-width: 821px) {
  .flow-intro {
    margin-bottom: 5rem;
  }
  .flow-step {
    gap: 1.25rem;
  }
  .flow-step > .item {
    gap: 2.5rem;
    grid-template-columns: 1.22fr 8.78fr;
  }
  .flow-step > .item > .ornament > .text > .number {
    font-size: 2.25rem;
  }
  .flow-step > .item > .ornament::after {
    background-image: radial-gradient(circle, var(--color-project-gold) 1.5px, rgba(165, 150, 110, 0) 1.5px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 3px 8px;
    content: "";
    height: 100%;
    margin: auto;
    width: 3px;
  }
  .flow-step > .item > .text {
    gap: 1.25rem;
    margin-bottom: 2.5rem;
    padding-bottom: 3.75rem;
  }
  .flow-step > .item:last-child > .ornament::after {
    content: none;
  }
  .flow-faq {
    gap: 5.625rem;
  }
  .flow-faq > .content {
    gap: 2.5rem;
  }
  .flow-faq-item {
    padding: 2.5rem 1.25rem;
  }
  .flow-faq-item > .title {
    gap: 1.25rem;
  }
}