@keyframes rc-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: no-preference) {

  .g-lb { opacity: 1; transition: opacity .35s ease, display .35s allow-discrete, overlay .35s allow-discrete; }
  .g-lb[hidden] { opacity: 0; }
  .g-lb-img { transform: scale(1); transition: transform .35s ease; }
  .g-lb[hidden] .g-lb-img { transform: scale(.96); }
  @starting-style {
    .g-lb { opacity: 0; }
    .g-lb .g-lb-img { transform: scale(.96); }
  }

  .f-cat { opacity: 1; transition: opacity .35s ease, display .35s allow-discrete, overlay .35s allow-discrete; }
  .f-cat[hidden] { opacity: 0; }
  .f-cat-in { transform: none; transition: transform .35s ease; }
  .f-cat[hidden] .f-cat-in { transform: scale(.96) translateY(10px); }
  @starting-style {
    .f-cat { opacity: 0; }
    .f-cat .f-cat-in { transform: scale(.96) translateY(10px); }
  }
  .f-row { animation: rc-rise .5s cubic-bezier(0.23, 1, 0.32, 1) backwards; }
  .f-detail.anim .img { animation: rc-rise .55s cubic-bezier(0.23, 1, 0.32, 1) backwards; }
  .f-detail.anim .body { animation: rc-rise .55s cubic-bezier(0.23, 1, 0.32, 1) .08s backwards; }

  .hero-actions.rv-wait { opacity: 0; }
  .hero-actions.rv-go { animation: rc-rise 1s ease .3s backwards; }
}