/* V128: high fidelity reference banners, card geometry and branded detail panel. */
:is(#brands-home,[data-p="brands"] > .s:first-child) {background:linear-gradient(115deg,#fff 5%,#f2f8ff 57%,#e6f2ff 100%)!important;overflow:hidden!important;position:relative!important;isolation:isolate}
:is(#brands-home,[data-p="brands"] > .s:first-child)::before {background:url('../img/brands-top-building.jpg') right top/cover no-repeat!important;right:-1px!important;top:-1px!important;width:min(36vw,540px)!important;height:166px!important;mask-image:linear-gradient(#000 10%,transparent 98%)!important;opacity:.95!important;z-index:-1!important}
:is(#brands-home,[data-p="brands"] > .s:first-child)::after {height:140px!important;bottom:-55px!important;background:linear-gradient(5deg,#d3e9ff77,#fff0)!important}
#brands-home>.w>h2,[data-p="brands"] > .s:first-child > .w > h1 {font-family:var(--heading-font,inherit)!important;font-size:clamp(30px,2.9vw,49px)!important;font-weight:700!important;line-height:1.12!important;margin:0 0 20px!important}
#brands-home>.w>h2::after,[data-p="brands"] .s:first-child>.w>h1::after {width:84px!important;height:5px!important;background:#12bdb8!important;margin-top:15px!important}
#brands-home>.w>p,[data-p="brands"]>.s:first-child>.w>p {font-family:var(--body-font,inherit)!important;font-size:clamp(15px,1.1vw,19px)!important;line-height:1.4!important;margin:0 0 18px!important;color:#162b52!important}
#dir-home .brand-showcase,#dir-page .brand-showcase {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:22px!important;align-items:stretch!important;margin-top:20px!important}
.brand-showcase .sector>h3 {font:750 14px/1.15 var(--body-font,inherit)!important;letter-spacing:.1em!important;padding:9px 21px!important;margin-bottom:10px!important}
.brand-showcase .sector>p.sub {font:400 clamp(15px,1.04vw,18px)/1.5 var(--body-font,inherit)!important;margin:0 0 24px!important}
.brand-showcase .grid4 {gap:12px 13px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important}
.brand-showcase .prop .card {border-radius:22px!important;padding:9px 9px 11px!important;min-height:270px!important;box-shadow:0 6px 14px #23508026!important;background:white!important;overflow:hidden!important}
.brand-showcase .prop .brand-banner,.brand-showcase .care .brand-banner {display:block!important;margin:0 0 10px!important;padding:0!important;border-radius:14px!important;background:none!important;overflow:hidden!important;position:relative!important}
.brand-showcase .prop .brand-banner {height:113px!important;min-height:113px!important}
.brand-showcase .brand-banner img {width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important}
.brand-showcase .prop .card h4,.brand-showcase .care .card h4 {display:none!important}
.brand-showcase .prop .card small.brand-service-pill {margin:0 4px 8px!important;font:700 clamp(11px,.94vw,15px)/1.3 var(--body-font,inherit)!important;padding:7px 12px!important;max-width:calc(100% - 8px)!important}
.brand-showcase .brand-mini-icon {font:700 20px/1 var(--body-font,inherit)!important}
.brand-showcase .prop .card p {margin:0 9px 10px!important;font:400 clamp(12px,.98vw,16px)/1.38 var(--body-font,inherit)!important;color:#0e2854!important}
.brand-showcase .prop .card a {margin:0 8px!important;font:700 clamp(12px,1.02vw,17px)/1.25 var(--body-font,inherit)!important;min-height:44px!important}
.brand-showcase .care {background:linear-gradient(140deg,#06456b,#052956 75%,#063b69)!important;border:2px solid #ecf6ff!important;border-radius:24px!important;padding:24px 23px 20px!important;box-shadow:0 12px 24px #17426830!important;overflow:hidden!important;position:relative!important}
.brand-showcase .care::after {content:"";position:absolute;pointer-events:none;inset:auto -26% -25%;height:170px;background:radial-gradient(ellipse at 75% 35%,#1184b76b,transparent 65%);transform:rotate(-11deg)}
.brand-showcase .care>h3 {background:white!important;color:#102b59!important;padding:10px 24px!important;border-radius:28px!important;z-index:1}
.brand-showcase .care>p.sub {color:white!important;margin:0 8px 17px!important}
.brand-showcase .care .brand-banner {height:148px!important;min-height:148px!important;border:1px solid #a6edfa!important;border-radius:20px!important;margin:0 0 15px!important}
.brand-showcase .care .card small.brand-service-pill {background:#0b6383!important;color:white!important;font:700 clamp(13px,1.1vw,18px)/1.25 var(--body-font,inherit)!important;margin:0 5px 12px!important;padding:8px 16px!important}
.brand-showcase .care .card p {font:400 clamp(13px,1vw,17px)/1.5 var(--body-font,inherit)!important;margin:0 9px 18px!important}
.brand-showcase .care .areas {gap:15px!important;margin:0 8px 22px!important}
.brand-showcase .care .areas li {padding-left:16px!important;border-left:4px solid #32d9e5!important}
.brand-showcase .care .areas b {font:750 clamp(15px,1.08vw,19px)/1.3 var(--heading-font,inherit)!important}
.brand-showcase .care .areas span {font:400 clamp(12px,.9vw,15px)/1.5 var(--body-font,inherit)!important}
.brand-showcase .care .card a {position:relative;z-index:1;font:750 clamp(15px,1.1vw,20px)/1.3 var(--body-font,inherit)!important}
.brand-showcase .prop .card a::after,.brand-showcase .care .card a::after {content:'→'!important;font-family:Arial,sans-serif!important}
@media(min-width:1100px){.brand-showcase .prop .card {min-height:270px!important}.brand-showcase .care .card.big {min-height:0!important}}
@media(max-width:1100px){#dir-home .brand-showcase,#dir-page .brand-showcase {grid-template-columns:1fr!important}.brand-showcase .care .card.big {min-height:400px!important}}
@media(max-width:560px){.brand-showcase .grid4 {grid-template-columns:1fr!important}.brand-showcase .prop .card{min-height:0!important}.brand-showcase .care{padding:17px!important}.brand-showcase .brand-banner{height:124px!important}}