/* Externalized from inline css in public page bloat-reduction phase. Source marker: destination.php:destination-hero-immersive-media. */
/* Tailored fix: destinations hero media is a true immersive background layer.
   This overrides the sitewide hero-media direct-child rule that can lift the video into foreground flow. */
#destination-world-arrival.ol14-hero{
  min-height:100vh;
  min-height:100svh;
  isolation:isolate;
  overflow:hidden;
  background-image:
    linear-gradient(120deg,rgba(3,18,12,.28),rgba(5,20,14,.68) 56%,rgba(4,16,11,.88)),
    var(--ol14-hero-image);
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
#destination-world-arrival.ol14-hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:var(--ol14-hero-image) center center / cover no-repeat;
  transform:scale(1.04);
  filter:saturate(1.06) contrast(1.04);
}
#destination-world-arrival > video.ol14-hero-video{
  position:absolute!important;
  inset:-1px!important;
  z-index:0!important;
  display:block!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:.94!important;
  transform:scale(1.065)!important;
  transform-origin:center center!important;
  filter:saturate(1.12) contrast(1.08) brightness(.92)!important;
  pointer-events:none!important;
  background:#071a12!important;
  will-change:transform;
}
#destination-world-arrival > .ol14-hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 32%,rgba(229,192,96,.28),transparent 31%),
    radial-gradient(circle at 74% 18%,rgba(255,250,240,.10),transparent 26%),
    linear-gradient(90deg,rgba(4,16,11,.46),rgba(5,22,15,.54) 46%,rgba(3,12,8,.78)),
    linear-gradient(180deg,rgba(2,10,7,.18),transparent 42%,rgba(2,10,7,.86));
}
#destination-world-arrival > .ol14-hero-grid,
#destination-world-arrival > .ol14-hero-rail{
  position:relative!important;
  z-index:3!important;
}
#destination-world-arrival .ol14-hero-copy,
#destination-world-arrival .ol14-live-atlas{
  text-shadow:0 18px 54px rgba(0,0,0,.42);
}
#destination-world-arrival .ol14-live-atlas{
  background:linear-gradient(145deg,rgba(7,27,18,.64),rgba(15,54,35,.48));
  border-color:rgba(238,214,151,.34);
  box-shadow:0 32px 100px rgba(0,0,0,.26);
}
#destination-world-arrival .ol21-p6-hero-dock{
  z-index:4;
}
@media (min-width: 960px){
  #destination-world-arrival > video.ol14-hero-video{
    animation:olDestinationHeroBreathe 18s ease-in-out infinite alternate;
  }
}
@keyframes olDestinationHeroBreathe{
  from{transform:scale(1.055) translate3d(0,0,0)!important;}
  to{transform:scale(1.105) translate3d(-1.2%,.6%,0)!important;}
}
@media (max-width: 720px){
  #destination-world-arrival.ol14-hero{
    min-height:100svh;
    padding-top:138px;
    padding-bottom:42px;
  }
  #destination-world-arrival > video.ol14-hero-video{
    object-position:center top!important;
    transform:scale(1.09)!important;
  }
  #destination-world-arrival > .ol14-hero-shade{
    background:
      linear-gradient(180deg,rgba(4,16,11,.42),rgba(4,16,11,.12) 34%,rgba(2,10,7,.92)),
      linear-gradient(90deg,rgba(4,16,11,.56),rgba(4,16,11,.28));
  }
}
@media (prefers-reduced-motion: reduce){
  #destination-world-arrival > video.ol14-hero-video{
    animation:none!important;
    transform:scale(1.04)!important;
  }
}