/* hero-vrd.css */
* { margin: 0; padding: 0; box-sizing: border-box; }

#vrd-hero.canvas-container{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}


#vrd-hero svg{
  width:100%;
  height:100%;
  display:block;
}

/* The hero background layer */
#hero-mount{
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Make the injected SVG fill the hero */
#hero-mount #vrd-hero,
#hero-mount svg{
  width: 100%;
  height: 100%;
  display: block;
}


@media (max-width: 768px) {
  #hero-mount svg {
    width: 100%;
    height: 100%;
  }
}