/*
 * One continuous decorative layer for the corporate landing page.
 * Keeping the spots on .corporate-main prevents section overflow from
 * cutting gradients into visible horizontal bands.
 */
.corporate-page .corporate-main {
  background-color: #141414;
  background-repeat: no-repeat;
}

// .corporate-page[data-corporate-active="wild-office"] .corporate-main {
//   background-image:
//     linear-gradient(rgba(20, 20, 20, .64), rgba(20, 20, 20, .64)),
//     url('/assets/images/third_spot_yellow_1920-opt.webp'),
//     url('/assets/images/fourth_spot_purple_1920-opt.webp'),
//     url('/assets/images/fifth_spot_yellow_purple-q55.webp'),
//     url('/assets/images/sixth_spot_purple.webp');
//   background-position:
//     0 0,
//     right -150px top 1900px,
//     left -130px top 7150px,
//     center top 8200px,
//     center bottom;
//   background-size:
//     100% 100%,
//     771px 1654px,
//     1920px 2684px,
//     795px 1637px,
//     1920px 2620px,
//     1440px 483px;
// }

// .corporate-page[data-corporate-active="private-parties"] .corporate-main {
//   background-image:
//     linear-gradient(rgba(20, 20, 20, .64), rgba(20, 20, 20, .64)),
//     url('/assets/images/third_spot_yellow_1920-opt.webp'),
//     url('/assets/images/second_spot_yellow_purple_1920-q55.webp'),
//     url('/assets/images/fourth_spot_purple_1920-opt.webp'),
//     url('/assets/images/fifth_spot_yellow_purple-q55.webp'),
//     url('/assets/images/sixth_spot_purple.webp');
//   background-position:
//     0 0,
//     right -150px top 1600px,
//     center top 3850px,
//     left -130px top 6100px,
//     center top 7200px,
//     center bottom;
//   background-size:
//     100% 100%,
//     771px 1654px,
//     1920px 2684px,
//     795px 1637px,
//     1920px 2620px,
//     1440px 483px;
// }

/* These old section-bound spots were the source of the sharp cuts. */
.corporate-page .suitable-events::after,
.corporate-page .team-experience::before,
.corporate-page .private-party-intro::before,
.corporate-page .private-formats::before,
.corporate-page .private-freedom::before,
.corporate-page .private-signature::before,
.corporate-page .special-options::after,
.corporate-page .corporate-faq::before {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .corporate-page[data-corporate-active="wild-office"] .corporate-main {
    background-position:
      0 0,
      right -190px top 1500px,
      center top 3650px,
      left -170px top 5950px,
      center top 6900px,
      center bottom;
  }

  .corporate-page[data-corporate-active="private-parties"] .corporate-main {
    background-position:
      0 0,
      right -190px top 1250px,
      center top 3050px,
      left -170px top 5050px,
      center top 6050px,
      center bottom;
  }

  .corporate-page .corporate-main {
    background-size:
      100% 100%,
      540px 1159px,
      1024px 1431px,
      530px 1091px,
      1024px 1397px,
      1024px 343px;
  }
}

@media (max-width: 767px) {
  .corporate-page[data-corporate-active="wild-office"] .corporate-main {
    background-image:
      linear-gradient(rgba(20, 20, 20, .64), rgba(20, 20, 20, .64)),
      url('/assets/images/sixth_spot_purple.webp');
    background-position:
      0 0,
      center bottom;
    background-size:
      100% 100%,
      760px 255px;
  }

  .corporate-page[data-corporate-active="private-parties"] .corporate-main {
    background-position:
      0 0,
      right -210px top 13%,
      center top 37%,
      left -180px top 61%,
      center top 73%,
      center bottom;
  }

  .corporate-page .corporate-main {
    background-size:
      100% 100%,
      440px 944px,
      760px 1062px,
      430px 885px,
      760px 1037px,
      760px 255px;
  }
}