/* Small, finite feedback. Layout, base transforms and the joined hero stay put. */
.section-transitioning,
.section-returning { overflow-x: clip; }
.content-view { transform-origin: top left; }
@media (max-width: 1024px), (max-width: 1100px) and (max-height: 550px) {
  .content-view { transform-origin: top center; }
}
@media (prefers-reduced-motion: no-preference) {
  .play-disc,
  .nav-arrow,
  .feature-arrow,
  .social .icon {
    transition: transform 180ms cubic-bezier(.2,.75,.25,1);
  }
  .hero-cta:active .play-disc {
    transform: scale(.94);
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .hero-cta:hover .play-disc {
    transform: scale(1.08);
  }
  .hero-cta:active .play-disc {
    transform: scale(.94);
  }
  .nav-link:hover .nav-arrow,
  .partner-card:hover .nav-arrow,
  .feature-card:hover .feature-arrow {
    transform: translateX(3px);
  }
  .social:hover .icon {
    transform: translateY(-2px) scale(1.05);
  }
}