.home-backdrop { overflow: clip; }
.motion-cta { position: relative; overflow: hidden; isolation: isolate; }
.motion-cta::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% 0;
  width: 32%;
  background: linear-gradient(100deg, transparent, rgb(255 255 255 / .3), transparent);
  transform: translateX(-180%) skewX(-18deg);
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .motion-cta.is-inviting::after { animation: cta-sheen 2.3s ease-in-out 2; }
  .motion-cta:hover::after { animation: cta-sheen 1.8s ease-in-out 1; }
}
@keyframes cta-sheen {
  0%, 12% { transform: translateX(-180%) skewX(-18deg); }
  70%, 100% { transform: translateX(480%) skewX(-18deg); }
}
@media (prefers-reduced-motion: reduce) {
  .motion-cta::after { display: none; }
}