/**
 * Page template: Soft Gradient (page-soft-gradient.html)
 * Top terracotta-to-white band behind header + page label.
 */

:root {
  --grad-soft-hero: linear-gradient(320deg, #FFF 19.42%, #F9E9E5 69.32%, #E9B8AF 100.23%, #DA8779 132.23%);
}

.qcc-page-hero-band {
  position: relative;
  isolation: isolate;
}

.qcc-page-hero-band::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: min(794px, 90vh);
  background: var(--grad-soft-hero);
  z-index: -1;
  pointer-events: none;
}