/* V127: photographic corporate brand showcase shared by homepage + Our Brands. */
:is(#brands-home,[data-p="brands"] > .s:first-child) {position:relative;isolation:isolate;background:linear-gradient(125deg,#fff 8%,#edf5ff 56%,#f6fbff 96%) !important;overflow:hidden !important;}
:is(#brands-home,[data-p="brands"] > .s:first-child)::before{content:"";pointer-events:none;position:absolute;top:-120px;right:-45px;width:clamp(260px,28vw,510px);height:320px;background:url('../img/helprite-property-video-cover.webp') center 36%/cover no-repeat;opacity:.15;mask-image:linear-gradient(to bottom,#000,transparent 85%);z-index:-1}
:is(#brands-home,[data-p="brands"] > .s:first-child)::after{content:"";position:absolute;inset:auto -5% -75px; height:190px;border-radius:50% 50% 0 0;background:linear-gradient(15deg,#deefff80,#fff0);z-index:-1;pointer-events:none}
#brands-home > .w > h2,[data-p="brands"] .s:first-child > .w > h1{position:relative;margin-bottom:23px !important;color:#10254d!important}
#brands-home > .w > h2::after,[data-p="brands"] .s:first-child > .w > h1::after{content:"";display:block;width:74px;height:5px;background:#08b6b6;border-radius:20px;margin-top:15px}
#brands-home > .w > p{margin-bottom:24px !important}
#dir-home .brand-showcase,#dir-page .brand-showcase{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;align-items:stretch!important;gap:24px!important;margin-top:28px!important;position:relative}
.brand-showcase .sector{min-width:0!important;margin:0!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important;background:transparent!important}
.brand-showcase .sector>h3{display:inline-flex!important;align-items:center!important;gap:0!important;background:#0f2c5f!important;color:white!important;padding:7px 18px!important;border:1px solid #1a4a84!important;border-radius:22px!important;margin:0 0 13px!important;font:700 13px/1.25 var(--body-font,inherit)!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.brand-showcase .sector>h3::before{display:none!important}
.brand-showcase .sector>p.sub{max-width:none!important;margin:0 0 20px!important;color:#19315b!important;font:400 clamp(14px,1vw,17px)/1.5 var(--body-font,inherit)!important}
.brand-showcase .grid4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.brand-showcase .prop .card{display:flex!important;flex-direction:column!important;min-width:0!important;gap:0!important;background:white!important;border:1px solid #c6dcf5!important;border-radius:22px!important;padding:10px 11px 12px!important;box-shadow:0 5px 12px #1341721b!important;overflow:hidden!important;transition:box-shadow .2s,transform .2s!important}
.brand-showcase .prop .card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #13417229!important}
.brand-showcase .brand-banner{height:112px!important;min-height:112px!important;flex:none!important;width:100%!important;max-width:none!important;border-radius:15px!important;margin:0 0 9px!important;padding:10px 14px!important;background:linear-gradient(110deg,#092849c9,#1056877a),url('../img/helprite-property-video-cover.webp') center/cover!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.brand-showcase .prop .card:nth-child(3) .brand-banner{background:linear-gradient(110deg,#061f40d9,#27537749),url('../img/helprite-photo-placeholder.webp') center/cover!important}
.brand-showcase .prop .card:nth-child(4) .brand-banner{background:linear-gradient(110deg,#082c4bc9,#195b8070),url('../img/section-placeholder-02.jpg') center/cover!important}
.brand-showcase .brand-banner::before{display:none!important}
.brand-showcase .brand-banner img{width:auto!important;height:auto!important;object-fit:contain!important;max-width:82%!important;max-height:76px!important;filter:none!important;position:relative;z-index:1}
.brand-showcase .prop .card h4{font:700 clamp(16px,1.18vw,21px)/1.16 var(--heading-font,inherit)!important;color:#122449!important;margin:0 6px 7px!important}
.brand-showcase .prop .card small,.brand-showcase .care .card small{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;gap:7px!important;color:var(--ac,#087355)!important;background:var(--tn,#e5f6ec)!important;border-radius:40px!important;padding:5px 12px!important;font:700 clamp(10px,.8vw,12px)/1.2 var(--body-font,inherit)!important;margin:0 6px 7px!important;max-width:calc(100% - 12px)!important}
.brand-showcase .brand-mini-icon{font-size:16px;line-height:1}
.brand-showcase .prop .card p{margin:0 6px 10px!important;flex:1 1 auto!important;color:#22385f!important;font:400 clamp(12px,.91vw,15px)/1.4 var(--body-font,inherit)!important}
.brand-showcase .prop .card a,.brand-showcase .care .card a{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:43px!important;padding:11px 4px 0!important;margin:5px 5px 0!important;border-top:1px solid #cadcf0!important;color:#081c43!important;text-decoration:none!important;font:700 clamp(12px,.95vw,15px)/1.25 var(--body-font,inherit)!important}
.brand-showcase .prop .card a::after,.brand-showcase .care .card a::after{content:'➜'!important;color:#fff!important;flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;background:var(--ac,#146f98)!important;border-radius:50%!important;font-size:17px!important}
.brand-showcase .care{display:flex!important;flex-direction:column!important;background:linear-gradient(135deg,#063765,#071f44 84%)!important;border:1px solid #3985b0!important;padding:23px 25px 20px!important;border-radius:24px!important;color:white!important;box-shadow:0 10px 22px #0e376032!important}
.brand-showcase .care>h3{background:white!important;color:#0a2450!important;border:0!important}
.brand-showcase .care>p.sub{color:#f1f8ff!important}
.brand-showcase .care .card.big{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;border:0!important;padding:0!important;border-radius:0!important;gap:0!important;background:transparent!important;color:white!important;box-shadow:none!important}
.brand-showcase .care .brand-banner{height:146px!important;min-height:146px!important;background:linear-gradient(100deg,#052c4fad,#077e9f28),url('../img/helprite-photo-placeholder.webp') center/cover!important;border:1px solid #74cbe7!important;border-radius:17px!important;margin-bottom:13px!important}
.brand-showcase .care .card h4{font:700 clamp(18px,1.25vw,22px)/1.2 var(--heading-font,inherit)!important;color:#fff!important;margin:0 6px 9px!important}
.brand-showcase .care .card small{color:#d7fbff!important;background:#12587b!important;font-size:clamp(11px,.9vw,14px)!important}
.brand-showcase .care .card p{font:400 clamp(13px,.97vw,16px)/1.45 var(--body-font,inherit)!important;color:#f2f7fe!important;margin:6px 6px 16px!important}
.brand-showcase .care .areas{display:grid!important;gap:12px!important;padding:0!important;margin:0 5px 20px!important}
.brand-showcase .care .areas li{border:0!important;border-left:4px solid #40e2ee!important;padding:3px 0 4px 17px!important;position:relative!important}
.brand-showcase .care .areas b{display:flex!important;align-items:center!important;gap:14px!important;color:#fff!important;font:700 clamp(14px,1.02vw,18px)/1.3 var(--heading-font,inherit)!important}
.brand-showcase .care-area-symbol{color:#85eeff!important;font-size:25px!important;width:23px!important;text-align:center!important}
.brand-showcase .care .areas span{color:#e6f5ff!important;font:400 clamp(12px,.87vw,15px)/1.45 var(--body-font,inherit)!important;margin:3px 0 0 37px!important}
.brand-showcase .care .card a{margin-top:auto!important;border-color:#3e8dad!important;color:#fff!important;padding-top:20px!important}
.brand-showcase .care .card a::after{background:#9af0f7!important;color:#063268!important}
@media(max-width:1050px){#dir-home .brand-showcase,#dir-page .brand-showcase{grid-template-columns:1fr!important}.brand-showcase .care .card.big{min-height:450px!important}}
@media(max-width:560px){.brand-showcase .grid4{grid-template-columns:1fr!important}.brand-showcase .care{padding:18px!important}.brand-showcase .prop .card{padding:10px!important}.brand-showcase .brand-banner{height:125px!important}}