/* Файл оформляет лендинг ANSA: hero-motion.css из макета ANSA, пути ресурсов переведены на /assets. */
/* Keep the image available until the first successful GPU draw. */
.landing .l-hero-motion {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .7;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #000 60%, transparent 97%);
}
.landing .l-hero-motion[hidden] { display: none; }
.landing .l-hero-motion-toggle {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 1px solid #ffffff16;
  border-radius: 9px;
  color: #a7a9ad;
  background: #10111280;
  cursor: pointer;
}
.landing .l-hero-motion-toggle[hidden] { display: none; }
.landing .l-hero-motion-toggle:hover { color: #fff; background: #242124; }
@media (max-width: 640px) {
  .landing .l-hero-motion-toggle { right: 18px; bottom: 8px; }
}
.landing .l-hero[data-motion-ready="true"] .l-hero-art { visibility: hidden; }