.home-hero {
  display: flex;
  align-items: center;
  padding: 10rem 0 6rem;
}

.home-hero-media,
.home-hero-content {
  flex: 0 0 50%;
  max-width: 50%;
}

.home-hero-content h1.h-type {
  min-height: 7rem;
}

.home-hero-content h1.h-type::before {
  content: "schedule";
  display: inline-block;
  color: var(--accent);
  font-family: "Material Symbols Sharp", "Material Symbols Rounded";
  font-size: 3rem;
  font-variation-settings:
    "FILL" 1,
    "wght" 100,
    "GRAD" -25,
    "opsz" 48;
  transform: translateY(0.75rem);
}

.home-hero-content h1.h-type span.wrap {
  color: var(--accent-soft);
}

.home-hero-image {
  display: block;
  width: min(100%, 28rem);
  height: auto;
  margin-inline: auto;
}

@media (max-width: 767px) {
  .home-hero {
    flex-direction: column;
  }

  .home-hero-media,
  .home-hero-content {
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }

  .home-hero-image {
    width: min(82vw, 20rem);
  }
}