/* =============================================================
   ENVIOUS LANDSCAPING - components/visual-rhythm.css
   Section contrast and image-led rhythm refinements
   ============================================================= */

.services-section,
.foundation-section,
.slider-section,
.form-section {
  background-image:
    linear-gradient(rgba(198, 168, 125, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(198, 168, 125, 0.012) 1px, transparent 1px);
  background-size: 96px 96px;
}

.foundation-section {
  padding-block: var(--space-20);
}

.slider-section {
  padding-block: var(--space-20);
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(198, 168, 125, 0.035)),
    var(--color-primary);
}

.markets-section {
  padding-block: var(--space-16);
}

.form-section {
  padding-block: var(--space-20);
}

@media (max-width: 768px) {
  .foundation-section,
  .slider-section,
  .form-section {
    padding-block: var(--space-16);
  }
}