/* ==========================================================================
   CONTACT CTA — the dark band that closes every page

   There is no online booking, so the call to action is the phone number and the
   email address. Used by every template, so this stylesheet loads
   unconditionally rather than behind a template check.
   ========================================================================== */

.aumtm-cta { position: relative; overflow: hidden; background: var(--aumtm-blue-deep); }
.aumtm-cta__img.aumtm-cta__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.22;
}
.aumtm-cta__inner {
  position: relative;
  padding-block: clamp(3.5rem, 6vw, 5.5rem);
  text-align: center;
}

.aumtm-cta .aumtm-eyebrow { color: var(--aumtm-cyan-soft); }
.aumtm-cta .aumtm-eyebrow::before,
.aumtm-cta .aumtm-eyebrow::after { background: var(--aumtm-cyan-soft); }

.aumtm-cta__title { font-size: var(--aumtm-fs-h2); color: #fff; }
.aumtm-cta__lead {
  max-width: 46rem;
  margin: 1.125rem auto 0;
  font-size: var(--aumtm-fs-lead);
  color: rgba(255, 255, 255, 0.85);
}

/* ---------- Phone and email, set large ---------- */
.aumtm-cta__ways {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 3.5rem;
  margin-top: 2.5rem;
}
.aumtm-cta__way {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #fff;
  font-family: var(--aumtm-font-display);
  font-size: clamp(1.25rem, 2.4vw, 1.75rem);
  transition: color var(--aumtm-dur) var(--aumtm-ease);
}
.aumtm-cta__way:hover { color: var(--aumtm-cyan-soft); }
.aumtm-cta__way svg {
  width: 22px; height: 22px; flex: none;
  stroke: var(--aumtm-cyan-soft); fill: none; stroke-width: 1.7;
}

.aumtm-cta__btns { justify-content: center; margin-top: 2.25rem; }