/* HS Technologies contact artwork — rust sun landscape. */

.contact-page.contact-editorial .contact-inner {
  background: #f8f0e6;
}

.contact-page.contact-editorial .contact-inner::before {
  background-image: url("/assets/contact-rust-sun-landscape.webp?v=20260821-2");
  background-position: left center;
  background-size: 108% auto;
  background-repeat: no-repeat;
  filter: saturate(0.98) contrast(1.03) brightness(1);
  transform: none;
  transform-origin: center;
}

.contact-page.contact-editorial .contact-inner::after {
  background:
    linear-gradient(
      90deg,
      rgba(251, 245, 237, 0.72) 0%,
      rgba(251, 245, 237, 0.58) 20%,
      rgba(251, 245, 237, 0.24) 34%,
      rgba(251, 245, 237, 0.06) 48%,
      rgba(251, 245, 237, 0.01) 100%
    ),
    linear-gradient(
      180deg,
      rgba(251, 245, 237, 0.04) 0%,
      rgba(251, 245, 237, 0.00) 54%,
      rgba(251, 245, 237, 0.14) 100%
    );
}

.contact-page.contact-editorial .page-title {
  max-width: 560px;
}

.contact-page.contact-editorial .page-copy {
  max-width: 475px !important;
  border-top-width: 2px;
}

.contact-page.contact-editorial .form-panel {
  background: rgba(255, 253, 249, 0.90) !important;
  box-shadow:
    0 28px 68px rgba(46, 34, 26, 0.14),
    0 4px 16px rgba(46, 34, 26, 0.055) !important;
}

.contact-page.contact-editorial .contact-details {
  display: none !important;
  border-color: rgba(151, 119, 92, 0.30);
  background: rgba(255, 253, 249, 0.34);
  box-shadow:
    0 14px 34px rgba(57, 40, 29, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.contact-page.contact-editorial .detail-label {
  color: #a13f1b !important;
}

.contact-page.contact-editorial .detail-value {
  color: #1d2d47 !important;
}

@media (max-width: 1120px) {
  .contact-page.contact-editorial .contact-inner::after {
    background:
      linear-gradient(
        90deg,
        rgba(251, 245, 237, 0.76) 0%,
        rgba(251, 245, 237, 0.58) 25%,
        rgba(251, 245, 237, 0.22) 40%,
        rgba(251, 245, 237, 0.06) 56%,
        rgba(251, 245, 237, 0.01) 100%
      ),
      linear-gradient(
        180deg,
        rgba(251, 245, 237, 0.05) 0%,
        rgba(251, 245, 237, 0.01) 55%,
        rgba(251, 245, 237, 0.16) 100%
      );
  }
}

@media (max-width: 860px) {
  .contact-page.contact-editorial .contact-inner::before {
    background-position: 44% bottom;
    background-size: auto 70%;
    filter: saturate(0.96) contrast(1.02) brightness(1.01);
    transform: none;
  }

  .contact-page.contact-editorial .contact-inner::after {
    background: linear-gradient(
      180deg,
      rgba(251, 245, 237, 0.94) 0%,
      rgba(251, 245, 237, 0.86) 38%,
      rgba(251, 245, 237, 0.58) 52%,
      rgba(251, 245, 237, 0.18) 72%,
      rgba(251, 245, 237, 0.04) 100%
    );
  }

  .contact-page.contact-editorial .contact-details {
    background: rgba(255, 253, 249, 0.76);
  }
}

@media (max-width: 600px) {
  .contact-page.contact-editorial .contact-inner::before {
    background-position: 38% bottom;
    background-size: auto 52%;
  }

  .contact-page.contact-editorial .contact-inner::after {
    background: linear-gradient(
      180deg,
      rgba(251, 245, 237, 0.98) 0%,
      rgba(251, 245, 237, 0.94) 43%,
      rgba(251, 245, 237, 0.72) 59%,
      rgba(251, 245, 237, 0.24) 78%,
      rgba(251, 245, 237, 0.06) 100%
    );
  }
}