/* Motion only: retain the established type, palette and layout. */
.hero-title { display: block; }
.product-story { position: relative; }
.product-story.is-scroll-story .product-pin { position: sticky; top: 24px; }
.product-pin { padding: 8px 0 16px; background: white; }
.product-story.is-scroll-story .feature-panel { min-height: 440px; }
.story-track { height: 3px; margin: -10px 0 20px; background: var(--line); overflow: hidden; display: none; }
.is-scroll-story .story-track { display: block; }
.story-track span { display: block; width: 100%; height: 100%; background: var(--lime); transform: scaleX(0); transform-origin: left; }
.tablet-composition { will-change: transform; }
.tablet-composition { transform-origin: 50% 70%; }
.screenshot-example { position: relative; isolation: isolate; }
.screenshot-example .screenshot-link { aspect-ratio: 1586 / 992; }
.screenshot-example .screenshot-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  border: 1px solid #dce3e7;
  pointer-events: none;
}
.hero-actions .button span { transition: transform .22s ease; }
.hero-actions .button:hover span { transform: translate(2px, -2px); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-actions .button span { transition: none; }
  .hero-actions .button:hover span { transform: none; }
}