/* ONLYDROP v355 — fade-only backdrop navigation.
   The persistent top, work, and left navigation are never part of the
   delayed animation. Only the actual portfolio works arrive later.
   Visual-only transforms retain the existing responsive layout and scroll. */
@keyframes odWorkForegroundReveal {
  from { opacity:0; translate:0 14px; }
  to   { opacity:1; translate:0 0; }
}
/* Backgrounds no longer zoom, pan or resize during section transitions.
   Their existing full-size layers fade through work-backdrop-crossfade.
   Keep the sticky header background copy visible throughout the fade. */
/* Do not animate navigation: top bar, section title container, horizontal
   submenu, or the floating left discipline menu are always visible. */
html:not(.motion-paused) body #views.od-section-arriving #work.active .od-animation-reels,
html:not(.motion-paused) body #views.od-section-arriving #work.active #odArt2dGallery,
html:not(.motion-paused) body #views.od-section-arriving #work.active .project-grid {
  animation:odWorkForegroundReveal .43s cubic-bezier(.42,0,.58,1) .64s both!important;
}
/* The legacy view entrance script may animate headings and cards. Do not
   let it move the top header or menus when entering a section. */
@media(prefers-reduced-motion:reduce){
  html body #views.od-section-arriving .od-animation-bg-image,
  html body #views.od-section-arriving .od-art2d-backdrop-image,
  html body #views.od-section-arriving .od-animation-reels,
  html body #views.od-section-arriving #odArt2dGallery,
  html body #views.od-section-arriving .project-grid {
    animation:none!important;
    opacity:1!important;
    translate:none!important;
    scale:1!important;
  }
  html body #views.od-section-arriving #work > .work-section > .od-work-top-occluder {
    visibility:visible!important;
  }
}