@media (max-width:850px){
  .hero{min-height:0;grid-template-rows:auto auto}
  .hero-copy{padding-bottom:24px}
  .mascot-wrap{height:340px;margin-top:12px}
  .mascot-wrap img{width:100%;max-height:340px;object-fit:contain}
}
@media (max-width:500px){
  .hero-copy{padding-bottom:28px}
  .mascot-wrap{height:300px;margin-top:0}
  .mascot-wrap img{max-height:300px}
}