/* One shared lighting treatment for both ends of every page. */
:root {
  --ggg-band-artwork: url("footer-waves.png");
  --ggg-band-tint: rgba(62, 56, 41, .70);
  --ggg-watermark-veil: rgba(248, 247, 244, .92);
}

.ggg-page .page-title,
.ggg-page .page-banner,
.ggg-page .footer.ggg-compact-footer {
  background-color: #3e3829;
  background-image: linear-gradient(var(--ggg-band-tint), var(--ggg-band-tint)), var(--ggg-band-artwork) !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.ggg-page .page-title::before,
.ggg-page .page-banner::before {
  content: none;
}

/* The original profile artwork remains, with at most 8% visibility.
   Keep the existing tile dimensions and edge fades to avoid visible seams. */
.ggg-page .sidebar-page-container,
.ggg-page .project-section,
.ggg-page .contact-section,
.ggg-page main > .section,
.ggg-page .about-us-area,
.ggg-page .team-section,
.ggg-page .partners-section,
.ggg-page .funfact {
  background-color: var(--ggg-canvas);
  background-image: linear-gradient(180deg, var(--ggg-canvas) 0%, var(--ggg-watermark-veil) 6%, var(--ggg-watermark-veil) 84%, var(--ggg-canvas) 100%), var(--ggg-profile-watermark) !important;
}

@media print {
  .ggg-page .sidebar-page-container,
  .ggg-page .project-section,
  .ggg-page .contact-section,
  .ggg-page main > .section,
  .ggg-page .about-us-area,
  .ggg-page .team-section,
  .ggg-page .partners-section,
  .ggg-page .funfact {
    background-image: none !important;
  }
}