/* A quiet guild-hall wash at the top, fading into the report canvas. */
.report-atmosphere {
  --report-art-height: clamp(24rem, 40vw, 36rem);
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--color-canvas);
}

.report-atmosphere picture {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  height: var(--report-art-height);
  mask-image: linear-gradient(180deg, #000, rgba(0, 0, 0, .65) 35%, transparent 100%);
}

.report-atmosphere img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--report-art-position, 50% 50%);
  opacity: .3;
  filter: saturate(.4) contrast(.85);
}

@media (max-width: 48rem) {
  .report-atmosphere { --report-art-height: 22rem; }

  .report-atmosphere img {
    opacity: .24;
    object-position: var(--report-art-position-mobile, 50% 50%);
  }
}

:root[data-visual-mode="minimal"] .report-atmosphere { display: none; }

@media print {
  .report-atmosphere { display: none; }
}