/* Generated from data/hero.json by scripts/update-hero.mjs. */
.hero {
  --hero-width: auto;
  --hero-height: 125%;
  --hero-top: 45px;
  --hero-right: -3vw;
}
@media (max-width:1000px) {
  .hero {
  --hero-width: 80vw;
  --hero-height: auto;
  --hero-top: 100px;
  --hero-right: -22vw;
  }
}
@media (max-width:700px) {
  .hero {
  --hero-width: min(94vw,420px);
  --hero-height: auto;
  --hero-top: 72px;
  --hero-right: -18vw;
  }
}