/* T75 — dedicated mobile hero video. Desktop video and desktop layout stay unchanged. */
@media (max-width:760px){
  html,
  body{
    overflow-x:hidden !important;
  }

  #home.home-view,
  #home .home-page{
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
  }

  /* Make only the homepage hero full-bleed on phones. */
  #home .hero.hero-photo.hero-video-mode{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    background:#020813 !important;
    box-shadow:0 24px 58px rgba(0,0,0,.42) !important;
  }

  #home .hero.hero-photo.hero-video-mode::before{
    display:none !important;
  }

  #home .hero-video-mode .hero-cinematic-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:#020813 url('assets/video/alnil-waterfall-hero-mobile-t75-poster.jpg') center center / cover no-repeat !important;
  }

  #home .hero-video-mode .hero-cinematic-media::after{
    inset:0 !important;
    /* No dark/colored side bands; only a light vertical readability fade. */
    background:linear-gradient(
      180deg,
      rgba(2,7,13,.12) 0%,
      rgba(2,7,13,.02) 24%,
      rgba(2,8,15,.13) 54%,
      rgba(2,7,13,.56) 78%,
      rgba(2,6,12,.86) 100%
    ) !important;
  }

  #home .hero-waterfall-video{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 50% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    transform:none !important;
  }

  #home .hero-video-mode .hero-overlay{
    /* Keep text readable without creating colored edges. */
    background:linear-gradient(
      180deg,
      rgba(2,7,13,.14) 0%,
      rgba(2,7,13,.02) 24%,
      rgba(2,8,15,.12) 52%,
      rgba(2,7,13,.50) 76%,
      rgba(2,6,12,.88) 100%
    ) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}