.product-header { padding-top: 32px; }
.product-header .hero-icon { width: 96px; height: 96px; }
.product-header h1 { font-size: 44px; letter-spacing: 0; }
.product-header .tagline { font-size: 26px; }
.product-header .lede { font-size: 20px; }
.groove-demo { padding: 28px 0 40px; border-top: 1px solid var(--line); }
.groove-demo h2 { font-size: 28px; letter-spacing: 0; }
.groove-demo p { max-width: 760px; }
.groove-demo video { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 938; background: #23282b; }
.groove-caption { color: var(--muted); font-size: 14px; }
.groove-shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }
.groove-shots figure { margin: 0; min-width: 0; }
.groove-shots img { display: block; width: 100%; height: auto; }
.groove-shots figcaption { margin-top: 8px; font-size: 16px; }
.feature-grid article { border: 0; border-radius: 0; background: transparent; padding: 20px 0; }
.feature-grid h2 { letter-spacing: 0; }
@media (max-width: 700px) {
  .product-header h1 { font-size: 34px; }
  .groove-shots { grid-template-columns: 1fr; }
}