/* Contact details/form section: dark blueprint treatment; hero remains unchanged. */
body.page-id-24 section.ac-section.ac-warm {
  position: relative !important;
  overflow: hidden !important;
  background-color: #060a11 !important;
  background-image: linear-gradient(90deg, rgba(5, 9, 16, .34), rgba(5, 9, 16, .62), rgba(5, 9, 16, .82)), url('/assets/contact/contact-blueprint-section.png') !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

body.page-id-24 section.ac-section.ac-warm::after {
  background: linear-gradient(to bottom, rgba(6, 10, 17, 0), rgba(6, 10, 17, .34) 72%, #060a11 100%) !important;
}

/* High-contrast contact cards over the blueprint artwork. */
body.page-id-24 section.ac-section.ac-warm [style*="padding:24px"] {
  color: #f5f8fc !important;
  background: rgba(4, 8, 15, .86) !important;
  border-color: rgba(126, 195, 255, .24) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18) !important;
}

body.page-id-24 section.ac-section.ac-warm [style*="padding:24px"] .ac-label {
  color: #8fd3ff !important;
  text-shadow: 0 0 14px rgba(92, 177, 255, .24) !important;
}

body.page-id-24 section.ac-section.ac-warm [style*="padding:24px"] p:not(.ac-label) {
  color: #f5f8fc !important;
}

@media (max-width: 900px) {
  body.page-id-24 section.ac-section.ac-warm {
    background-image: linear-gradient(90deg, rgba(5, 9, 16, .36), rgba(5, 9, 16, .66), rgba(5, 9, 16, .84)), url('/assets/contact/contact-blueprint-section-mobile.png') !important;
    background-position: left center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
}
