/* Deep, downward-curving hero edge, following the supplied second reference. */
.hero{overflow:visible;margin-bottom:180px}
.hero:after{left:0;bottom:-180px;width:100%;height:360px;border-radius:50%;clip-path:inset(50% 0 0);background:linear-gradient(180deg,#1e374e 0%,#182d43 100%);z-index:0}
.hero-grid{z-index:1}
@media(max-width:680px){.hero{margin-bottom:95px}.hero:after{left:0;bottom:-95px;width:100%;height:190px}}