/* V242. Every brand has independent background and transparent logo assets.
   The same composed brand card is shared by Home and Our Brands. */
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top,
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full {
  isolation:isolate!important;position:relative!important;
}
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered {
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:var(--brand-logo-align,flex-start)!important;
  padding-inline:clamp(13px,6%,28px)!important;
  position:relative!important;overflow:hidden!important;
  background:#193f6d!important;isolation:isolate!important;
  border-radius:12px!important;
}
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered .brand-background-photo {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;object-fit:cover!important;object-position:var(--brand-photo-pos,center)!important;
  border:0!important;max-height:none!important;max-width:none!important;
}
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered .brand-graphic {
  display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(90deg,
    rgba(var(--brand-overlay-rgb,25,63,109),var(--brand-overlay-alpha,.45)) 0%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .74)) 45%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .18)) 100%)!important;
  pointer-events:none!important;
}
/* The strongest part of the tint follows the independently aligned logo. */
body[data-design-system="2026"] main .brand-showcase .card.brand-logo-align-right .brand-banner.brand-layered .brand-graphic {
  background:linear-gradient(270deg,
    rgba(var(--brand-overlay-rgb,25,63,109),var(--brand-overlay-alpha,.45)) 0%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .74)) 45%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .18)) 100%)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-logo-align-center .brand-banner.brand-layered .brand-graphic {
  background:linear-gradient(90deg,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .38)) 0%,
    rgba(var(--brand-overlay-rgb,25,63,109),var(--brand-overlay-alpha,.45)) 50%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.45) * .38)) 100%)!important;
}
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered .brand-graphic::after {
  content:'';position:absolute;left:-8%;bottom:-43%;width:105%;height:55%;
  opacity:var(--brand-wave,1);border-radius:50% 55% 0 0;
  background:rgba(0,123,204,.24);transform:rotate(-7deg);
}
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered .brand-logo-foreground {
  box-sizing:content-box!important;position:relative!important;z-index:2!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  align-self:center!important;margin:0!important;transform:none!important;
  width:var(--brand-logo-width,40%)!important;height:auto!important;
  max-width:75%!important;max-height:70%!important;min-width:0!important;
  object-fit:contain!important;object-position:center!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 1px 5px rgba(3,22,38,.22))!important;
}
/* Top banner: the artwork occupies the banner only; card content stays white. */
body[data-design-system="2026"] main .brand-showcase .prop .card.brand-layout-top .brand-banner.brand-layered,
body[data-design-system="2026"] main .brand-showcase .care .card.brand-layout-top .brand-banner.brand-layered {
  position:relative!important;inset:auto!important;flex:none!important;
  width:100%!important;height:128px!important;min-height:128px!important;
  margin:0 0 12px!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.brand-layout-top .brand-banner.brand-layered {
  height:152px!important;min-height:152px!important;
}
/* Full card: extend the image to the card edges, keep logo independent on top,
   and layer readable service/description/action content at the bottom. */
body[data-design-system="2026"] main .brand-showcase .prop .card.brand-layout-full,
body[data-design-system="2026"] main .brand-showcase .care .card.brand-layout-full {
  background:#152e4b!important;min-height:340px!important;
  padding:172px 20px 18px!important;
  justify-content:flex-end!important;border-color:#335875!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.brand-layout-full {
  min-height:480px!important;padding:205px 22px 22px!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-banner.brand-layered {
  position:absolute!important;inset:0!important;display:flex!important;
  align-items:flex-start!important;justify-content:var(--brand-logo-align,flex-start)!important;
  width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;
  padding:26px 22px!important;margin:0!important;border-radius:0!important;
  z-index:0!important;pointer-events:none!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-banner.brand-layered .brand-logo-foreground {
  align-self:flex-start!important;max-height:100px!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-banner.brand-layered .brand-graphic {
  background:linear-gradient(180deg,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.65) * .5)) 0%,
    rgba(var(--brand-overlay-rgb,25,63,109),calc(var(--brand-overlay-alpha,.65) * .65)) 35%,
    rgba(var(--brand-overlay-rgb,25,63,109),var(--brand-overlay-alpha,.65)) 100%)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-graphic::after {display:none!important;}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > :is(.brand-service-pill,p,.areas,a[data-brand]) {
  position:relative!important;z-index:3!important;min-width:0!important;
  color:var(--brand-content-ink,#fff)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-service-pill {
  background:rgba(9,27,46,.34)!important;color:var(--brand-content-ink,#fff)!important;
  border:1px solid rgba(255,255,255,.20)!important;border-radius:5px!important;
  margin:0 0 12px!important;padding:8px 10px!important;max-width:100%!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .brand-mini-icon svg,
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .areas svg {
  color:var(--brand-content-ink,#fff)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > p {
  font:400 14px/1.55 var(--body-font,Inter,sans-serif)!important;
  margin:0 0 15px!important;max-width:none!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .areas {
  margin:0 0 14px!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .areas li,
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > a[data-brand] {
  border-color:rgba(255,255,255,.32)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full .areas :is(.care-area-title,.care-area-copy) {
  color:var(--brand-content-ink,#fff)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > a[data-brand] {
  margin:auto 0 0!important;padding:14px 0 0!important;min-height:0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.15)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full.brand-tone-dark {
  --brand-content-ink:#122b48;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full.brand-tone-dark .brand-service-pill {
  background:rgba(255,255,255,.78)!important;border-color:rgba(18,43,72,.18)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full.brand-tone-dark .areas li,
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full.brand-tone-dark > a[data-brand] {
  border-color:rgba(18,43,72,.35)!important;
}
@media(max-width:560px) {
  body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top .brand-banner.brand-layered {
    height:132px!important;min-height:132px!important;
  }
  body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full {
    min-height:330px!important;padding-top:155px!important;
  }
  body[data-design-system="2026"] main .brand-showcase .care .card.brand-layout-full {
    min-height:480px!important;padding-top:170px!important;
  }
}