/* ==========================================================================
   Feature splits: copy beside a product shot, alternating sides with .flip.
   ========================================================================== */

.feature-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  margin-bottom: 7rem;
}
.feature-split:last-child { margin-bottom: 0; }
.feature-split.flip .feature-text { order: 2; }
.feature-split.flip .feature-visual { order: 1; }
.feature-text h2 { margin-bottom: 20px; }
.feature-text p { font-size: 17px; color: var(--muted); }

@media (max-width: 1020px) {
  .feature-split { gap: 48px; }
}
@media (max-width: 820px) {
  .feature-split { grid-template-columns: 1fr; margin-bottom: 5rem; }
  .feature-split.flip .feature-text { order: 1; }
  .feature-split.flip .feature-visual { order: 2; }
}