.mv {
  container-type: inline-size;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.mv img {
  width: 100%;
  aspect-ratio: unset;
}
.mv--anime--door {
  position: absolute;
  inset: 0;
  z-index: 1000;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.mv--anime--door--left {
  position: absolute;
  inset: 0 0 auto;
  right: auto;
  width: 50% !important;
  height: auto;
}
.mv--anime--door--right {
  position: absolute;
  inset: 0 0 auto;
  left: auto;
  width: 50% !important;
  height: auto;
}
.mv--anime--text {
  position: absolute;
  inset: 0;
  z-index: 100;
  --mask-left: 50%;
  --mask-right: 50%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(transparent), color-stop(black), color-stop(black), color-stop(transparent), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent var(--mask-left), black var(--mask-left), black var(--mask-right), transparent var(--mask-right), transparent 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(transparent), color-stop(black), color-stop(black), color-stop(transparent), to(transparent));
          mask-image: linear-gradient(to right, transparent 0%, transparent var(--mask-left), black var(--mask-left), black var(--mask-right), transparent var(--mask-right), transparent 100%);
}
.mv--anime--bg {
  position: relative;
  z-index: 10;
}
.mv--anime--bg--copy {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.mv--anime--bg--logo {
  position: absolute;
  inset: 0;
  opacity: 0;
}/*# sourceMappingURL=mv.css.map */