.v-angled-image {
  transform: rotate(45deg) !important;
  align-self: center;
  height: 0;
}
.v-security__image {
  bottom: max(-7.2325rem, -3.94375vw);
}

.v-angled-image.content-bottom {
  align-self: flex-end;
}

.v-angled-image__sizer {
  position: absolute;
  transform: translateY(-50%);
}

.content-bottom .v-angled-image__sizer {
  transform: translateY(-100%);
}

.component-middle .v-angled-image__sizer {
  top: 50%;
  transform: translateY(-50%);
}

.component-bottom .v-angled-image__sizer {
  bottom: max(-7.2325rem, -3.94375vw);
  transform: translateY(0);
}
.v-angled-image__sizer {
  position: absolute;
  transform: translateY(-50%);
}

.v-angled-image__pill {
  width: 79.55555566rem !important;
  aspect-ratio: 16/9;
  transform: translate(-15%, 15%) rotate(-80deg) !important;
  transform-origin: 28.125% 50%;
  clip-path: inset(0% 0% round 38.024% 0 0 38.024%/67.598%);
  overflow: hidden;
}

.v-angled-image--with-video .v-angled-image__pill {
  position: relative;
}

.v-angled-image__img {
  position: absolute;
  top: 15%;
  left: 35%;
  display: block;
  width: 110%;
  max-width: none;
  object-fit: cover;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%) rotate(35deg);
  transform-origin: center;
}

.v-angled-image__btn.v-angled-image__btn {
  border-radius: clamp(8.875rem, 15.36458333vw, 18.4375rem);
  width: 1.25rem;
  height: 1.5625rem;
  position: absolute;
  top: 50%;
  left: 28.125%;
  width: 5.5rem;
  height: 5.5rem;
  text-align: center;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
  transition: background-color .2s ease-out, transform .2s ease-out;
}

.v-angled-image__btn:hover .v-video-trigger__icon {
  transform: translateX(10%) scale(.9);
}

@media(min-width: 2201px) {
.v-angled-image__pill {
  transform: translate(-22%,15%) rotate(-80deg) !important;
}
}
@media(max-width: 2201px) {
  .v-angled-image__pill {
    transform: translate(-43%,75%) rotate(-80deg) !important;
    width: 55rem !important;
  }
}

@media(max-width: 1046px) {
  .v-angled-image__pill {
    transform: translate(-53%,80%) rotate(-80deg) !important;
    width: 40rem !important;
  }
}
@media(max-width: 680px) {
  .v-angled-image {
    transform: rotate(45deg);
    height: auto;
  }

  .v-angled-image__sizer,
  .component-bottom .v-angled-image__sizer,
  .component-middle .v-angled-image__sizer {
    position: relative;
    top: 0;
    width: v.custom-spacing(290px, 400px, 1, v.$b-minspacing, v.$b-medium);
    height: v.custom-spacing(531px, 627px, 1, 370px, v.$b-medium);
    margin-left: auto;
    transform: none;
  }

  .v-angled-image__pill {
    position: relative !important;
    transform: translate(42%,0%) rotate(-80deg) !important;
    width: 40rem !important;
  }

/*   .v-angled-image__img {
/*     width: calc(var(--img-scale-sm) * 1.25); */
/*     width: calc(113.71564605703% * 1.25);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media(min-width: 2201px) {
  .v-angled-image .v-angled-image__pill {
    width: clamp(79.55555566rem, 66.296296vw, 106rem);
  }
}
/*  
@media(max-width: 1240px) {
  .v-angled-image .v-angled-image__pill {
    width: 63.64444453rem;
  }
}

@media(max-width: 980px) {
  .v-angled-image .v-angled-image__pill {
    width: 47.7333334rem;
  }
}

@media(max-width: 680px) {
  .v-angled-image {
    transform: rotate(45deg);
    height: auto;
  }

  .v-angled-image__sizer,
  .component-bottom .v-angled-image__sizer,
  .component-middle .v-angled-image__sizer {
    position: relative;
    top: 0;
    width: v.custom-spacing(290px, 400px, 1, v.$b-minspacing, v.$b-medium);
    height: v.custom-spacing(531px, 627px, 1, 370px, v.$b-medium);
    margin-left: auto;
    transform: none;
  }

  .v-angled-image__pill {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 41.77777778rem;
    transform: rotate(calc(45deg * -1));
  }

  .v-angled-image--with-video .v-angled-image__pill {
    position: absolute;
  }

  .v-angled-image__img {
/*     width: calc(var(--img-scale-sm) * 1.25); */
/*     width: calc(113.71564605703% * 1.25);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media screen and (max-width: 370px) {
  .v-angled-image .v-angled-image__sizer,
  .component-bottom .v-angled-image__sizer,
  .component-middle .v-angled-image__sizer {
    height: v.custom-spacing(494px, 531px, 1, 320px, 370px);
  }
} */