.motion { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; padding-top: 40px; padding-bottom: 0; }
.motion-copy h2 { margin-top: 16px; }
.motion-copy h2 em { color: var(--plum); }
.motion-copy > p:not(.eyebrow) { margin-top: 18px; margin-bottom: 22px; color: var(--muted); font-size: 14px; }
.motion-preview { width: min(100%, 260px); justify-self: center; }
.motion-preview video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; border-radius: 8px; background: var(--blush); }
@media (max-width: 760px) {
  .hero .scroll-note { display: inline-flex; margin-top: 24px; }
  .motion { grid-template-columns: 1fr; gap: 20px; padding-top: 32px; padding-bottom: 0; }
  .motion-copy h2 br { display: none; }
  .motion-copy h2 em::before { content: ' '; }
}