/* Homepage: give courses room in the first desktop viewport. */
@media (min-width:1101px){
  body:not(.about-page):has(.hero-person) .hero{height:535px}
  .hero:has(.hero-person):after{background:linear-gradient(90deg,rgba(255,250,233,.48) 0%,rgba(255,250,233,.24) 37%,transparent 65%)}
  .hero:has(.hero-person) .hero-copy{padding-top:19px}
  .hero:has(.hero-person) .hero-description{margin-top:14px}
  .hero:has(.hero-person) .hero-buttons{margin-top:17px}
  .hero-person{height:465px;width:362px;top:auto;bottom:0}
  .hero-side{top:125px}
  .hero-side .handwriting{display:none}
  .hero-values{margin-top:0}
  body:has(.hero-person) .assistant{margin-top:-39px;min-height:0;padding:18px 25px;gap:17px}
  body:has(.hero-person) .assistant>img{width:108px;height:108px;align-self:center}
  body:has(.hero-person) .assistant h2{font-size:21px}
  body:has(.hero-person) .assistant p{font-size:14px;color:#405579;margin-top:4px}
  body:has(.hero-person) .assistant form{height:44px;margin-top:10px}
  body:has(.hero-person) .assistant form button{width:55px}
  body:has(.hero-person) .prompts{margin-top:9px;gap:8px}
  body:has(.hero-person) .prompts button{padding:7px 10px;color:#19315d}
  body:has(.hero-person) .categories{padding-top:26px}
}
body:has(.hero-person) .assistant input::placeholder{color:#61769c;opacity:1}
body:has(.hero-person) .section-heading p{color:#52688e}