/* The wide gym photograph was composed for this banner; show every edge. */
.fxp-page .fxp-hero[data-banner-composition="formfx-wide"] {
  min-height: max(640px, calc(40vw + var(--editorial-header-height)));
  padding-top: calc(var(--editorial-header-height) + 36px);
  padding-bottom: 90px;
  padding-inline: clamp(24px, 4vw, 90px);
}
[data-banner-composition="formfx-wide"] > div:first-of-type { width: min(31%, 440px); }
.fxp-page [data-banner-composition="formfx-wide"] h1 {
  font-size: clamp(1.85rem, 2.6vw, 2.9rem);
}
[data-banner-composition="formfx-wide"] > figure::before {
  content: '';
  position: absolute;
  inset: var(--editorial-header-height) 0 0;
  background: #07131f url('/assets/images/product-scenes/formfx-banner-wide-small.webp?v=91e76cacf576') center / cover;
  filter: blur(22px) brightness(.42);
  transform: scale(1.06);
}
[data-banner-composition="formfx-wide"] > figure[data-editorial-slides] > img[data-editorial-fit="contain"] {
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1000px) and (min-width: 801px) {
  [data-banner-composition="formfx-wide"] > div:first-of-type { width: 42%; }
}
@media (max-width: 800px) {
  .fxp-page .fxp-hero[data-banner-composition="formfx-wide"] {
    min-height: 0;
    padding: calc(var(--editorial-header-height) + 48vw + 32px) 24px 136px;
  }
  [data-banner-composition="formfx-wide"] > div:first-of-type { width: 100%; }
  [data-banner-composition="formfx-wide"] > figure::before {
    bottom: auto;
    height: 48vw;
  }
  [data-banner-composition="formfx-wide"] > figure[data-editorial-slides] > img.editorial-slide {
    height: 48vw;
    object-position: center;
  }
  [data-banner-composition="formfx-wide"]::after {
    background: linear-gradient(0deg, #030b15 0%, #030b15 56%, #030b151a 85%, transparent);
  }
}