/* Contact hero — Figma 872:11231. Photo band + left copy + overlapping form card. */

.contact-hero {
  position: relative;
  isolation: isolate;
  background-color: var(--secan-dark);
  overflow: visible;
}

.contact-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.contact-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      rgba(10, 12, 10, 0.9) 0%,
      rgba(10, 12, 10, 0.72) 45%,
      rgba(10, 12, 10, 0.55) 100%
    ),
    linear-gradient(rgba(10, 12, 10, 0.25), rgba(10, 12, 10, 0.35));
}

.contact-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
  gap: var(--secan-space-4xl);
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: calc(var(--secan-header-height) + var(--secan-space-4xl)) var(--secan-space-3xl) var(--secan-space-4xl);
  min-height: 440px;
}

.contact-hero__copy {
  max-width: 30rem;
}

.contact-hero__heading {
  margin: 0 0 var(--secan-space-s);
  font-family: var(--secan-font-heading);
  font-weight: var(--secan-fw-medium);
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.1;
  color: var(--secan-white);
}

.contact-hero__subheading {
  margin: 0;
  font-family: var(--secan-font-body);
  font-weight: var(--secan-fw-regular);
  font-size: var(--secan-fs-subtitle);
  line-height: var(--secan-lh-subtitle);
  color: var(--secan-white);
}

.contact-hero__form-card {
  position: relative;
  z-index: 2;
  margin-bottom: calc(var(--secan-space-8xl) * -1);
  padding: var(--secan-space-2xl);
  background-color: var(--secan-white);
  border-radius: var(--secan-radius-3);
  box-shadow: var(--secan-shadow-2);
}

.contact-hero__form-card .webform-submission-form,
.contact-hero__form-card .webform-submission-contact-us-form {
  max-width: none;
  margin: 0;
}

.contact-hero__form-card .webform-section-wrapper,
.contact-hero__form-card .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--secan-space-s);
  margin: 0;
  width: 100%;
}

.contact-hero__form-card .webform-section-wrapper > .form-item,
.contact-hero__form-card .webform-section-wrapper > .js-form-item,
.contact-hero__form-card .row > [class*="col-"],
.contact-hero__form-card .row > .form-item {
  width: 100%;
  max-width: none;
  flex: none;
  padding: 0;
  margin-bottom: var(--secan-space-s);
}

.contact-hero__form-card .form-item--country,
.contact-hero__form-card .form-item-country,
.contact-hero__form-card .webform-section-wrapper > .form-item:nth-child(5),
.contact-hero__form-card .webform-section-wrapper > .form-item:nth-child(6),
.contact-hero__form-card [class*="col-lg-12"],
.contact-hero__form-card .form-item-message,
.contact-hero__form-card .form-item--message {
  grid-column: 1 / -1;
}

.contact-hero__form-card .form-actions {
  grid-column: 1 / -1;
  margin-top: var(--secan-space-xs);
  margin-bottom: 0;
}

.contact-hero__form-card .main-heading {
  display: none;
}

@media (max-width: 1023px) {
  .contact-hero__inner {
    grid-template-columns: 1fr;
    gap: var(--secan-space-2xl);
    padding: calc(var(--secan-header-height) + var(--secan-space-3xl)) var(--secan-space-2xl) var(--secan-space-3xl);
    min-height: 0;
  }

  .contact-hero__copy {
    max-width: none;
  }

  .contact-hero__form-card {
    margin-bottom: calc(var(--secan-space-4xl) * -1);
  }
}

@media (max-width: 600px) {
  .contact-hero__inner {
    padding-left: var(--secan-space-s);
    padding-right: var(--secan-space-s);
  }

  .contact-hero__heading {
    font-size: var(--secan-fs-h4);
    line-height: var(--secan-lh-h4);
  }

  .contact-hero__subheading {
    font-size: var(--secan-fs-body);
    line-height: var(--secan-lh-body);
  }

  .contact-hero__form-card {
    padding: var(--secan-space-l);
    margin-bottom: calc(var(--secan-space-2xl) * -1);
  }

  .contact-hero__form-card .webform-section-wrapper,
  .contact-hero__form-card .row {
    grid-template-columns: 1fr;
  }
}