.hero-scene {
  display:block;
  width:100%;
  aspect-ratio: 3 / 2;
  object-fit:cover;
  border-radius: 0 0 14px 14px;
}
.mascot-preview .screen { padding:0; }
.contact-mascot-scene {
  width:min(44%, 245px);
  height:auto;
  border-radius:16px;
  flex-shrink:0;
}
.hero-heading {
  display:flex;
  align-items:flex-start;
  gap:.45em;
}
.hero-heading img {
  width:1.55em;
  height:1.55em;
  flex:none;
  object-fit:contain;
  margin-top:-.13em;
}
@media (max-width:500px) {
  .contact-mascot-scene { display:none; }
}