/* Blend the first screen into the opaque navigation above it. */
@media(min-width:1101px){
 body .hero::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-18px;height:56px;
  background:linear-gradient(to bottom,var(--panel-surface,#fff) 0%,var(--panel-surface,#fff) 18%,transparent 100%);
  pointer-events:none;
  z-index:1;
 }
 body .hero .hero-copy{position:relative;z-index:2}
}