/* Approved Concept 2: Psychedelic Sigiriya */
.about-bg { background-image: url('../images/about/about-background.webp'); background-position: center; }
.music-bg { background-image: url('../images/albums/music-background.webp'); background-position: center; }
.history-bg { background-image: url('../images/history/history-background.webp'); background-position: center; }
.members-bg { background-image: url('../images/members/members-background.webp'); background-position: center; opacity: .34; }
.live-bg { background-image: url('../images/gallery/live-background.webp'); background-position: center; }
.footer-bg { background-image: url('../images/footer/footer-background.webp'); background-position: center; }

.about::after, .records::after, .history::after, .members::after, .live::after, .contact::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 25%, rgba(40,122,114,.11), transparent 24%),
    radial-gradient(circle at 92% 70%, rgba(154,40,37,.12), transparent 27%),
    linear-gradient(90deg, rgba(8,6,5,.45), transparent 28%, transparent 72%, rgba(8,6,5,.45));
}

.records { padding-block: clamp(5rem, 6vw, 7rem); }
.records .section-background::after { background: linear-gradient(90deg, rgba(8,6,5,.9), rgba(8,6,5,.56), rgba(8,6,5,.9)); }
.history .section-background::after { background: rgba(8,6,5,.76); }
.members .section-background::after { background: linear-gradient(0deg, rgba(8,6,5,.96), rgba(8,6,5,.74) 48%, rgba(8,6,5,.94)); }
.live .section-background::after { background: radial-gradient(circle at 68% 35%, rgba(8,6,5,.42), rgba(8,6,5,.9) 70%); }
.contact .section-background::after { background: linear-gradient(90deg, rgba(8,6,5,.9), rgba(8,6,5,.58), rgba(8,6,5,.88)); }

.section-heading h2::after, .record-heading h2::after, .about-copy h2::after, .upcoming-copy h2::after {
  content: "";
  display: block;
  width: min(14rem, 60%);
  height: .42rem;
  margin-top: .45rem;
  background: linear-gradient(90deg, var(--wp-orange), var(--wp-gold), var(--wp-teal), transparent);
  clip-path: polygon(0 36%, 18% 0, 40% 46%, 62% 10%, 82% 55%, 100% 25%, 100% 70%, 78% 100%, 60% 62%, 38% 95%, 17% 54%, 0 78%);
}
.section-heading.center h2::after { margin-inline: auto; }

.poster-frame, .record-panel, .member-card, .featured-video, .gallery-item, .contact-form {
  background-image: linear-gradient(rgba(8,6,5,.82), rgba(8,6,5,.82)), url('../images/textures/paper.svg');
}

@supports (mix-blend-mode: color) {
  .members-bg { mix-blend-mode: screen; }
}