/* SchoolMG-inspired hero treatment: clear photography, gentle motion, and a subtle color mesh. */
.home-hero,
.home-hero-background{background:#030712}

.home-hero-background:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(16,185,129,.15),transparent 38%),
    radial-gradient(ellipse at 88% 16%,rgba(6,182,212,.15),transparent 34%),
    radial-gradient(ellipse at 50% 100%,rgba(251,191,36,.1),transparent 48%);
}

.home-hero-background:after{
  z-index:4;
  background:
    linear-gradient(90deg,rgba(3,7,18,.62) 0%,rgba(3,7,18,.42) 34%,rgba(3,7,18,.14) 62%,rgba(3,7,18,.03) 100%),
    linear-gradient(180deg,#030712 0%,rgba(3,7,18,.42) 12%,transparent 30%,transparent 100%);
}

.home-hero-background .hero-slide.is-active img,
.home-hero-background .hero-slide.is-leaving img{
  animation:home-hero-kenburns 6.6s cubic-bezier(.16,.52,.36,1) both;
  will-change:transform;
}

@keyframes home-hero-kenburns{
  from{transform:scale(1.035) translate3d(0,0,0)}
  to{transform:scale(1.12) translate3d(-1%,-.6%,0)}
}

@media(max-width:760px){
  .home-hero-background .hero-slide img{filter:saturate(.84) brightness(.78)}
  .home-hero-background:after{
    background:
      linear-gradient(180deg,rgba(3,7,18,.42) 0%,rgba(3,7,18,.26) 35%,rgba(3,7,18,.56) 100%),
      linear-gradient(90deg,rgba(3,7,18,.14),transparent 72%);
  }
}