/* Premium motion refinements for the information family (about, owners, storage). Loaded after
   premium-motion.css on these pages only. Feel: Melissa (src/facility-premium.css); the look stays Mart's.
   Only transform, scale and colours move; nothing here hides content, and none of it runs under reduced
   motion. The cards themselves stay still (site-consistency.css keeps transform:none on .wc and .gbc), so
   the photo inside each clipped frame carries the hover, on Melissa's gallery timing. */
@media (prefers-reduced-motion:no-preference){
  /* Team slots and "Do the homework" guides: the photo eases to 1.04 over .8s (Melissa .mxgrid .gt). */
  body.uf-site[data-page-family=information] :is(.wc,.gbc) .ph{overflow:hidden}
  body.uf-site[data-page-family=information] :is(.wc,.gbc) .ph img{transition:scale .8s var(--mx-ease)}
  /* Storage "Doors, not hallways." gallery: the source zoom (1.05 over .9s) retuned to Melissa's 1.04 over
     .8s, on the individual scale property. The engine tweens that photo's scale while it wipes in, so the
     transition only exists once the photo is finished (or when the engine is not running): a transition
     during the tween would smooth every GSAP frame and lag behind it. */
  body.uf-site[data-page-family=information] .gal3 .g img{transition:none}
  html:not(.mx-js) body.uf-site[data-page-family=information] .gal3 .g img,
  body.uf-site[data-page-family=information] .gal3 .g img[data-mx-done]{transition:scale .8s var(--mx-ease)}
  body.uf-site[data-page-family=information] .gal3 .g:hover img{transform:none}
  /* Storage availability rows: Melissa's units-table hover (the park name steps 6px right over .5s). */
  body.uf-site[data-page-family=information] .avl .avr{transition:background-color .35s ease}
  body.uf-site[data-page-family=information] .avl .avr .pk{transition:transform .5s var(--mx-ease)}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  body.uf-site[data-page-family=information] :is(.wc:hover,.gbc:hover) .ph img{scale:1.04}
  body.uf-site[data-page-family=information] .gal3 .g:hover img{scale:1.04}
  body.uf-site[data-page-family=information] .avl .avr:hover{background:rgba(0,21,35,.025)}
  body.uf-site[data-page-family=information] .avl .avr:hover .pk{transform:translateX(6px)}
}