/* Homepage texture: faint grid + soft green glow on light sections */
html body .section,
html body .cap {
  position: relative;
  background-color: #ffffff;
  background-image:
    radial-gradient(900px 360px at 50% 0, rgba(26,158,114,.11), transparent 70%),
    linear-gradient(rgba(11,61,46,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.06) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
  background-position: 0 0, -1px -1px, -1px -1px;
  background-repeat: no-repeat, repeat, repeat;
}
html body .section.section-alt {
  background-color: #f2f8f5;
  background-image:
    radial-gradient(900px 360px at 50% 0, rgba(26,158,114,.15), transparent 70%),
    linear-gradient(rgba(11,61,46,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.07) 1px, transparent 1px);
}
html body .section { border-top: 1px solid rgba(11,61,46,.07); }

@media (max-width: 700px) {
  html body .section,
  html body .cap {
    background-size: auto, 32px 32px, 32px 32px;
  }
}
