/* Motion is an enhancement: all content remains visible without JavaScript. */
html.lenis { scroll-behavior: auto !important; }
html { scroll-padding-bottom: 110px; }
.app-capture-frame { transform-origin: center top; }
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .button { transition: background .16s ease, box-shadow .16s ease, transform .2s ease; }
  .button:hover { transform: translateY(-2px); }
  .button:active { transform: translateY(0); }
}
@media (max-width: 650px) {
  html { scroll-padding-bottom: 175px; }
}