/* bytedar grid: scroll-linked "fly-in" for Selected Work (#featuredGrid) and the Archive (#grid): tiles tilt in from a 3D fan and flatten into place.
   Only active when grid-fx.js adds html.grid-fx (it never does for reduced motion), so without JS both grids are untouched. */
html.grid-fx #grid .cell[data-reveal],
html.grid-fx #featuredGrid .cell,
html.motion.grid-fx .featured:not(.is-in) #featuredGrid .cell { opacity: 1 !important; transform: none !important; transition: none !important; }
html.grid-fx .featured .feat-lead > button, html.motion.grid-fx .featured:not(.is-in) .feat-lead > button { clip-path: none !important; transition: none !important; }
html.grid-fx #grid .cell > button, html.grid-fx #featuredGrid .cell > button { transform-origin: 50% 85%; backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, opacity; }