.solution-page{--accent:#0081cc}.solution-hero{height:460px;position:relative;overflow:hidden}.solution-hero>img{height:100%;object-fit:cover}.solution-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,250,255,.98),rgba(245,250,255,.82) 42%,transparent 72%)}.solution-hero-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.solution-eyebrow{font-size:16px;letter-spacing:.06em;color:#536273}.solution-hero h1{font-size:48px;color:var(--module-accent-color,var(--accent));margin:7px 0 14px}.solution-hero i,.solution-section i{display:block;width:42px;height:3px;background:var(--module-accent-color,var(--accent));margin:0 0 22px}.solution-hero h2{font-size:22px;margin:0 0 15px}.solution-hero-copy>p:last-child{max-width:480px;line-height:1.9}.solution-section{padding:56px 0;text-align:center;color:var(--module-text-color,var(--ink))}.solution-section.tint{background:linear-gradient(135deg,#f4f9ff,#fff)}.solution-section h2{font-size:27px;color:var(--module-accent-color,var(--accent));margin:0}.solution-section>div>i{margin:10px auto 20px}.section-description{max-width:760px;margin:0 auto 34px;color:#66778b;line-height:1.8}.solution-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:22px}.solution-card{width:min(245px,calc(33.33% - 15px));min-height:175px;padding:24px 20px;border:1px solid #e1eaf3;border-radius:12px;background:#fff;text-align:left;transition:.25s}.solution-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:var(--module-accent-color,var(--accent));font-size:20px;font-weight:800}.solution-card h3{color:#12345e;margin:14px 0 7px}.solution-card p{color:#6b7b8e;line-height:1.7;margin:0;font-size:13px}.solution-card:hover{transform:translateY(-6px);border-color:var(--module-hover-color,#0081cc);box-shadow:0 13px 28px color-mix(in srgb,var(--module-hover-color,#0081cc) 14%,transparent)}.solution-card:hover h3{color:var(--module-hover-color,#0081cc)}@media(max-width:700px){.solution-hero{height:500px}.solution-hero>img{object-position:68% center}.solution-hero h1{font-size:36px}.solution-card{width:100%}.solution-hero-shade{background:linear-gradient(0deg,rgba(245,250,255,.98),rgba(245,250,255,.35))}.solution-hero-copy{top:auto;bottom:35px;transform:translateX(-50%)}}

/* brand-story-black-banner begin */
body[data-page-key="brand-story"] .solution-eyebrow,
body[data-page-key="brand-story"] .solution-hero h1,
body[data-page-key="brand-story"] .solution-hero h2,
body[data-page-key="brand-story"] .solution-hero-copy>p,
body[data-page-key="brand-story"] .solution-page h2,
body[data-page-key="brand-story"] .solution-page h3,
body[data-page-key="brand-story"] .solution-page p,
body[data-page-key="brand-story"] .solution-page .solution-icon,
body[data-page-key="brand-story"] .solution-card,
body[data-page-key="brand-story"] .solution-card *,
body[data-page-key="brand-story"] .site-header a,
body[data-page-key="brand-story"] footer,
body[data-page-key="brand-story"] footer a,
body[data-page-key="brand-story"] footer h4,
body[data-page-key="brand-story"] footer p{
  color:#111!important;
  text-shadow:none!important
}
body[data-page-key="brand-story"] .solution-card .solution-card-copy h3,
body[data-page-key="brand-story"] .solution-card .solution-card-copy p,
body[data-page-key="brand-story"] .solution-card .solution-card-copy .solution-icon{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.48)!important
}
/* brand-story-black-banner end */

/* Keep the brand secondary banner title black and unchanged when the pointer
   moves across the next content module. */
body[data-page-key="brand"] .solution-hero h1,
body[data-page-key="brand"] .solution-hero h1:hover,
body[data-page-key="brand"] .solution-hero[data-cms-module]:hover h1,
body[data-page-key="brand"] .solution-hero[data-cms-module]:focus-visible h1{
  color:#000!important;
  transform:none!important;
  text-shadow:none!important;
}