/* Cre8ive mobile page-hero pattern: copy begins on black and flows into imagery below. */
@media (max-width: 640px) {
  body.page-template-page-services .service-hero,
  body.page-template-page-bootcamp .service-hero,
  body.page-template-page-pricing .pricing-hero,
  body.page-template-page-entertainment .entertainment-hero,
  body.page-template-page-kristi .about-hero,
  body.page-template-page-contact .contact-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #050505;
  }

  body.page-template-page-services .service-hero::before,
  body.page-template-page-bootcamp .service-hero::before,
  body.page-template-page-pricing .pricing-hero::before,
  body.page-template-page-entertainment .entertainment-hero::before,
  body.page-template-page-kristi .about-hero::before,
  body.page-template-page-contact .contact-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 245px 0 0;
    min-height: 440px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 440px;
  }

  body.page-template-page-services .service-hero::before {
    background-image: linear-gradient(#050505 0%, rgba(5,5,5,.7) 14%, rgba(5,5,5,.08) 42%, rgba(5,5,5,.55) 82%, #050505 100%), url('../images/private-lessons-card-v2.webp');
  }

  body.page-template-page-bootcamp .service-hero::before {
    background-image: linear-gradient(#050505 0%, rgba(5,5,5,.7) 14%, rgba(5,5,5,.08) 42%, rgba(5,5,5,.55) 82%, #050505 100%), url('../images/bootcamp-card-v2.webp');
  }

  body.page-template-page-pricing .pricing-hero::before,
  body.page-template-page-contact .contact-hero::before {
    background-image: linear-gradient(#050505 0%, rgba(5,5,5,.7) 14%, rgba(5,5,5,.08) 42%, rgba(5,5,5,.55) 82%, #050505 100%), url('../images/home-hero.webp');
  }

  body.page-template-page-entertainment .entertainment-hero::before {
    background-image: linear-gradient(#050505 0%, rgba(5,5,5,.7) 14%, rgba(5,5,5,.08) 42%, rgba(5,5,5,.55) 82%, #050505 100%), url('../images/bridal-party-v2.webp');
  }

  body.page-template-page-kristi .about-hero::before {
    background-image: linear-gradient(#050505 0%, rgba(5,5,5,.7) 14%, rgba(5,5,5,.08) 42%, rgba(5,5,5,.55) 82%, #050505 100%), url('../images/kristi-about-hero.webp');
  }
}