/* Hero: asl institut-animatsiya.html iframe orqali */
.hero.hero-has-anim {
  display: block;
  position: relative;
  grid-template-columns: none;
  width: 100%;
  height: 100svh;
  min-height: 100svh;
  max-height: none;
  background: #040a08;
  overflow: hidden;
  padding: 0;
}

body.has-hero-autohide .hero.hero-has-anim {
  height: 100svh;
  min-height: 100svh;
}

.hero-anim-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #040a08;
}

@media (max-width: 720px) {
  .hero.hero-has-anim,
  body.has-hero-autohide .hero.hero-has-anim {
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 2;
  }
}