/* Approved R4-C material. This file changes paint only. */
#fit,
#research-approach,
#trust-to-action {
  background-color: #faf2e6;
  background-image:
    url("assets/lifemap-grain-light-C.svg"),
    url("assets/lifemap-depth-light-C.svg"),
    linear-gradient(157deg, rgba(255, 251, 241, .15) 0%, rgba(255, 251, 241, 0) 51%, rgba(175, 123, 78, .055) 100%);
  background-size: 390px 780px, 100% 100%, 100% 100%;
  background-position: center top, center center, center center;
  background-repeat: repeat-y, no-repeat, no-repeat;
}

.home-hero::after {
  background: linear-gradient(transparent, #f5ece0);
}

/* Seam-only color handoffs; the approved C layers continue underneath. */
#research-approach,
#trust-to-action {
  position: relative;
}
#research-approach::before,
#trust-to-action::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 160px;
  pointer-events: none;
}
#research-approach::before {
  background: linear-gradient(to bottom, #f1e6d7, rgba(241, 230, 215, 0));
}
#trust-to-action::before {
  background: linear-gradient(to bottom, #f8f3e9, rgba(248, 243, 233, 0));
}
#research-approach .content-container,
#trust-to-action .content-container {
  position: relative;
  z-index: 1;
}

.home-coordinate {
  position: relative;
  background-color: #32271e;
}
.home-coordinate::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 585px;
  pointer-events: none;
  background-image:
    url("assets/lifemap-grain-dark-C.svg"),
    url("assets/lifemap-depth-dark-C.svg"),
    linear-gradient(151deg, rgba(127, 93, 67, .09) 0%, transparent 45%, rgba(11, 7, 5, .075) 100%);
  background-size: 390px 780px, 100% 100%, 100% 100%;
  background-position: center top, center center, center center;
  background-repeat: repeat-y, no-repeat, no-repeat;
  -webkit-mask-image: linear-gradient(#000 0%, #000 94%, transparent 100%);
  mask-image: linear-gradient(#000 0%, #000 94%, transparent 100%);
}
.home-coordinate .content-container {
  position: relative;
  z-index: 1;
}

#closing {
  background-color: #f3e9dc;
  background-image:
    url("assets/lifemap-grain-light-C.svg"),
    url("assets/lifemap-depth-light-C.svg"),
    linear-gradient(151deg, rgba(255, 249, 238, .14) 0%, transparent 49%, rgba(166, 112, 74, .06) 100%);
  background-size: 390px 780px, 100% 100%, 100% 100%;
  background-position: center top, center center, center center;
  background-repeat: repeat-y, no-repeat, no-repeat;
}