/* ==========================================================================
   Landing kit: one-page additions shared by every landing
   1. Anchor targets clear the fixed header
   2. Parallax band photo
   ========================================================================== */

/* 1. Anchor targets clear the fixed header */
[data-lp-section] {
  scroll-margin-top: 90px;
}

/* 2. Parallax band photo: the photo is taller than its band and drifts */
[data-lp-parallax] {
  will-change: transform;
  transform: scale(1.18);
  transform-origin: center;
}
@media (prefers-reduced-motion: reduce) {
  [data-lp-parallax] {
    transform: none;
  }
}

/* 3. This landing */
/* the play button sits on the middle of its photo (as on Confetto's video blog card) */
.split-img .gz-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin: -48px 0 0 -48px;
}
/* the preloader's word keeps this wordmark's proportions (Confetto's is 297 x 110, 240 x 89 on phones) */
.pre-word {
  width: 377px;
}
@media (max-width: 575px) {
  .pre-word {
    width: 305px;
  }
}