/* Shared visual language for residential and foundation evaluation pages. */
body.family-inspection .hero,
body.family-inspection .inspection-hero {
  position: relative;
  overflow: hidden;
  background: #f1f4f7;
}

body.family-inspection .hero::before,
body.family-inspection .inspection-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 0 54%;
  opacity: .38;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(27,99,182,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,99,182,.12) 1px, transparent 1px);
  background-size: 34px 34px;
}

body.family-inspection .hero > .wrap,
body.family-inspection .inspection-hero > .wrap {
  position: relative;
}

body.family-inspection .hero-photo,
body.family-inspection .hero-visual,
body.family-inspection .inspection-hero-media {
  box-shadow: 0 26px 64px rgba(17,41,67,.13);
}

body.family-inspection .hero-photo figcaption,
body.family-inspection .inspection-hero-media figcaption,
body.family-inspection .collage-note {
  background: #dceeff;
  color: #14181d;
  box-shadow: 0 16px 38px rgba(17,41,67,.12);
}

body.family-inspection .collage-note span {
  color: #1b63b6;
}

body.family-inspection .hero-note,
body.family-inspection .hero-proof {
  border-left: 0;
  background: #dceeff;
  color: #14181d;
}

body.family-inspection .cta {
  background: #dceeff;
  border-top: 0;
}

body.family-inspection .inspection-cta {
  position: relative;
  overflow: hidden;
}

body.family-inspection .inspection-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(117,184,244,.45) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117,184,244,.45) 1px, transparent 1px);
  background-size: 42px 42px;
}

body.family-inspection .inspection-cta > .wrap {
  position: relative;
}

@media (max-width: 700px) {
  body.family-inspection .hero::before,
  body.family-inspection .inspection-hero::before {
    inset: 0;
  }

  body.family-inspection .hero-photo figcaption,
  body.family-inspection .inspection-hero-media figcaption,
  body.family-inspection .collage-note {
    box-shadow: none;
  }
}