/* ═══ Watercolor Header Background ═══ */
.wc-header {
  position: relative;
  overflow: hidden;
}
.wc-header::before {
  content: ''; position: absolute;
  top: -50%; left: -15%; right: -15%; bottom: -20%;
  background-image: var(--wc-img);
  background-size: cover; background-position: center center;
  opacity: 0; transition: opacity 1.2s ease-in-out;
  z-index: 0;
}
.wc-header.wc-ready::before { opacity: 0.35; }
.wc-header::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, var(--cb-bg, #FDFCFA) 100%);
  z-index: 0;
}
.wc-header > * {
  position: relative;
  z-index: 1;
}