/* ---------------------- 
Intro Callout
---------------------- */
.cms-intro-callout-wrap { background-color: hsl(var(--siteColor1)); position: relative; }
.cms-intro-callout { padding: 4rem 0; width: 100%; position: relative; overflow: hidden; }
.cms-intro-callout-bg { position: absolute; inset: 0; background-image: url('/images/layout/intro-callout-placeholder.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.cms-intro-callout-body { position: relative; z-index: 1; max-width: 50rem; margin: 0 auto; font-size: 1.25rem; color: hsl(var(--white)); text-align: center; }
.cms-intro-callout-body .title { margin-bottom: 1.5rem; }
.cms-intro-callout-btn-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 2.5rem; gap: 0.5rem;  }
.cms-intro-callout-btn-wrap .btn { background: hsl(var(--siteColor1)); border-radius: var(--borderRadiusPill); color: hsl(var(--white)); font-weight: var(--wMedium); }
.cms-intro-callout-btn-wrap .btn:hover { background: hsl(var(--siteColor2)); color: hsl(var(--black)); }
@media (min-width: 1025px) {
  .cms-intro-callout-body { font-size: 1.625rem; }
  .cms-intro-callout { padding: 12rem; }
  .cms-intro-callout-bg { inset: calc(6rem * (1 - var(--p, 0))); border-radius: calc(1rem * (1 - var(--p, 0))); }
  .cms-intro-callout-body { transform: translateY(calc(6rem * var(--p, 0))); }
  .cms-intro-callout-btn-wrap .btn { font-size: 1.125rem;  }
}
@media (prefers-reduced-motion: reduce) {
  .cms-intro-callout-bg, .cms-intro-callout-body { transition: none !important; }
}