.lp-builder header .vendor-brand {
  line-height: 0;
  text-align: right;
  width: 100%;
}

.lp-builder header .vendor-brand img {
  height: auto;
  max-height: 6em;
  max-width: 11.125em;
  width: auto;
}

.lp-builder .wrap {
  margin-inline: auto;
  max-width: calc(69.75em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
  width: 100%;
}

.lp-builder figure {
  margin: 0;
}

.lp-builder p:last-child {
  margin-bottom: 0;
}




/* HERO ------------------------------ */

.lpb-hero {
  background: no-repeat center / cover;
  padding-block: clamp(2.75em, 1.541em + 6.05vw, 4.375em) clamp(3em, 1.977em + 5.12vw, 4.375em);
  position: relative;
  z-index: 0;
}

.lpb-hero::before {
  background-image: linear-gradient(40deg, var(--ws-blue) 30%, var(--ws-green) 90%);
  content: '';
  inset: 0;
  opacity: .8;
  position: absolute;
  z-index: -1;
}

.lpb-hero .textbox {
  display: flex;
}

.lpb-hero figure {
  aspect-ratio: 213 / 574;
}

.lpb-hero figure img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.lpb-hero h1 {
  color: #FFF;
  line-height: 1;
  text-shadow: 0 .1875em .5em rgba(0,0,0,.5);
  text-transform: uppercase;
}
.lpb-hero h1>span {
  display: table;
  margin-top: .5em;
}

.lpb-hero h1>span::after {
  background: #FFF;
  content: '';
  display: block;
  height: .3125rem;
  margin-block: .75em .4375em;
}

.lpb-hero p {
  color: #FFF;
  font-family: var(--ws-nunito);
  font-weight: 800;
  line-height: 1;
  margin-top: 1em;
  text-shadow: 0 .1875em .5em rgba(0,0,0,.5);
}

.lpb-hero .form {
  position: relative;
}

.lpb-hero .form::before,
.lpb-hero .form::after {
  background: linear-gradient(90deg, var(--ws-green) 30%, var(--ws-blue) 90%);
  content: '';
  height: 0.4375rem;
  position: absolute;
}

.lpb-hero .form::before { inset: auto 0 100% 0; }
.lpb-hero .form::after { inset: 100% 0 auto 0; }

.lpb-hero form {
  background: var(--ws-slate);
  border-block: .125rem solid #FFF;
  color: #FFF;
  overflow: hidden;
  padding: 1.25em 1.125em;
}

.lpb-hero h2 {
  color: #FFF;
  font-size: var(--ws-text-30);
}

.lpb-hero :is(input:is([type="text"], [type="email"], [type="tel"]), textarea) {
  background: #5b6d7d;
  border-color: transparent;
  color:#fff;
  padding: .338rem .3125rem;
}

.lpb-hero :is(input:is([type="text"], [type="email"], [type="tel"]), textarea):is(:hover, :focus-visible) {
    background: rgba(0,0,0,0.125);
    border-color: rgba(255,255,255,0.25);
}

.lpb-hero button[type="submit"] {
  background: linear-gradient(270deg, var(--ws-green), var(--ws-green-2), var(--ws-blue));
  font-size: var(--ws-text-20);
  padding: .6875em 1.125em;
  position: relative;
  z-index: 0;
}

.lpb-hero button[type="submit"]::after {
  background: linear-gradient(90deg, var(--ws-green-2), var(--ws-blue));
  border-radius: .25rem;
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}




/* TEXT RIBBON ------------------------------ */

.lpb-text {
  position: relative;
  z-index: 1;
}

.lpb-text p {
  font-size: var(--ws-text-20);
}




/* IMAGE-TEXT RIBBON ------------------------------ */

.lpb-image-text {
  background: var(--ws-light);
}

.lpb-image-text h2 {
  display: table;
  font-size: var(--ws-text-40);
  text-transform: uppercase;
}

.lpb-image-text h2::after {
  background: linear-gradient(90deg, var(--ws-green), var(--ws-blue));
  content: '';
  display: block;
  height: .4375rem;
  margin-block: .25em .0625em;
}

.lpb-image-text p {
  font-size: var(--ws-text-20);
}

.lpb-image-text .button {
  background: linear-gradient(270deg, var(--ws-green), var(--ws-green-2), var(--ws-blue));
  margin: .3125em .625em .3125em 0;
  padding: .6875em 1.125em;
}

.lpb-image-text .button::after {
  background: linear-gradient(90deg, var(--ws-green-2), var(--ws-blue));
}



/* LPB ROTATOR RIBBON ------------------------------ */

.lpb-rotator {
  overflow: hidden;
  padding-block: 4.1875em
}

.lpb-rotator h2 {
  display: table;
  font-size: var(--ws-text-40);
  text-transform: uppercase;
}

.lpb-rotator h2::after {
  background: linear-gradient(90deg, var(--ws-green), var(--ws-blue));
  content: '';
  display: block;
  height: .4375rem;
  margin-block: .25em .0625em;
}

.lpb-rotator #lpb-rotator {
  margin: 0 -.5em;
}

.lpb-rotator .slick-slide {
  padding: .5em;
}

.lpb-rotator figure {
  aspect-ratio: 360 / 300;
}

.lpb-rotator figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.lpb-rotator .slick-slide>div {
  background: transparent;
  border: 0;
  font-size: 1em;
  padding: 0;
  position: relative;
}

.lpb-rotator .slick-slide>div>div {
  align-items: center;
  background: rgba(0,166,206, .9);
  display: flex;
  inset: 0;
  padding: 1em;
  position: absolute;
  transition: all .3s ease;
}

.lpb-rotator .slick-slide>div>div>strong {
  color: #FFF;
  display: block;
  line-height: 1;
  text-align: center;
  text-shadow: 0 .1875em .5em rgba(0,0,0,.5);
}

.lpb-rotator .controls {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: .25em auto 0;
  position: relative;
}

.lpb-rotator .controls button {
  aspect-ratio: 1;
  background: var(--ws-slate);
  font-size: 1em;
  height: 2em;
  line-height: 1;
  mask: no-repeat center / auto .875em;
  padding: 0;
  position: static;
  transform: none;
  width: auto;
}

.lpb-rotator .controls button::before {
  display: none;
}

.lpb-rotator .controls button.play-pause {
  margin-inline: .5em;
  mask-image: url('/images/lp-builder/pause.svg');
  transition: all 0s, opacity .3s ease;
}

.lpb-rotator .controls button.play-pause.paused {
  mask-image: url('/images/lp-builder/play.svg');
  mask-position: calc(50% + .0625em) 50%;
}

.lpb-rotator .controls .slick-arrow.slick-prev { mask-image: url('/images/lp-builder/arrow-left.svg'); }
.lpb-rotator .controls .slick-arrow.slick-next { mask-image: url('/images/lp-builder/arrow-right.svg'); }




/* CALL TO ACTION RIBBON ------------------------------ */

.lpb-cta {
  background: no-repeat center / cover;
  padding-block: clamp(3em, 2.341em + 3.3vw, 4.8125em) clamp(3em, 2.568em + 2.16vw, 4.1875em);
  position: relative;
  text-align: center;
  z-index: 0;
}

.lpb-cta::before {
  background-image: linear-gradient(40deg, var(--ws-blue) 30%, var(--ws-green) 90%);
  content: '';
  inset: 0;
  opacity: .8;
  position: absolute;
  z-index: -1;
}

.lp-builder .lpb-cta .wrap {
  max-width: calc(38.3125em + 2 * var(--ws-gap));
}

.lpb-cta h2 {
  color: #FFF;
  font-size: var(--ws-text-40);
  line-height: 1;
  text-shadow: 0 .1875em .5em rgba(0,0,0,.5);
  text-transform: uppercase;
}

.lpb-cta p {
  color: #FFF;
  font-size: var(--ws-text-20);
  text-shadow: 0 .1875em .5em rgba(0,0,0,.5);
}

.lpb-cta .button {
  font-size: var(--ws-text-20);
  margin: 1em 0 0;
  padding: .6875em 1.125em;
  text-transform: none;
}





/* #################################### */
/* ########### DESKTOP ONLY ########### */
/* #################################### */

@media (min-width: 750px ) {


  /* HERO RIBBON ------------------------------ */
  .lpb-hero {
    padding-block: 3em 0;
  }

  .lpb-hero::after {
    background: #FFF;
    content: '';
    inset: auto 0 0 0;
    position: absolute;
    height: clamp(2em, -5.5em + 16vw, 6.5em);
    height: 6.5em;
    z-index: -1;
  }

  .lpb-hero .wrap {
    display: flex;
  }

  .lpb-hero .textbox {
    width: 60%;
  }

  .lpb-hero figure {
    align-self: start;
    width: 30%;
  }

  .lpb-hero .textbox>div {
    padding: 4em clamp(1.5em, -3.5em + 10.67vw, 4.5em) 2em clamp(1.5em, 0.667em + 1.78vw, 2em);
    width: 70%;
  }

  .lpb-hero h1 {
    font-size: clamp(1.875rem, 0.521rem + 2.89vw, 2.688rem);
  }

  .lpb-hero p {
    font-size: clamp(1.375rem, 0.75rem + 1.33vw, 1.75rem);
  }

  .lpb-hero .form {
    margin-top: clamp(0em, -5em + 10.67vw, 3em);
    width: 40%;
  }

  .lpb-hero button[type="submit"]:is(:hover,:focus-visible) {
    transform: scale(1.03);
  }

  .lpb-hero button[type="submit"]:is(:hover,:focus-visible)::after {
    opacity: 1;
  }




  /* TEXT RIBBON ------------------------------ */
  .lpb-text {
    margin-top: clamp(-4em, -9em + 10.67vw, -1em);
    padding-block: 0 clamp(4em, 3.636em + 1.82vw, 5em);
  }

  .lpb-text .wrap>div {
    max-width: min(calc(60% - 2em), 37em);
  }




  /* IMAGE-TEXT RIBBON ------------------------------ */

  .lpb-image-text .wrap {
    align-items: center;
    display: flex;
  }

  .lpb-image-text figure {
    position: relative;
    top: -2em;
    width: 50%;
  }

  .lpb-image-text .textbox {
    padding-block: clamp(3em, -0.75em + 8vw, 5.25em);
    padding-left: clamp(2em, -1.958em + 8.44vw, 4.375em);
    width: 50%;
  }

  .lpb-image-text .textbox>div {
    max-width: 27rem;
  }



  /* LPB ROTATOR RIBBON ------------------------------ */
  .lpb-rotator .slick-slide>div::before {
    aspect-ratio: 1;
    background: rgba(0,0,0,.75) url('/images/icons/search-white.svg') no-repeat center / auto 1em;
    content: '';
    height: 2.5em;
    inset: auto 0 0 auto;
    position: absolute;
    transition: all .3s ease;
  }

  .lpb-rotator .slick-slide>div>div {
    opacity: 0;
  }

  .lpb-rotator .slick-slide:is(:hover,:focus-visible)>div>div {
    opacity: 1;
  }

  .lpb-rotator .slick-slide>div>div>strong {
    font-size: clamp(1.25em, 0.208em + 2.22vw, 1.875em);
  }

  .lpb-rotator .slick-slide:is(:hover,:focus-visible)>div::before {
    opacity: 0;
  }

  .lpb-rotator .controls button:is(:hover,:focus-visible) {
    opacity: .65;
  }


}




/* ################################### */
/* ########### MOBILE ONLY ########### */
/* ################################### */

@media (max-width: 749px ) {

  .form-flex .half {
    width: calc(50% - .3125em);
  }

  .lp-builder header {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .vendor-brand {
    max-width: 50%;
    padding: .25em .5em .25em 1.5em;
  }



  /* HERO RIBBON ------------------------------ */

  .lpb-hero .textbox {
    align-items: center;
    margin: 0 0 3em;
  }

  .lpb-hero figure {
    align-self: start;
    max-height: 35em;
  }

  .lpb-hero .textbox>div {
    padding-left: clamp(1em, 0.628em + 1.86vw, 1.5em);
  }

  .lpb-hero h1 {
    font-size: var(--ws-text-43);
  }

  .lpb-hero p {
    font-size: var(--ws-text-28);
  }



  /* TEXT RIBBON ------------------------------ */
  .lpb-text {
    padding-block: 3em;
  }



  /* IMAGE-TEXT RIBBON ------------------------------ */
  .lpb-image-text {
    padding-block: 3em;
  }

  .lpb-image-text figure {
    margin: 0 0 2em;
  }


  /* LPB ROTATOR RIBBON ------------------------------ */
  .lpb-rotator .slick-slide>div>div>strong {
    font-size: clamp(1.125rem, 0.458rem + 2.22vw, 1.5rem); /* 480 - 750 */
  }


}



@media (max-width: 480px ) {

  /* LPB ROTATOR RIBBON ------------------------------ */
  .lpb-rotator .slick-slide>div>div>strong {
    font-size: 1.3125em;
  }

}




@media (max-width: 420px ) {

  .form-flex .half {
    width: 100%;
  }

}


/* --------------------- lp-builder.css --------------------- */