.motion-practice-grid,
.motion-comparison,
.motion-record-grid,
.motion-section-intro {
  display:grid;
  gap:clamp(28px,4vw,68px);
}
.motion-section { padding-block:clamp(54px,5.8vw,88px); }
.motion-record { background:var(--forest); color:#fff; }
.motion-record h2 { max-width:19em; }
.motion-record-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:34px;
}
.motion-record-grid article { border-top:1px solid #739486; padding-top:20px; }
.motion-record-grid h3 { color:#fff; }
.motion-record-grid p { margin-top:10px; color:#d8e7dd; font-size:16px; }
.motion-section-intro { grid-template-columns:1fr 1fr; align-items:start; margin-bottom:36px; }
.motion-section-intro .lead { margin:0; }
.motion-comparison { grid-template-columns:1fr 1fr; }
.motion-comparison article { border-top:1px solid var(--line); padding-top:22px; }
.motion-comparison article>p,
.motion-practice-note { font-size:16px; line-height:1.65; color:var(--muted); }
.motion-plot { margin:12px auto; max-width:480px; }
.motion-timing {
  width:100%;
  border-collapse:collapse;
  font-variant-numeric:tabular-nums;
  margin:24px 0;
}
.motion-timing caption { color:var(--muted); text-align:left; font-size:14px; margin-bottom:14px; }
.motion-timing th, .motion-timing td { padding:14px 10px; border-bottom:1px solid var(--line); text-align:left; }
.motion-timing th { font-weight:500; }
.motion-timing thead th { font-size:14px; }
.motion-timing tbody td { font-size:20px; font-weight:600; }
.motion-timing tbody td:nth-child(2) { color:#166549; }
.motion-timing tbody td:nth-child(3) { color:#984519; }
.motion-practice { background:var(--pale); }
.motion-practice-grid { grid-template-columns:1.15fr .85fr; align-items:center; }
.motion-practice-grid>div { max-width:540px; }
.motion-practice-note { margin-top:18px; }
.motion-practice-image { max-width:335px; width:100%; border:1px solid var(--line); justify-self:center; background:#fff; border-radius:10px; overflow:hidden; }
@media (max-width:800px) {
  .motion-practice-grid,.motion-comparison,.motion-section-intro { grid-template-columns:1fr; }
  .motion-section-intro,.motion-comparison { gap:24px; }
  .motion-record-grid { grid-template-columns:1fr; gap:22px; }
  .motion-record-grid article { padding-top:16px; }
  .motion-plot { max-width:440px; }
  .motion-practice-image { max-width:310px; }
}
@media (max-width:480px) {
  .motion-timing td,.motion-timing th { padding:12px 5px; }
  .motion-timing thead th { font-size:13px; }
  .motion-timing tbody th { font-size:15px; }
  .motion-timing tbody td { font-size:17px; }
}