/* Background-only care motifs: no content, layout, clicks or motion. */
main,
.process,
.approach,
.slogan,
.contact-band {
  position: relative;
  isolation: isolate;
}
main::before,
.process::before,
.approach::before,
.slogan::before,
.contact-band::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  background-color: var(--blue);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
main::before {
  width: 260px;
  height: 190px;
  right: 12px;
  top: 18px;
  opacity: .12;
  mask-image: url('/assets/decorative/home-community.svg');
}
/* Opening photos already carry the visual; avoid fragments at their edges. */
main:has(> .hero)::before,
main:has(> .home-opening)::before,
main:has(> .service-hero)::before,
main:has(> .page-hero)::before {
  display: none;
}
.process::before {
  width: 180px;
  height: 135px;
  right: 0;
  top: 25px;
  opacity: .14;
  mask-image: url('/assets/decorative/home-community.svg');
}
.approach::before {
  width: 240px;
  height: 225px;
  right: 14px;
  bottom: 8px;
  opacity: .13;
  mask-image: url('/assets/decorative/care-connection.svg');
}
.slogan::before {
  width: 195px;
  height: 185px;
  right: 16px;
  bottom: 8px;
  opacity: .12;
  mask-image: url('/assets/decorative/care-connection.svg');
}
.contact-band::before {
  width: 200px;
  height: 190px;
  right: 10px;
  top: calc(50% - 95px);
  opacity: .18;
  background-color: white;
  mask-image: url('/assets/decorative/care-connection.svg');
}
@media (max-width: 1099px) {
  main::before { width: 200px; height: 150px; opacity: .10; }
  .process::before { width: 130px; height: 100px; top: 12px; opacity: .11; }
  .contact-band::before { width: 160px; height: 150px; top: calc(50% - 75px); opacity: .12; }
}
@media (max-width: 760px) {
  main::before { width: 118px; height: 88px; top: 2px; right: 6px; opacity: .09; }
  .process::before { display: none; }
  .approach::before { width: 135px; height: 125px; right: 6px; bottom: 3px; opacity: .11; }
  .slogan::before { width: 125px; height: 115px; right: 5px; bottom: 5px; opacity: .09; }
  .contact-band::before { width: 130px; height: 125px; right: 6px; top: auto; bottom: 8px; opacity: .16; }
}
@media print {
  main::before,
  .process::before,
  .approach::before,
  .slogan::before,
  .contact-band::before { display: none; }
}