.trend-banner__video-popup{
	display: none;
}
.trend-banner[class*="distilled-"] {
	background: var(--gradient);
}
.trend-banner {
  overflow: hidden
}
.h1-large.only-border.banner-hero__title {
  position: absolute;
  visibility: hidden;
}
.modal.distilled {
    background: transparent;
}
.trend-banner__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: .6rem
}
.trend-banner__content {
  position: relative;
  z-index: 3
}
.trend-banner__background-animation {
  height: 900px;
  width: 900px;
/*   opacity: 1; */
  top: -8.5%;
  right: -23%;
  scale: 1;
  position: absolute;
  z-index: -1;
  -webkit-transform: translate(200px,-240px);
  -ms-transform: translate(200px,-240px);
  transform: translate(200px,-240px);
  rotate: 22deg;
  opacity: 0.8	
}
.trend-banner__bg-video {
  height: 52.4rem;
  width: 60%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}
.trend-banner__bg-video .background-video__iframe iframe {
  height: 100%;
  width: 100vh;
  scale: 1.32;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left
}
.trend-banner__bg-video .background-video__overlay {
  inset: auto 3rem var(--md-4) auto
}
.trend-banner__image {
  position: absolute;
  top: 13.6rem;
  left: -3.4rem;
  max-width: 10.9rem;
  max-height: 10.9rem;
  bottom: auto;
  margin: auto;
  z-index: 1
}
.trend-banner__top-section {
  min-height: 52.4rem;
  z-index: 3
}
.trend-banner__heading {
  margin-top: 15.2rem;
  position: relative;
  z-index: 4
}
.trend-banner__heading .distilled-cta,
.trend-banner__heading .h5 {
  margin-left: 7rem
}
.trend-banner__image-content {
  z-index: 3
}
.trend-banner__image-content img {
  width: 100%;
  max-height: 68.4rem
}
.trend-banner__image-content p {
  position: absolute;
  background: rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  bottom: 0;
  left: 0;
  padding: var(--sm-2);
  max-width: 100%;
  margin-right: 3.1rem;
  color: var(--text-color)
}
.trend-banner__video-popup {
  position: absolute;
  inset: auto 7.5rem var(--md-4) auto;
  z-index: 5
}
.trend-banner__content {
  margin-top: var(--lg-1)
}
.trend-banner__button {
  margin-top: var(--md-3)
}
.trend-banner .distilled-cta__icon {
  position: relative;
  top: 1px
}
.trend-banner .background-video {
  /*background: var(--black);*/
  z-index: 2
}
@media (max-width:1199.98px) {
  .trend-banner__image-content {
    margin-left: -1.6rem;
    max-width: 31.2rem;
    z-index: 3
  }
  .trend-banner__image-content img {
   aspect-ratio: 312/376
  }
  .trend-banner__video-popup {
    right: 9.6rem
  }
}
@media (max-width:991.98px) {
  .trend-banner .background-video__iframe iframe {
    scale: 1.32
  }
  .trend-banner__video-popup .distilled-cta__inner {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  .trend-banner__bg-video {
    width: 90%
  }
  .trend-banner__bg-video .cta__icon {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.4rem;
    line-height: 4.2rem
  }
}
@media (max-width:767.98px) {
  .trend-banner__button .distilled-cta__inner {
      padding-top: .7rem;
      padding-bottom: .7rem;
  }
  .trend-banner .background-video__iframe iframe {
    scale: 1.4
  }
  .trend-banner__video-popup .distilled-cta__inner {
    padding-top: .8rem;
    padding-bottom: .6rem
  }
  .trend-banner__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
  }
  .trend-banner__bg-video .cta__icon {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.4rem;
    line-height: 3.6rem
  }
  .trend-banner__video-popup {
    left: 8.6rem;
    right:unset;
}
  .trend-banner__bg-video .background-video__overlay {
    right: unset;
    left: 20rem;
  }
  .trend-banner__image {
  	display: none;
  }
}
@media (min-width:768px) {
  .trend-banner__background-animation {
    height: 900px;
    width: 900px;
/*     opacity: 1; */
    top: -12.5%;
    right: 3%;
    scale: 1;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(150px,-240px);
    -ms-transform: translate(150px,-240px);
    transform: translate(150px,-240px);
    rotate: 22deg
  }
  .trend-banner__background-animation-left {
      height: 600px;
      width: 600px;
      top: -20%;
      left: -150px;
      position: absolute;
      z-index: -1;
    }
  .trend-banner__content {
    margin-top: 0
  }
  .trend-banner__image-content {
    max-width: 100%
  }
  .trend-banner__image-content img {
    max-width: 100%;
     aspect-ratio: 497/684
  }
  .trend-banner__image {
    left: -5.4rem
  }
  .trend-banner__two-lines .trend-banner__button {
    margin-top: 0
  }
  .trend-banner__two-lines .trend-banner__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .trend-banner__two-lines .trend-banner__border-text {
    margin-left: calc(41.66666667% - 4rem);
    white-space: nowrap
  }
}
@media (min-width:992px) {
  .trend-banner__background-animation {
    height: 900px;
    width: 900px;
/*     opacity: 1; */
    top: -11%;
    right: 5%;
    scale: 1;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(200px,-240px);
    -ms-transform: translate(200px,-240px);
    transform: translate(200px,-240px);
    rotate: 22deg
  }
/*   .trend-banner__background-animation-left {
      height: 900px;
      width: 900px;
      top: -20%;
      left: -20%;
      position: absolute;
      z-index: -1;
    } */
  .trend-banner__image-content p {
    margin-left: 10.6rem;
    margin-right: 0
  }
}
@media (min-width:1200px) {
  .trend-banner::before {
    content: "";
    background: rgba(0,0,0,.09);
    width: 67.5vw;
    height: 75%;
    position: absolute;
    z-index: 3;
    top: 13rem;
    bottom: 0;
    margin: 0;
    pointer-events: none
  }
  .trend-banner__background-animation-left {
      height: 900px;
      width: 900px;
      top: -20%;
      left: -220px;
      position: absolute;
      z-index: -1;
    }
  .trend-banner__background-animation {
    height: 900px;
    width: 900px;
/*     opacity: 1; */
    top: -10%;
    right: 0;
    scale: 1;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(170px,20px);
    -ms-transform: translate(170px,20px);
    transform: translate(170px,20px);
    rotate: 22deg
  }
  .trend-banner__bg-video {
    height: 74.4rem;
    width: 60%
  }
  .trend-banner__bg-video .background-video__iframe iframe {
    height: 100%;
    width: 100vw
  }
  .trend-banner__bg-video .background-video__overlay {
    right: 8.4rem
  }
  .trend-banner__small-video {
    height: 21.2rem;
    width: 21.2rem;
    position: absolute;
    inset: 12.8rem auto 0 1.6rem;
    margin: auto 0;
    z-index: 3
  }
  .trend-banner__small-video .background-video {
    min-height: 100%
  }
  .trend-banner__small-video .background-video__iframe iframe {
    height: 100%;
    width: 100vw
  }
  .trend-banner__small-video .background-video__overlay {
    inset: auto 16px 20px auto
  }
  .trend-banner__small-video .background-video__overlay .cta__icon {
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.8rem
  }
  .trend-banner__image {
    max-width: 19rem;
    max-height: 19rem;
    top: 16rem;
    left: -12rem;
    bottom: 0;
    margin: 0
  }
  .trend-banner__heading {
    margin-top: 20rem
  }
  .trend-banner__heading .distilled-cta,
  .trend-banner__heading .h5 {
    margin-left: 4rem
  }
  .trend-banner__top-section {
    min-height: 74.4rem
  }
  .trend-banner__video-popup {
    right: 14.8rem
  }
  .trend-banner__image-content p {
    left: auto;
    right: 0
  }
  .trend-banner__content {
    margin-top: 5rem;
    margin-left: 3.2rem
  }
  .trend-banner__button {
    margin-top: 10.1rem
  }
}
@media (min-width:1400px) {
  .trend-banner__background-animation {
/*     height: 1200px;
    width: 1200px; */
/*     opacity: 1; */
    top: 30%;
/* 	top: 20%; */
/*     right: 15%; */
	left: -5%;
    scale: 1;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(200px,-150px);
    -ms-transform: translate(200px,-150px);
    transform: translate(200px,-150px);
    rotate: -20deg
  }
}
@media screen and (width <= 1199px) and (width >= 1110px) {
  .trend-banner__video-popup{
    bottom: 15px;
  }
}
.trend-banner__bg-video::before{content: ''; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.0901960784); position: absolute; z-index: 2; pointer-events: none;}

@media (max-width:400px) {
  .trend-banner__bg-video .background-video__overlay {
    left: 20.4rem;
  }
  .trend-banner__video-popup{
  	left: 7.5rem;
  }
}