@import url("./styles-core.css?v=20260926-dyo-fullbleed-v1");

/* Dedicated mobile Hero video: shares .hero__video's base positioning/object-fit/reduced-motion
   handling (styles-core.css) but is its own element with its own 9:16 composition, so it needs its
   own object-position and its own display toggle rather than reusing the desktop video's framing.
   Hidden everywhere by default (ID beats the shared .hero__video class, so this always wins
   regardless of cascade order); only made visible - in place of the desktop video and the static
   poster - at mobile widths with no reduced-motion preference. Re-enabled here ("Hero concept,
   round nine" in styles-core.css) now that this file itself is the re-cut, blur-free mobile loop -
   the existing mobile readability gradient and route/IntersectionObserver playback lifecycle are
   untouched and apply to this element automatically since it shares the .hero__video class. */
#hero-video-mobile{display:none;object-position:center}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  #hero-video{display:none}
  #hero-video-mobile{display:block}
  .hero__subject-proxy{display:none}
}