.kink-hero.--v2 .kink-hero__foto {
  container-type: size;
  overflow: hidden;
  isolation: isolate;
}
.kink-hero.--v2 .kink-hero__foto img,
.kink-hero.--v2 .kink-hero__foto video {
  position: absolute;
  inset: 0;
  margin: auto 0 auto auto;
  width: min(100%, 56.25cqh);
  height: min(100%, 177.7778cqw);
  object-fit: contain;
  object-position: center;
  mask-image: linear-gradient(90deg, transparent, #000 42%);
}
.kink-hero__foto video { opacity: 0; }
.kink-hero.is-playing .kink-hero__foto video { opacity: 1; }
.kink-hero.is-playing .kink-hero__foto img { opacity: 0; }
.kink-hero.--v2 .kink-hero__foto .kink-hero__shtora {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #12293a, rgba(18,41,58,.86) 25%, rgba(18,41,58,.34) 58%, rgba(18,41,58,.05) 100%);
}
@media (min-width: 768px) {
  .kink-hero.--v2 .kink-hero__foto { width: 62%; }
}
.kink-hero__video-toggle {
  position: relative;
  margin-block-start: 16px;
  min-height: 44px;
  padding-inline: 14px;
  color: white;
  background: #12293a;
  border: 1px solid #9eb0be;
  border-radius: 6px;
  cursor: pointer;
  z-index: 2;
}
.kink-hero__video-toggle:focus-visible { outline: 3px solid #49b9ce; outline-offset: 3px; }
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  .kink-hero__foto video, .kink-hero__video-toggle { display: none; }
}
@media (max-width: 767px) {
  .kink-hero.--v2 .kink-hero__foto img {
    margin: auto;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 93%, transparent);
  }
  .kink-hero.--v2 .kink-hero__foto .kink-hero__shtora {
    background: linear-gradient(180deg, #12293a 5%, rgba(18,41,58,.72) 39%, rgba(18,41,58,.72) 77%, #12293a);
  }
}

@media (min-width: 768px) {
  .kink-hero.--v2 .kink-hero__foto { width: 78%; }
  .kink-hero.--v2 .kink-hero__foto img,
  .kink-hero.--v2 .kink-hero__foto video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    mask-image: linear-gradient(90deg, transparent, #000 19%);
  }
  .kink-hero.--v2 .kink-hero__foto .kink-hero__shtora {
    background: linear-gradient(90deg, #12293a, rgba(18,41,58,.77) 22%, rgba(18,41,58,.68) 50%, rgba(18,41,58,.18) 80%, rgba(18,41,58,.05));
  }
}

@media (min-width: 768px) {
  .kink-hero.--v2 .kink-hero__foto img { object-position: center 26%; }
  .kink-hero.--v2 .kink-hero__foto video { object-position: center var(--hero-shot-focus, 33%); }
}

@media (min-width: 1536px) {
  .kink-hero.--v2 .kink-hero__foto img,
  .kink-hero.--v2 .kink-hero__foto video { max-width: 1180px; }
}