/* [rpb_offer_list]/[rpb_offer_item] - values copied exactly from the approved reference's
   own CSS bundle (.residential-offer/.commercial-offer share identical rules, so a single
   .rpb-offer class covers both Residential and Commercial pages). Row supplies bg_color. */

.rpb-offer-heading{border-bottom:1px solid var(--rpb-line);padding-bottom:88px}
.rpb-offer-list{display:grid}

.rpb-offer{border-bottom:1px solid var(--rpb-line);grid-template-columns:1.02fr .98fr;min-height:660px;padding:82px 0;display:grid}
.rpb-offer:nth-child(2n) .rpb-offer-image{order:2}
.rpb-offer:nth-child(2n) .rpb-offer-copy{order:1;padding:42px 8vw 42px 20px}

.rpb-offer-copy{align-self:center;padding:42px 20px 42px 8vw}
.rpb-offer-copy > .rpb-eyebrow{margin:50px 0 16px}
.rpb-offer-top{justify-content:space-between;align-items:flex-start;display:flex}
.rpb-offer-top > span{color:var(--rpb-green);letter-spacing:.18em;font-size:11px}
/* Salient's ".row .col h3,.row .col h4" margin-bottom collision - see team.css note. */
.rpb-offer h3{letter-spacing:-.05em;margin:0 0 26px !important;font-size:clamp(38px,4vw,58px) !important;font-weight:440;line-height:1}
.rpb-offer .rpb-offer-intro{color:var(--rpb-muted)}

.rpb-offer-image{background:var(--rpb-cream);min-height:560px;overflow:hidden}
.rpb-offer-image img{object-fit:cover;filter:saturate(.78);width:100% !important;height:100% !important;max-width:none !important;min-height:560px;transition:transform .6s;display:block;margin:0 !important}
.rpb-offer:hover .rpb-offer-image img{transform:scale(1.018)}

.rpb-offer ul{border-top:1px solid var(--rpb-line);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(40px,auto);gap:8px 32px;margin:28px 0 0;padding:25px 0 0;list-style:none;display:grid}
.rpb-offer li{color:var(--rpb-ink);align-self:start;padding-left:20px;font-size:12px;line-height:1.55;position:relative}
.rpb-offer li:before{color:var(--rpb-green);content:"—";position:absolute;left:0}
/* The 5-bullet "Vendor Advisory" tier (always last) reads column-first in the reference so
   its two columns balance 3/2 instead of the default row-first 1/1/1/1/1 split. */
.rpb-offer-list .rpb-offer:last-child ul{grid-template-rows:repeat(3,minmax(40px,auto));grid-auto-flow:column}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */