main.content:has(.course-shell) {
  margin-top: .5rem;
  padding-top: 0;
}

main.content:has(.course-shell) > #title-block-header {
  display: none;
}

.course-shell {
  margin-top: 0;
}

.course-hero {
  min-height: 470px;
  padding-block: clamp(2.6rem, 4vw, 3.6rem);
}

.eyebrow {
  margin-bottom: .9rem;
}

.course-hero h1 {
  font-size: clamp(2.7rem, 4.6vw, 4.4rem);
  margin-bottom: 1rem;
}

.hero-lede {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  line-height: 1.5;
}

.course-hero .hero-actions {
  margin-top: 1.35rem;
}

@media (max-width: 1199.98px) {
  .course-hero .hero-grid {
    grid-template-columns: 1fr;
  }

  .course-hero .hero-visual {
    justify-self: center;
    max-width: 340px;
  }
}

@media (max-width: 640px) {
  .course-shell {
    margin-top: 0;
  }

  .course-hero {
    padding-block: 2.4rem;
  }

  .course-hero h1 {
    font-size: 2.7rem;
  }
}