/* Soft campus photograph used only by the public home-page hero. */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:28px;
  padding:clamp(2rem,5vw,4.5rem);
  box-shadow:0 24px 70px rgba(15,35,68,.10);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('college-campus.jpg') center center/cover no-repeat;
  opacity:.52;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(247,250,255,.88) 0%,rgba(247,250,255,.72) 48%,rgba(247,250,255,.45) 100%);
}
.hero>div{position:relative;z-index:1}
@media(max-width:760px){
  .hero{padding:1.6rem;border-radius:20px}
  .hero::before{background-position:58% center;opacity:.42}
  .hero::after{background:rgba(247,250,255,.76)}
}