.distilled-footer {
  overflow: hidden
}
.distilled-footer__background-image {
  mix-blend-mode: screen;
}
.distilled-footer__background-image {
  top: 0;
  right: 0
}
.distilled-footer__header {
  z-index: 1
}
.distilled-footer__item-video{
  margin-bottom: -1px;
}
.distilled-footer__item-video {
  height: 100%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}
.distilled-footer__item-video .video {
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}
.distilled-footer__item-video .video__iframe {
  height: 100%;
overflow: hidden;
}
.distilled-footer__item-video .video__iframe iframe {
  height: 100%;
/*  scale: 1.4; */
	scale: 2.4;
}
.distilled-footer__item-content {
  bottom: 0;
  z-index: 9;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}
.distilled-footer__link {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .8s ease;
  transition: all .8s ease
}
.distilled-footer__link .action-button {
  background: rgba(255,255,255,.3);
  color: var(--white);
  font-size: 1.2rem;
}
.distilled-footer__link .distilled-cta {
  text-decoration: none;
  border-radius: 50%;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content
}
.distilled-footer__link .distilled-cta :focus,
.distilled-footer__link .distilled-cta :hover {
  text-decoration: none
  background: var(--white);
  border-radius: 100%;
}
.distilled-footer__link .distilled-cta__inner {
  padding: 0!important
}
.distilled-footer__link p {
  margin-bottom: 0
}
.distilled-footer__item-title {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.distilled-footer__item {
  cursor: pointer;
  height: 200px
}
.distilled-footer__item:focus-within {
  border: 1px solid var(--white)
}
.distilled-footer__item-video::after{
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(52.2%,rgba(212,0,0,0)),color-stop(85.34%,rgba(0,0,0,.6)));
  background: linear-gradient(180deg,rgba(212,0,0,0) 52.2%,rgba(0,0,0,.6) 85.34%);
  transition: none;
}
.distilled-footer__item:focus-within,
.distilled-footer__item:hover {
  z-index: 9
}
.distilled-footer__item:focus-within .distilled-footer__link,
.distilled-footer__item:hover .distilled-footer__link {
  max-height: 10rem!important;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  transition: all .8s ease
}
.distilled-footer__item:focus-within .distilled-cta {
  border: 1px solid var(--white)
}
.distilled-footer__background-animation {
  height: 800px;
  width: 800px;
  -webkit-transform: translate(37%,2%) rotate(-15deg);
  -ms-transform: translate(37%,2%) rotate(-15deg);
  transform: translate(37%,2%) rotate(-15deg);
  mix-blend-mode: screen;
  opacity: .8
}
@media (min-width:768px) {
  .distilled-footer__item {
    height: 208px
  }
  .distilled-footer__background-animation {
    -webkit-transform: translate(30%,0) rotate(-40deg);
    -ms-transform: translate(30%,0) rotate(-40deg);
    transform: translate(30%,0) rotate(-40deg)
  }
}
@media (max-width:991.98px) {
  .distilled-footer__link {
    display: none!important
  }
}
@media (min-width:992px) {
  .distilled-footer__item {
    aspect-ratio: 3/4;
    height: auto;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    cursor: auto;
    z-index: 1;
  }
  .distilled-footer__item .video {
    opacity: 1;
    visibility: visible
  }
  .distilled-footer__item .distilled-footer__item-image-thumbnail {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
  }
  .distilled-footer__item:focus-within .distilled-footer__item-video,
  .distilled-footer__item:hover .distilled-footer__item-video {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: scale(1.18);
    -ms-transform: scale(1.18);
    transform: scale(1.18);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 1;
    display: block
  }
  .distilled-footer__item:focus-within .distilled-footer__item-image-thumbnail,
  .distilled-footer__item:hover .distilled-footer__item-image-thumbnail {
    visibility: hidden;
    opacity: 0;
    /*height: 0!important*/
  }
  .distilled-footer__item:focus-within .distilled-footer__item-video::after,
  .distilled-footer__item:hover .distilled-footer__item-video::after {
    left: -1px;
	width: calc(100% + 2px);
  }
}
@media screen and (width <= 1250px) and (width >= 768px) {
  .distilled-footer__item .distilled-footer__item-content {
    padding: var(--sm-2)
  }
  .distilled-footer__item h3 {
    font-size: 1.8rem;
    line-height: 2.2rem
  }
  .distilled-footer__item p {
    font-size: 1.6rem;
    line-height: 2rem
  }
  .distilled-footer__item .distilled-footer__link {
    gap: 1rem
  }
}

.distilled-fooer__page-link{display: none;}
@media all and (max-width: 767.8px){
.distilled-fooer__page-link{display: block;position: absolute;height: 100%;width: 100%;z-index: 25;opacity: 0; top: 0;}
.distilled-fooer__page-link-anchor{height: 100%;display: block;width: 100%;}
}