/* Approved interaction motion. Content and initial hero remain visible. */
:root { --activity-motion-ease: cubic-bezier(.2,.8,.2,1); }
.activity-gallery-hero > img[data-motion-layer], .activity-gallery-frame > img[data-motion-layer] { position: absolute; inset: 0; }
.activity-gallery-frame > img[data-motion-layer] { background: var(--ground); }
.activity-gallery-feedback { z-index: 1; }
.activity-gallery-feedback p:not([hidden]) { padding: 8px 12px; border: 1px solid var(--steel); background: var(--paper); }
.activity-gallery-main-status:not([hidden]) { z-index: 1; pointer-events: none; padding: 12px; place-content: end start; color: var(--paper); background: linear-gradient(transparent 70%,rgb(23 54 59 / 80%)); }
.activity-gallery-dialog { opacity: 1; transform: translateY(0); transition: opacity 220ms var(--activity-motion-ease), transform 220ms var(--activity-motion-ease); }
.activity-gallery-dialog::backdrop { opacity: 1; transition: opacity 220ms var(--activity-motion-ease); }
.activity-gallery-dialog[data-motion-closing]::backdrop { opacity: 0; }
@starting-style { .activity-gallery-dialog[open]::backdrop { opacity: 0; } }
.activity-action, .activity-gallery-button, .activity-back, .activity-stepper button { transition: transform 120ms var(--activity-motion-ease); }
html:not([data-motion-off]):not([data-motion-keyboard]) :is(.activity-action,.activity-gallery-button,.activity-back,.activity-stepper button):active:not(:disabled) { transform: translateY(1px); }
html[data-motion-off] .activity-gallery-dialog, html[data-motion-off] .activity-gallery-dialog::backdrop, html[data-motion-off] button,
html[data-motion-keyboard] .activity-gallery-dialog, html[data-motion-keyboard] .activity-gallery-dialog::backdrop, html[data-motion-keyboard] button { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .activity-gallery-dialog, .activity-gallery-dialog::backdrop, .activity-page button, .activity-page a { transition: none; }
  .activity-page button:active { transform: none !important; }
}