/* FreshDesign homepage: photographic edge only; carousel/control geometry is unchanged. */
@media (min-width: 1024px) {
  @supports ((mask-image: linear-gradient(to right, transparent, #000)) or (-webkit-mask-image: linear-gradient(to right, transparent, #000))) {
    html body.page-index #center-column#center-column .fd-hero > .fd-hero__media.is-carousel {
      --fd-hero-overlap: clamp(48px, 5vw, 72px);
      --fd-hero-fade: clamp(120px, 12vw, 180px);
      overflow: visible !important;
      background: transparent !important;
    }
    html body.page-index #center-column#center-column .fd-hero > .fd-hero__media.is-carousel::before {
      display: none !important;
    }
    html body.page-index #center-column#center-column .fd-hero > .fd-hero__media.is-carousel > .miu-home-hero__slide {
      overflow: visible !important;
    }
    html body.page-index #center-column#center-column .fd-hero > .fd-hero__media.is-carousel > .miu-home-hero__slide > img {
      left: calc(0px - var(--fd-hero-overlap)) !important;
      right: auto !important;
      width: calc(100% + var(--fd-hero-overlap)) !important;
      /* Keep existing cover, focal point and vertical crop; never mask the link or controls. */
      -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0,0,0,.12) calc(var(--fd-hero-fade) * .22), rgba(0,0,0,.62) calc(var(--fd-hero-fade) * .62), #000 var(--fd-hero-fade));
      mask-image: linear-gradient(to right, transparent 0, rgba(0,0,0,.12) calc(var(--fd-hero-fade) * .22), rgba(0,0,0,.62) calc(var(--fd-hero-fade) * .62), #000 var(--fd-hero-fade));
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      pointer-events: none;
    }
  }
}