/**
 * Build 44: move the ripple motif to the close and repair footer contrast.
 */

/* Why Trinity: quiet transition after the photographic hero. */
html body .site-main .wp-block-group.trinity-why-section-v10 {
  background: linear-gradient(
    180deg,
    #dfe2df 0%,
    #e9e8e2 34%,
    #f4eee6 68%,
    #fdf5eb 100%
  ) !important;
  color: var(--espresso, #32221a) !important;
}

html body .site-main .wp-block-group.trinity-why-section-v10 > .problem-section__bg {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body .site-main .wp-block-group.trinity-why-section-v10::after {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.08) 0%,
    rgba(253,245,235,.20) 58%,
    rgba(253,245,235,.50) 100%
  ) !important;
}

html body .site-main .wp-block-group.trinity-why-section-v10 h2,
html body .site-main .wp-block-group.trinity-why-section-v10 p:not(.eyebrow),
html body .site-main .wp-block-group.trinity-why-section-v10 .trinity-emphasis,
html body .site-main .wp-block-group.trinity-why-section-v10 .trinity-emphasis strong {
  color: var(--espresso, #32221a) !important;
  text-shadow: none !important;
}

/* Closing invitation: the ripple is confined to the bottom band so the
   headline and paragraph remain calm and fully legible. */
html body.home .site-main .wp-block-group.cta-band,
html body.front-page .site-main .wp-block-group.cta-band,
html body.home .site-main .wp-block-group:has(> .deadline-row ~ h2),
html body.front-page .site-main .wp-block-group:has(> .deadline-row ~ h2),
html body.home .site-main .wp-block-group:has(> .deadline-row + .wp-block-group),
html body.front-page .site-main .wp-block-group:has(> .deadline-row + .wp-block-group) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body.home .site-main .wp-block-group.cta-band::after,
html body.front-page .site-main .wp-block-group.cta-band::after,
html body.home .site-main .wp-block-group:has(> .deadline-row ~ h2)::after,
html body.front-page .site-main .wp-block-group:has(> .deadline-row ~ h2)::after,
html body.home .site-main .wp-block-group:has(> .deadline-row + .wp-block-group)::after,
html body.front-page .site-main .wp-block-group:has(> .deadline-row + .wp-block-group)::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: clamp(170px, 17vw, 245px) !important;
  background-image:
    linear-gradient(180deg, rgba(253,245,235,.92) 0%, rgba(253,245,235,.42) 36%, rgba(253,245,235,.10) 100%),
    url('../images/pattern/pattern-1.jpg') !important;
  background-position: center bottom, center bottom !important;
  background-size: 100% 100%, 520px auto !important;
  background-repeat: no-repeat, repeat-x !important;
  opacity: .22 !important;
  pointer-events: none !important;
}

html body.home .site-main .wp-block-group.cta-band > *,
html body.front-page .site-main .wp-block-group.cta-band > *,
html body.home .site-main .wp-block-group:has(> .deadline-row ~ h2) > *,
html body.front-page .site-main .wp-block-group:has(> .deadline-row ~ h2) > *,
html body.home .site-main .wp-block-group:has(> .deadline-row + .wp-block-group) > *,
html body.front-page .site-main .wp-block-group:has(> .deadline-row + .wp-block-group) > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Footer summary and metadata must never inherit the brown page-copy token. */
html body .footer,
html body .footer p,
html body .footer .footer__brand p,
html body .footer .footer__bottom,
html body .footer .footer__bottom span {
  color: rgba(255,248,238,.84) !important;
  opacity: 1 !important;
}

html body .footer .footer__brand p {
  max-width: 470px !important;
  margin: 14px 0 0 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
}

html body .footer a {
  color: #fff8ee !important;
}

@media (max-width: 700px) {
  html body.home .site-main .wp-block-group.cta-band::after,
html body.front-page .site-main .wp-block-group.cta-band::after,
html body.home .site-main .wp-block-group:has(> .deadline-row ~ h2)::after,
html body.front-page .site-main .wp-block-group:has(> .deadline-row ~ h2)::after,
html body.home .site-main .wp-block-group:has(> .deadline-row + .wp-block-group)::after,
html body.front-page .site-main .wp-block-group:has(> .deadline-row + .wp-block-group)::after {
    height: 170px !important;
    background-size: 100% 100%, 420px auto !important;
  }

  html body .footer .footer__brand p {
    font-size: 16px !important;
  }
}