/* Only JS-enhanced elements start hidden; without JS or with reduced motion, content stays visible. */
@media (prefers-reduced-motion: no-preference) {
  html.sgh-motion [data-sgh-reveal]:not(.sgh-enter) {
    opacity: 0;
    transform: translateY(10px);
  }

  @keyframes sgh-enter {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  html.sgh-motion .sgh-enter {
    animation: sgh-enter 340ms cubic-bezier(.16, 1, .3, 1) both;
  }
}