/* Shared contact invitation and footer colour refinement. Typography remains
   governed by site-quality.css. */
.contact-section {
  background: linear-gradient(to bottom, var(--paper) 0%, var(--paper) 44%, #0a3156 44%, #0a3156 100%);
}

.contact-inner {
  isolation: isolate;
  background:
    linear-gradient(105deg, rgba(5, 45, 87, .9) 0%, rgba(10, 70, 121, .84) 52%, rgba(24, 103, 163, .78) 100%),
    url('/temp/jk-global/assets/images/why-jk-global-hero-v1.png') center 52% / cover no-repeat;
  box-shadow: 0 20px 50px rgba(6, 43, 78, .17);
}

.contact-inner::after {
  opacity: .045;
}

.site-footer {
  background: #0a3156;
  color: #d2dee8;
}

.brand-light .brand-name small {
  color: #d4dfe9;
}

.footer-brand p {
  color: #b8c8d6;
}

.footer-grid > div > a:not(.brand) {
  color: #c4d2de;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, .18);
  color: #a5b8c8;
}

@media (max-width: 760px) {
  .contact-inner {
    background:
      linear-gradient(105deg, rgba(5, 45, 87, .92) 0%, rgba(10, 70, 121, .88) 58%, rgba(24, 103, 163, .82) 100%),
      url('/temp/jk-global/assets/images/why-jk-global-hero-v1.png') 58% center / cover no-repeat;
  }
}