.dw-hero__figure {
  justify-self: end;
  width: min(100%, 15rem);
  border: 0;
  background: none;
  aspect-ratio: 1;
}
.dw-hero__figure img {
  object-fit: contain;
}
@media (max-width: 1000px) {
  .dw-hero__figure {
    grid-row: 1;
    justify-self: start;
    width: 7rem;
  }
}
.dw-hero__art > .vfs-hero__canvas {
  opacity: 0;
  transition: opacity .6s var(--dw-ease);
}
.dw-hero__art > .vfs-hero__still {
  position: absolute;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0;
  transition: opacity .6s var(--dw-ease);
  pointer-events: none;
}
.dw-hero__art.is-placed > .vfs-hero__still {
  opacity: 1;
}
.dw-hero__art.is-live > .vfs-hero__canvas {
  opacity: 1;
}
.dw-hero__art.is-live > .vfs-hero__still {
  opacity: 0;
}
html.dw-js .dw-hero--art .dw-hero__figure {
  display: none;
}
@media (max-width: 1000px) {
  html.dw-js .dw-hero--art .dw-hero__text {
    padding-top: min(19rem, 72vw);
  }
}