/* Quiet photographic foliage framing the content below the hero. */
body > main{
  position:relative;
  isolation:isolate;
}
body > main::before,
body > main::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  width:clamp(280px,30vw,670px);
  pointer-events:none;
  background-image:url('/assets/nature-v38/assets/foreground-leaves.png');
  background-repeat:no-repeat;
  background-size:auto 940px;
  opacity:.24;
  filter:grayscale(.9) saturate(.4) brightness(.38) blur(2px);
}
body > main::before{
  left:0;
  background-position:left top;
  mask-image:linear-gradient(90deg,#000 10%,#0000 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 10%,#0000 100%);
}
body > main::after{
  right:0;
  background-position:right top;
  mask-image:linear-gradient(270deg,#000 10%,#0000 100%);
  -webkit-mask-image:linear-gradient(270deg,#000 10%,#0000 100%);
}
.page-content::before{content:none}
@media(max-width:760px){
  body > main::before,
  body > main::after{
    width:44%;
    background-size:auto 800px;
    opacity:.2;
  }
}