/* svc-balance.css — service pages: no blank gaps between columns, CTA distinct from footer */

/* 1) Image column now matches the height of the text column (desktop) */
@media (min-width:992px){
  .sx-svc .row > .col-lg-5{display:flex}
  .sx-svc .sx-side{position:static;flex:1 1 auto;align-self:stretch;width:100%;display:flex;flex-direction:column}
  .sx-svc .sx-figwrap{flex:1 1 auto;display:flex;margin-bottom:1.8rem}
  .sx-svc .sx-side > .sx-figwrap:last-child{margin-bottom:0}
  .sx-svc .sx-fig{flex:1 1 auto;aspect-ratio:auto;min-height:240px}
  .sx-svc .sx-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}
@media (min-width:992px){.sx-svc .row > .col-lg-7 > :last-child{margin-bottom:0}}
/* paragraph that moved from under the image to the top of the text column */
.sx-svc .sx-text.sx-lead{margin:0 0 1.4rem}
.sx-svc .sx-text.sx-lead p:last-child{margin-bottom:0}

/* 2) CTA no longer the same navy as the footer: light panel, footer stays dark */
.sx-cta{background:linear-gradient(180deg,#ffffff 0%,#eaf0fb 100%);color:var(--sx-ink,#1b2540);border-top:1px solid #dfe6f3}
.sx-cta:after{display:none}
.sx-cta .sx-bgimg{opacity:.07;filter:grayscale(.3)}
.sx-cta h2{color:var(--sx-navy,#001659)}
.sx-cta p{color:var(--sx-mut,#56607a)}
.sx-cta .sx-contact small{color:var(--sx-mut,#56607a)}
.sx-cta .sx-contact a,.sx-cta .sx-contact span{color:var(--sx-navy,#001659)}
.sx-cta .sx-contact a:hover{color:var(--sx-org,#ff5e14)}
.sx-cta .sx-form{border:1px solid #dbe3f2;box-shadow:0 26px 60px rgba(0,22,89,.16)}

/* 3) Overview (5 svc-* pages only): image height follows the description height */
@media (min-width:992px){
  .sx-intro-fit .row.g-5{align-items:stretch!important}
  .sx-intro-fit .row.g-5 > .col-lg-6:first-child{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto;width:44%}
  .sx-intro-fit .row.g-5 > .col-lg-6:nth-child(2){display:flex;flex:0 0 auto;width:56%}
  .sx-intro-fit .sx-collage{flex:1 1 auto;display:block;position:relative;width:100%;min-height:320px;padding:0}
  .sx-intro-fit .sx-collage .main{position:absolute;z-index:1;left:18px;top:0;width:calc(100% - 18px);height:calc(100% - 18px);min-height:0;object-fit:cover}
}
.sx-intro-fit .sx-collage:before{left:0;top:auto;bottom:0;width:58%;height:58%;border-top:0;border-bottom:4px solid var(--sx-org);border-radius:0 0 0 var(--sx-r);z-index:0}
.sx-intro-fit .sx-collage .inset{display:none}
.sx-intro-fit .sx-badge{z-index:2;left:2.2rem;bottom:2.6rem;padding:.65rem 1rem;border-radius:12px;box-shadow:0 12px 28px rgba(0,22,89,.25)}
.sx-intro-fit .sx-badge>i{width:34px;height:34px}
.sx-intro-fit .sx-badge small{display:none}
.sx-intro-fit .sx-badge{padding:.5rem .9rem;left:2rem;bottom:2.2rem}
.sx-intro-fit .row.g-5 > .col-lg-6:first-child p{text-align:left;hyphens:none}
@media (max-width:991px){.sx-intro-fit .sx-collage{padding:0 0 18px 18px}.sx-intro-fit .sx-collage .main{height:300px}}

/* 4) Dark sections: heading was navy-on-navy (invisible) */
.sx-dark .sx-head h2{color:#fff}
.sx-dark .sx-head p{color:rgba(255,255,255,.82)}
.sx-dark .gu-eyebrow{color:#ffa27a}