/* =========================================================
   IMMIX CONTACT 3
   Modern contact page layer
   Depends on: /assets/css/immix-next-base.css
   File: /assets/css/contact3.css

   UX architecture, page-specific CSS system, readability refinement,
   ScrollMeta-aware layout implementation, and contact-page standardization
   by Ken Buis, Fervid Solutions.
========================================================= */

/* IMMIX-CONTACT3-ACTIVE */


/* =========================================================
   1. PAGE SHELL
========================================================= */

.ix-contact-page-shell {
  background:
    radial-gradient(circle at 10% 8%, rgba(105, 166, 61, 0.08), transparent 32%),
    radial-gradient(circle at 92% 14%, rgba(18, 52, 93, 0.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7faf6 100%);
}

.ix-contact-page {
  position: relative;
  overflow: hidden;
  background: #f7faf6;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.ix-contact-page .ix-kicker {
  margin-bottom: 14px;
}

.ix-contact-page-shell .page-header {
  display: none !important;
}

.ix-contact-page-shell .scroll-to-top {
  background: var(--ix-green-650);
}

.ix-contact-page-shell .scroll-to-top:hover {
  background: var(--ix-navy-800);
}


/* =========================================================
   2. HERO
========================================================= */

.ixc-hero {
  --ixc-hero-image: url("https://www.immixgroup.ca/assets/images/vancouverviews%20copy.avif");

  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 560px;
  padding: clamp(64px, 6vw, 92px) 0 clamp(56px, 5vw, 78px);
  background: #f7faf6;
}

.ixc-hero__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(247, 250, 246, 0.985) 0%,
      rgba(247, 250, 246, 0.965) 27%,
      rgba(247, 250, 246, 0.84) 48%,
      rgba(247, 250, 246, 0.58) 71%,
      rgba(247, 250, 246, 0.22) 100%
    ),
    var(--ixc-hero-image) center center / cover no-repeat;
}

.ixc-hero::after {
  content: "";
  position: absolute;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  bottom: 0;
  z-index: 1;
  height: 240px;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(247, 250, 246, 0) 0%,
      rgba(247, 250, 246, 0.96) 100%
    );
}

.ixc-hero__inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
  gap: clamp(38px, 5vw, 72px);
  align-items: center;
}

.ixc-hero__content {
  max-width: 720px;
}

.ixc-hero h1,
#ixc-page-title {
  max-width: 12ch;
  margin: 0 0 18px;
  color: var(--ix-navy-800);
  font-family: var(--ix-font-serif);
  font-size: clamp(46px, 4vw, 64px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.042em;
}

.ixc-hero .ix-lead {
  max-width: 62ch;
  margin-bottom: 24px;
  color: #48627b;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.72;
}

.ixc-check-list {
  display: grid;
  gap: 11px;
  max-width: 620px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ixc-check-list li {
  position: relative;
  padding-left: 28px;
  color: #344f6a;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.ixc-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.18em;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(180deg, #74b64a 0%, #568f32 100%);
  box-shadow: 0 0 0 4px rgba(105, 166, 61, 0.11);
  font-size: 10px;
  font-weight: 900;
}


/* =========================================================
   3. QUICK CONTACT CARD
========================================================= */

.ixc-contact-card {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 3vw, 38px);
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(105, 166, 61, 0.18), transparent 30%),
    linear-gradient(145deg, #173f69 0%, #12345d 48%, #092a50 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    0 24px 58px rgba(9, 42, 80, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ixc-contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.10) 0%,
      rgba(255, 255, 255, 0.02) 44%,
      rgba(255, 255, 255, 0.00) 100%
    );
}

.ixc-contact-card > * {
  position: relative;
  z-index: 2;
}

.ixc-contact-card h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-family: var(--ix-font-sans);
  font-size: clamp(23px, 1.6vw, 29px);
  font-weight: 780;
  line-height: 1.18;
  letter-spacing: -0.012em;
}

.ixc-contact-card p {
  max-width: 34ch;
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.66;
}

.ixc-contact-card__actions {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.ixc-btn {
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}

.ixc-btn--primary {
  color: #ffffff !important;
  background: linear-gradient(180deg, #70ad42 0%, #568f32 100%);
  box-shadow: 0 16px 30px rgba(86, 143, 50, 0.28);
}

.ixc-btn--ghost {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ixc-btn--ghost:hover,
.ixc-btn--ghost:focus-visible {
  background: rgba(255, 255, 255, 0.11);
  border-color: rgba(255, 255, 255, 0.38);
}

.ixc-contact-detail {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ixc-contact-detail i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.09);
  font-size: 13px;
}

.ixc-contact-detail strong {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.96);
  font-family: var(--ix-font-sans);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.ixc-contact-detail span {
  display: block;
  color: rgba(255, 255, 255, 0.76);
  font-size: 12.8px;
  font-weight: 450;
  line-height: 1.58;
}

.ixc-contact-detail--reassurance {
  padding-bottom: 0;
}


/* =========================================================
   4. ROUTING CARDS
========================================================= */

.ixc-routing {
  position: relative;
  z-index: 4;
  margin-top: clamp(-24px, -1.5vw, -14px);
  padding-bottom: clamp(42px, 4vw, 64px);
}

.ixc-routing__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ixc-route-card {
  position: relative;
  min-height: 152px;
  padding: 23px 24px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(251, 253, 249, 0.965) 100%);
  border: 1px solid rgba(18, 52, 93, 0.08);
  box-shadow:
    0 12px 30px rgba(9, 42, 80, 0.052),
    0 4px 10px rgba(9, 42, 80, 0.024);
}

.ixc-route-card:hover {
  border-color: rgba(105, 166, 61, 0.22);
  box-shadow:
    0 18px 42px rgba(9, 42, 80, 0.075),
    0 6px 14px rgba(9, 42, 80, 0.03);
}

.ixc-route-card__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #568f32;
  background:
    radial-gradient(circle, #ffffff 0%, #ffffff 46%, #eef7e8 47%, #eef7e8 100%);
  box-shadow: 0 0 0 5px rgba(105, 166, 61, 0.07);
  font-size: 15px;
}

.ixc-route-card h2 {
  margin: 0 0 8px;
  color: #12345d;
  font-family: var(--ix-font-sans);
  font-size: clamp(18px, 1.1vw, 21px);
  font-weight: 780;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

.ixc-route-card p {
  margin: 0 0 16px;
  color: #5d7187;
  font-size: 13.75px;
  font-weight: 450;
  line-height: 1.6;
}

.ixc-route-card a {
  color: #568f32;
  font-size: 12.5px;
  font-weight: 800;
  text-decoration: none;
}

.ixc-route-card a::after {
  content: " →";
}


/* =========================================================
   5. FORM + NEXT STEPS
========================================================= */

.ixc-message-section {
  position: relative;
  padding: clamp(18px, 3vw, 34px) 0 clamp(52px, 6vw, 84px);
}

.ixc-message-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
  gap: clamp(24px, 3.5vw, 44px);
  align-items: stretch;
}

.ixc-form-card,
.ixc-next-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdf9 100%);
  border: 1px solid rgba(18, 52, 93, 0.085);
  box-shadow:
    0 16px 40px rgba(9, 42, 80, 0.062),
    0 5px 14px rgba(9, 42, 80, 0.026);
}

.ixc-form-card {
  padding: clamp(28px, 3vw, 38px);
}

.ixc-form-card h2,
.ixc-next-card h2,
.ixc-office-details h2 {
  margin: 0 0 10px;
  color: #12345d;
  font-family: var(--ix-font-sans);
  font-size: clamp(23px, 1.55vw, 29px);
  font-weight: 780;
  line-height: 1.15;
  letter-spacing: -0.014em;
}

.ixc-form-card > p:not(.ix-kicker) {
  margin: 0 0 24px;
  color: #5b7087;
  font-size: 14.25px;
  font-weight: 450;
  line-height: 1.66;
}

.ixc-form {
  display: grid;
  gap: 14px;
}

.ixc-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ixc-form label {
  display: grid;
  gap: 7px;
  margin: 0;
}

.ixc-form label span {
  color: #12345d;
  font-size: 12.5px;
  font-weight: 760;
  line-height: 1.35;
}

.ixc-form input,
.ixc-form select,
.ixc-form textarea {
  width: 100%;
  min-height: 47px;
  padding: 11px 14px;
  border-radius: 11px;
  border: 1px solid rgba(18, 52, 93, 0.12);
  background: #ffffff;
  color: #20364d;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  outline: none;
}

.ixc-form textarea {
  min-height: 118px;
  resize: vertical;
}

.ixc-form input::placeholder,
.ixc-form textarea::placeholder {
  color: #9aa8b6;
  opacity: 1;
}

.ixc-form input:focus,
.ixc-form select:focus,
.ixc-form textarea:focus {
  border-color: rgba(105, 166, 61, 0.58);
  box-shadow:
    0 0 0 4px rgba(105, 166, 61, 0.14),
    inset 0 1px 1px rgba(7, 31, 61, 0.03);
}

.ixc-form select {
  appearance: none;
  cursor: pointer;
  padding-right: 38px;
  background-image:
    url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.4L5 5.4L9 1.4' fill='none' stroke='%23568f32' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px 7px;
}

.ixc-form__bottom {
  margin-top: 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.ixc-form__bottom p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #6a7d91;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.45;
}

.ixc-form__bottom i {
  color: #568f32;
}

.ixc-submit-btn {
  min-height: 46px;
  padding: 0 26px;
  border: 0;
  border-radius: 11px;
  color: #ffffff;
  background: linear-gradient(180deg, #70ad42 0%, #568f32 100%);
  box-shadow: 0 16px 30px rgba(86, 143, 50, 0.22);
  font-size: 13px;
  font-weight: 900;
}

.ixc-next-card {
  padding: clamp(28px, 3vw, 38px);
  background:
    radial-gradient(circle at 100% 0%, rgba(18, 52, 93, 0.06), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.ixc-next-card h2 {
  margin-bottom: 26px;
}

.ixc-next-step {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  padding-bottom: 26px;
}

.ixc-next-step:not(:last-of-type)::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 55px;
  bottom: 6px;
  width: 1px;
  background: rgba(18, 52, 93, 0.11);
}

.ixc-next-step__icon {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(180deg, #163f73 0%, #092a50 100%);
  box-shadow: 0 10px 24px rgba(9, 42, 80, 0.18);
  font-size: 18px;
}

.ixc-next-step h3 {
  margin: 0 0 6px;
  color: #12345d;
  font-family: var(--ix-font-sans);
  font-size: 14.75px;
  font-weight: 780;
  line-height: 1.4;
}

.ixc-next-step p {
  margin: 0;
  color: #5b7087;
  font-size: 14.25px;
  font-weight: 450;
  line-height: 1.66;
}

.ixc-next-card__note {
  margin-top: 4px;
  padding: 16px 0 0;
  display: flex;
  gap: 10px;
  align-items: center;
  color: #12345d;
  border-top: 1px solid rgba(18, 52, 93, 0.10);
  font-size: 14px;
  font-weight: 900;
}

.ixc-next-card__note i {
  color: #568f32;
}


/* =========================================================
   6. OFFICE / MAP SECTION
========================================================= */

.ixc-office {
  padding: clamp(64px, 7vw, 104px) 0;
}

.ixc-office-card {
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(380px, 0.86fr) minmax(180px, 0.34fr);
  overflow: hidden;
  border: 1px solid rgba(18, 52, 93, 0.085);
  border-radius: 28px;
  background: #ffffff;
  box-shadow:
    0 22px 54px rgba(9, 42, 80, 0.085),
    0 6px 18px rgba(9, 42, 80, 0.035);
}

.ixc-map-preview--google {
  position: relative;
  min-height: 430px;
  height: 100%;
  overflow: hidden;
  background: #e8efec !important;
}

.ixc-map-preview--google::before {
  display: none !important;
}

.ixc-map-preview__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(8%) saturate(92%) contrast(98%);
}

.ixc-map-preview--google::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(247, 251, 248, 0.08) 0%,
      rgba(247, 251, 248, 0.02) 45%,
      rgba(16, 35, 63, 0.04) 100%
    );
}

.ixc-map-preview__pin {
  display: none !important;
}

.ixc-office-details {
  padding: clamp(44px, 4.4vw, 70px) clamp(36px, 4vw, 58px);
}

.ixc-office-details ul {
  display: grid;
  gap: 20px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.ixc-office-details li {
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 18px;
  align-items: flex-start;
  color: #5b7087;
  font-size: 14.25px;
  font-weight: 450;
  line-height: 1.66;
}

.ixc-office-details li i {
  margin-top: 3px;
  color: #5a973c;
}

.ixc-office-details a {
  color: #113967;
  font-weight: 800;
  text-decoration: none;
}

.ixc-directions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ixc-directions button {
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid rgba(90, 151, 60, 0.28);
  border-radius: 14px;
  background: #ffffff;
  color: #4f8738;
  font-size: 12.5px;
  font-weight: 800;
}

.ixc-office-photo {
  position: relative;
  min-height: 100%;
  background:
    linear-gradient(145deg, rgba(17, 57, 103, 0.08), rgba(90, 151, 60, 0.13)),
    #e5efeb;
}

.ixc-office-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.58), transparent 32%),
    linear-gradient(135deg, transparent 0 38%, rgba(255, 255, 255, 0.34) 38% 39%, transparent 39% 100%);
}

.ixc-office-photo::after {
  content: "Downtown Vancouver";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(17, 57, 103, 0.14);
  color: rgba(17, 57, 103, 0.62);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* =========================================================
   7. RESPONSIVE
========================================================= */

@media (max-width: 1180px) {
  .ixc-hero {
    min-height: auto;
    padding-top: 64px;
  }

  .ixc-hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 400px);
    gap: 34px;
  }

  .ixc-hero h1 {
    max-width: 14ch;
    font-size: clamp(40px, 4.4vw, 58px);
  }
}

@media (max-width: 1100px) {
  .ixc-office-card {
    grid-template-columns: 1fr 1fr;
  }

  .ixc-office-photo {
    display: none;
  }
}

@media (max-width: 980px) {
  .ixc-hero {
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 58px;
  }

  .ixc-hero__background {
    background:
      linear-gradient(
        180deg,
        rgba(247, 250, 246, 0.98) 0%,
        rgba(247, 250, 246, 0.94) 52%,
        rgba(247, 250, 246, 0.90) 100%
      ),
      var(--ixc-hero-image) center top / cover no-repeat;
  }

  .ixc-hero__inner,
  .ixc-message-grid {
    grid-template-columns: 1fr;
  }

  .ixc-contact-card {
    max-width: 620px;
  }

  .ixc-routing {
    margin-top: 0;
  }

  .ixc-routing__grid {
    grid-template-columns: 1fr;
  }

  .ixc-route-card {
    min-height: auto;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ixc-office-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .ixc-map-preview--google {
    min-height: 340px;
  }

  .ixc-office-details {
    padding: 34px 28px 38px;
  }
}

@media (max-width: 760px) {
  .ixc-hero {
    padding-top: 52px;
    padding-bottom: 54px;
  }

  .ixc-hero h1,
  #ixc-page-title {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 44px);
  }

  .ixc-hero .ix-lead {
    font-size: 15.25px;
    line-height: 1.66;
  }

  .ixc-check-list li {
    font-size: 14.25px;
  }

  .ixc-contact-card,
  .ixc-form-card,
  .ixc-next-card,
  .ixc-office-card,
  .ixc-route-card {
    border-radius: 18px;
  }

  .ixc-contact-card,
  .ixc-form-card,
  .ixc-next-card,
  .ixc-office-details {
    padding: 26px 22px;
  }

  .ixc-route-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 24px 22px;
  }

  .ixc-form__row,
  .ixc-form__bottom {
    grid-template-columns: 1fr;
  }

  .ixc-submit-btn,
  .ixc-btn,
  .ixc-directions button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .ixc-office {
    padding: 48px 0;
  }

  .ixc-map-preview--google {
    min-height: 280px;
  }

  .ixc-office-details h2 {
    font-size: clamp(1.85rem, 9vw, 2.35rem);
  }
}

/* =========================================================
   UNIVERSAL HERO BRIDGE PATCH — BACKGROUND LAYER VERSION
   Contact-page implementation for namespaced hero systems
   Namespace: ixc

   Hero bridge standardization, readability wash logic,
   and transitional contact-page normalization by
   Ken Buis, Fervid Solutions.
========================================================= */

/* 1. Hero becomes the full visual stage */
.ixc-hero {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(64px, 6vw, 92px) 0 clamp(56px, 5vw, 78px) !important;
  min-height: clamp(620px, 54vw, 780px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--ix-page) !important;
  border-top: 0 !important;
}

/* 2. Turn off older hero-level overlays from the page CSS */
.ixc-hero::before,
.ixc-hero::after {
  content: none !important;
  display: none !important;
}

/* 3. Keep the inner content shell centred and visible */
.ixc-hero__inner {
  position: relative !important;
  z-index: 3 !important;
  width: min(100% - var(--ix-gutter), 1180px) !important;
  max-width: 1180px !important;
  min-height: clamp(620px, 54vw, 780px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
  gap: clamp(38px, 5vw, 72px) !important;
  align-items: center !important;
  overflow: visible !important;
}

/* 4. Make the background layer a true full-viewport background */
.ixc-hero__background {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: calc(50% - 50vw) !important;
  right: calc(50% - 50vw) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    url("https://www.immixgroup.ca/assets/images/vancouverviews%20copy.avif") center center / cover no-repeat !important;
}

/* 5. Restore the proven readable wash on the background */
.ixc-hero__background::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      90deg,
      rgba(248, 251, 247, 0.995) 0%,
      rgba(248, 251, 247, 0.99) 18%,
      rgba(248, 251, 247, 0.965) 34%,
      rgba(248, 251, 247, 0.84) 50%,
      rgba(248, 251, 247, 0.52) 66%,
      rgba(248, 251, 247, 0.18) 82%,
      rgba(248, 251, 247, 0.05) 100%
    ) !important;
}

/* 6. Subtle vertical polish */
.ixc-hero__background::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(248, 251, 247, 0.12) 0%,
      rgba(248, 251, 247, 0.00) 22%,
      rgba(248, 251, 247, 0.02) 78%,
      rgba(248, 251, 247, 0.16) 100%
    ) !important;
}

/* 7. Keep the content above the image with the proven veil */
.ixc-hero__content {
  position: relative !important;
  z-index: 5 !important;
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  min-height: clamp(620px, 54vw, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.ixc-hero__content::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: calc(50% - 50vw) !important;
  right: -230px !important;
  z-index: -1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.985) 0%,
      rgba(249, 251, 248, 0.975) 44%,
      rgba(249, 251, 248, 0.88) 66%,
      rgba(249, 251, 248, 0.46) 84%,
      rgba(249, 251, 248, 0) 100%
    ) !important;
}

/* 8. Typography guardrails */
.ixc-hero h1,
#ixc-page-title {
  max-width: 12ch !important;
  margin-bottom: 18px !important;
}

.ixc-hero .ix-lead {
  max-width: 62ch !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

/* 9. Tablet/mobile behaviour */
@media (max-width: 980px) {
  .ixc-hero,
  .ixc-hero__inner {
    min-height: auto !important;
  }

  .ixc-hero__inner {
    width: min(100% - 40px, 820px) !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .ixc-hero__content {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
  }

  .ixc-hero__background::before {
    background:
      linear-gradient(
        180deg,
        rgba(248, 251, 247, 0.985) 0%,
        rgba(248, 251, 247, 0.96) 40%,
        rgba(248, 251, 247, 0.82) 72%,
        rgba(248, 251, 247, 0.32) 100%
      ) !important;
  }

  .ixc-hero__content::before {
    right: calc(50% - 50vw) !important;
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.965) 0%,
        rgba(249, 251, 248, 0.90) 100%
      ) !important;
  }
}

@media (max-width: 760px) {
  .ixc-hero {
    padding: 52px 0 54px !important;
  }

  .ixc-hero__inner {
    width: min(100% - 28px, 720px) !important;
  }
}
/* =========================================================
   CONTACT PAGE FONT FLOOR PATCH
   No font under 17px on this page
   Readability and legibility refinement by
   Ken Buis, Fervid Solutions.
========================================================= */

:root {
  --ixc-font-floor: 17px;
}

/* Base text floor across the contact page */
.ix-contact-page,
.ix-contact-page p,
.ix-contact-page li,
.ix-contact-page span,
.ix-contact-page a,
.ix-contact-page label,
.ix-contact-page input,
.ix-contact-page select,
.ix-contact-page textarea,
.ix-contact-page button {
  font-size: var(--ixc-font-floor) !important;
}

/* Hero */
.ixc-hero .ix-kicker,
.ixc-hero .ix-lead,
.ixc-check-list li {
  font-size: 17px !important;
  line-height: 1.68 !important;
}

.ixc-check-list li::before {
  width: 18px !important;
  height: 18px !important;
  font-size: 11px !important;
}

/* Quick contact card */
.ixc-contact-card p,
.ixc-contact-detail strong,
.ixc-contact-detail span,
.ixc-btn {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* Routing cards */
.ixc-route-card p,
.ixc-route-card a {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* Form */
.ixc-form-card > p:not(.ix-kicker),
.ixc-form label span,
.ixc-form input,
.ixc-form select,
.ixc-form textarea,
.ixc-form__bottom p,
.ixc-submit-btn {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

.ixc-form input,
.ixc-form select,
.ixc-form textarea {
  min-height: 52px !important;
}

.ixc-form textarea {
  min-height: 132px !important;
}

.ixc-form label span {
  font-weight: 700 !important;
}

/* Next steps */
.ixc-next-step h3,
.ixc-next-step p,
.ixc-next-card__note {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* Office section */
.ixc-office-details li,
.ixc-office-details a,
.ixc-directions button {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* Keep headings clearly above the new floor */
.ixc-contact-card h2,
.ixc-route-card h2,
.ixc-form-card h2,
.ixc-next-card h2,
.ixc-office-details h2 {
  font-size: clamp(28px, 2vw, 34px) !important;
  line-height: 1.12 !important;
}

/* Keep hero H1 strong */
.ixc-hero h1,
#ixc-page-title {
  font-size: clamp(46px, 4vw, 64px) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .ix-contact-page,
  .ix-contact-page p,
  .ix-contact-page li,
  .ix-contact-page span,
  .ix-contact-page a,
  .ix-contact-page label,
  .ix-contact-page input,
  .ix-contact-page select,
  .ix-contact-page textarea,
  .ix-contact-page button,
  .ixc-hero .ix-kicker,
  .ixc-hero .ix-lead,
  .ixc-check-list li,
  .ixc-contact-card p,
  .ixc-contact-detail strong,
  .ixc-contact-detail span,
  .ixc-route-card p,
  .ixc-route-card a,
  .ixc-form-card > p:not(.ix-kicker),
  .ixc-form label span,
  .ixc-form input,
  .ixc-form select,
  .ixc-form textarea,
  .ixc-form__bottom p,
  .ixc-submit-btn,
  .ixc-next-step h3,
  .ixc-next-step p,
  .ixc-next-card__note,
  .ixc-office-details li,
  .ixc-office-details a,
  .ixc-directions button {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }
}