/* A decorative photograph in normal flow: the banner scrolls with the page. */
.masthead--courant {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  padding: 64px 40px 68px;
  background: var(--background);
}
.masthead-photo {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: grayscale(1);
  opacity: .42;
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 24%, rgb(0 0 0 / 65%) 56%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 24%, rgb(0 0 0 / 65%) 56%, transparent 100%);
}
.page--courant { padding-top: 24px; }

@media (max-width: 820px) {
  .masthead--courant { padding-bottom: 52px; }
  .page--courant { padding-top: 20px; }
}
@media (max-width: 600px) {
  .masthead--courant { padding: 40px 22px 48px; }
}
@media print {
  .masthead-photo { display: none; }
  .masthead--courant { padding: 0; margin-bottom: 28px; background: transparent; }
  .page--courant { padding: 0; }
}