.page-services .service-list { display: grid; gap: 100px; }
.page-services .service-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; }
.page-services .service-feature:nth-child(even) .service-feature__visual { order: 2; }
.page-services .service-feature__visual { min-height: 480px; }
.page-services .service-feature__visual img, .page-services .service-pattern { width: 100%; height: 100%; min-height: 480px; object-fit: cover; border-radius: 18px; }
.page-services .service-pattern { position: relative; display: grid; place-items: center; background: var(--ink); overflow: hidden; }
.page-services .service-pattern::before, .page-services .service-pattern::after { content: ""; position: absolute; border: 2px solid var(--accent); border-radius: 50%; width: 320px; height: 320px; }
.page-services .service-pattern::after { width: 180px; height: 180px; border-color: var(--purple); }
.page-services .service-pattern span { position: relative; z-index: 1; color: #fff; font-size: 6rem; font-weight: 820; }

@media (max-width: 760px) {
  .page-services .service-feature, .page-services .service-feature:nth-child(even) { grid-template-columns: 1fr; }
  .page-services .service-feature:nth-child(even) .service-feature__visual { order: 0; }
  .page-services .service-list { gap: 65px; }
  .page-services .service-feature__visual, .page-services .service-feature__visual img, .page-services .service-pattern { min-height: 340px; }
}
@media (max-width: 430px) {
  .page-services .service-pattern span { font-size: 5.5rem; }
}