/* Match the replacement videos to their existing scene framing. */
.home-page .world-home video{object-position:50% 50%}
.home-page .world-sky video{object-position:50% 50%}
.home-page .world-home::after,.home-page .world-sky::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,17,17,.62) 0%,rgba(17,17,17,.60) 60%,rgba(17,17,17,0) 100%)}
@media(max-width:760px){.home-page .world-home video{object-position:52% 50%}.home-page .world-sky video{object-position:60% 50%}}
@media(max-width:760px){.home-page .world-home::after,.home-page .world-sky::after{background:rgba(17,17,17,.60)}}

/* A 65%-viewport feather, matching Aviva's smooth alpha curve. The opaque
   and transparent ends each span a viewport, so both endpoints are clean.
   Moving this fixed mask upward blends the complete video and its shading. */
.home-page :is(.world-home,.world-sky){
  clip-path:none;
  opacity:0;
  mask-image:linear-gradient(to bottom,
    transparent 37.7358%,
    rgb(0 0 0 / .043) 40.8019%,
    rgb(0 0 0 / .15625) 43.8679%,
    rgb(0 0 0 / .3164) 46.9340%,
    rgb(0 0 0 / .5) 50%,
    rgb(0 0 0 / .6836) 53.0660%,
    rgb(0 0 0 / .84375) 56.1321%,
    rgb(0 0 0 / .957) 59.1981%,
    #000 62.2642%);
  mask-size:100% 265%;
  mask-position:50% var(--dissolve-position,0%);
  mask-repeat:no-repeat;
  will-change:mask-position;
}
.motion-off .home-page :is(.world-home,.world-sky){mask-image:none;will-change:auto}
@media(prefers-reduced-motion:reduce){
  .home-page :is(.world-home,.world-sky){mask-image:none;will-change:auto}
}