/* Famous Dreamers temporary v2.0: mobile video framing. Desktop overlay adjusted in index.php. */
@media (max-width:767px) {
  .fd-hero {
    display:block!important;
    min-height:0!important;
    padding-top:56px;
    background:#191e25;
  }
  /* A dedicated 16:9 stage displays the entire Kronborg frame instead
     of using cover across a tall phone screen. Override parallax JS. */
  .fd-hero .fd-hero__media {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9;
    background-position:center!important;
    background-size:contain!important;
    background-color:#11151c;
    transform:none!important;
    will-change:auto!important;
    overflow:hidden;
  }
  .fd-hero .fd-hero__video {
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  /* Mobile: slightly lighter overlay; desktop gradient is set in index.php. */
  .fd-hero .fd-hero__overlay {
    top:56px!important;
    bottom:auto!important;
    height:calc(100vw * .5625)!important;
    background:linear-gradient(180deg,rgba(0,0,0,.17),rgba(0,0,0,.27))!important;
    pointer-events:none;
  }
  .fd-hero .fd-hero__content {
    position:relative!important;
    z-index:1;
    background:#191e25;
  }
  .fd-hero .fd-hero__content > .mx-auto {
    padding-top:32px!important;
    padding-bottom:46px!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .fd-hero .fd-hero__media {transform:none!important;}
}