/* [rpb_hero] - values copied exactly from the approved reference's own CSS bundle
   (.hero / .hero-image / .hero-overlay / .hero-content / .hero-lead / .hero-actions
   / .hero-proof), only class names prefixed rpb- to avoid collisions. */

/* No background-color here: the real photo now comes from the wrapping
   [vc_row type="full_width_background" bg_image="..."] itself, a sibling behind this
   section, not something this section renders - an opaque background here would paint
   over it. overflow:hidden also moved to .rpb-hero-image (see below) so
   .rpb-hero-overlay's full-bleed breakout can escape to the real viewport edges instead
   of being clipped by its own ancestor. */
.rpb-hero{min-height:920px;color:var(--rpb-white);position:relative}
/* Legacy-only - only rendered when this page hasn't been migrated to the native
   [vc_row type="full_width_background" bg_image="..." parallax_bg="true"] pattern yet. */
.rpb-hero-image{position:absolute;inset:0;overflow:hidden}
.rpb-hero-image .parallax-layer{background-position:50%;background-size:cover;position:absolute;inset:-25% 0;will-change:transform}
/* Breakout (left:50%;margin-left:-50vw;width:100vw) so this still bleeds to the real
   viewport edges even though it now sits inside the row's own width-constrained content
   column (no more .shell) - same technique as page-hero.css's own overlay. */
.rpb-hero-overlay{background:linear-gradient(90deg,#061215ed 0%,#061215b3 38%,#0612152e 75%,#06121547 100%),linear-gradient(#0000 55%,#061215b8 100%);position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw}
.rpb-hero-content{z-index:2;padding-top:242px;position:relative;animation:rpb-hero-fade-in .9s cubic-bezier(.16,1,.3,1) both}
.rpb-hero-proof{animation:rpb-hero-fade-in .9s cubic-bezier(.16,1,.3,1) .1s both}
@keyframes rpb-hero-fade-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.rpb-hero-content,.rpb-hero-proof{animation:none}}
.rpb-hero h1{letter-spacing:-.075em;max-width:920px;margin:0;font-size:clamp(68px,8.5vw,126px);font-weight:400;line-height:.84}
/* Salient's own ".light p{color:...}" (class+type specificity) beats a single-class rule here
   without !important - see [[feedback-rpb-heading-color-inheritance]]. */
.rpb-hero-lead{color:#ffffffd6 !important;letter-spacing:-.025em;max-width:490px;margin:42px 0 0 7px;font-size:clamp(20px,2vw,26px);font-weight:360;line-height:1.45}
.rpb-hero-actions{align-items:center;gap:42px;margin:44px 0 0 7px;display:flex}

.rpb-hero-proof{z-index:2;border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}
.rpb-hero-proof > div{border-right:1px solid #ffffff38;grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:116px;padding:20px 28px;display:grid}
.rpb-hero-proof > div:last-child{border-right:0}
.rpb-hero-proof strong{color:var(--rpb-green);letter-spacing:-.05em;font-size:38px;font-weight:380}
.rpb-nsw-map{width:60px !important;height:auto !important;display:block}
.rpb-hero-proof span{color:#ffffffad;letter-spacing:.05em;text-transform:uppercase;max-width:145px;font-size:11px;line-height:1.5}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */