/* =========================================================
   V9 — let the night photograph carry the contact section
   ========================================================= */

.contact {
  background: #080b0b;
}

.contact-bg img {
  filter: saturate(0.96) contrast(1.03) brightness(0.92);
  object-position: 52% 41%;
}

.contact-bg::after {
  background:
    linear-gradient(90deg,
      rgba(7, 10, 10, 0.94) 0%,
      rgba(7, 10, 10, 0.86) 28%,
      rgba(7, 10, 10, 0.58) 52%,
      rgba(7, 10, 10, 0.3) 76%,
      rgba(7, 10, 10, 0.16) 100%),
    linear-gradient(180deg,
      rgba(7, 10, 10, 0.44) 0%,
      rgba(7, 10, 10, 0.02) 36%,
      rgba(7, 10, 10, 0.68) 100%);
}

.contact-head h2 {
  color: #f5f7f5;
}

.contact-head .text-gradient {
  background: linear-gradient(100deg, #f4f7f5 0%, #c7ddd4 52%, #86c5af 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.contact-head .eyebrow {
  color: #b8d8cc;
}

.contact-head .eyebrow > i {
  background: rgba(184, 216, 204, 0.48);
}

.contact-head > p {
  color: rgba(242, 247, 244, 0.72);
}

.contact .footer {
  border-top-color: rgba(255, 255, 255, 0.15);
}

.footer-nav a {
  color: rgba(242, 247, 244, 0.58);
}

.footer-nav a:hover {
  color: #ffffff;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.1);
  color: rgba(242, 247, 244, 0.42);
}

/* The black back-to-top pill disappears on the night image; use a light glass one. */
.back-top {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.94);
  color: #1d1d1f;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 7px 20px rgba(0, 0, 0, 0.18);
}

.back-top i {
  background: #1d1d1f;
  border-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.back-top:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #1d1d1f;
}

.back-top:hover i {
  background: var(--green);
}

.contact-direct {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(247, 252, 250, 0.84)),
    rgba(255, 255, 255, 0.72);
}

@media (max-width: 960px) {
  .contact-bg img {
    object-position: 56% 36%;
    filter: saturate(0.97) contrast(1.02) brightness(0.9);
  }

  .contact-bg::after {
    background:
      linear-gradient(180deg,
        rgba(7, 10, 10, 0.66) 0%,
        rgba(7, 10, 10, 0.28) 30%,
        rgba(7, 10, 10, 0.3) 58%,
        rgba(7, 10, 10, 0.72) 100%),
      linear-gradient(90deg,
        rgba(7, 10, 10, 0.72) 0%,
        rgba(7, 10, 10, 0.42) 62%,
        rgba(7, 10, 10, 0.14) 100%);
  }
}

/* Keep the footer links comfortably readable on the photograph. */
.footer-nav a {
  color: rgba(244, 248, 246, 0.74);
}

.footer-nav a:hover {
  color: #ffffff;
}

.footer-bottom {
  color: rgba(244, 248, 246, 0.57);
}

.contact-head > p {
  color: rgba(244, 248, 246, 0.78);
}