body {
  background-image: linear-gradient(#888 0), linear-gradient(#aaa 0), url('/img/pexels-cottonbro-8382617-medium.jpg');
  background-blend-mode: darken, multiply, normal;
  background-size: max(100%, 27rem);
  background-position: 0 0, 0 0, 80% min(0px, calc(-42vw + 11rem));
  background-attachment: fixed;
  background-repeat: no-repeat;
}

header {
  background: linear-gradient(#0000 calc(100% - 6rem), #111a 100%);
}

main {
  background: linear-gradient(#0000 2rem, #222 2rem);
}
main > :last-child {
  flex-grow: 1;
}

.fullwidth-heading > * {
  filter: drop-shadow(0 0 0.7rem #000) drop-shadow(0 0 1.5rem #000) drop-shadow(0 0 3rem #000);
}
.fullwidth-heading * {
  text-align: left;
}