/* [rpb_experience] - values copied exactly from the approved reference
   (.experience-panel/.experience-copy/.experience-portrait/.signature), class names prefixed rpb-. */

.rpb-experience-panel{background:var(--rpb-ink-deep);min-height:0;color:var(--rpb-white);grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);display:grid;overflow:hidden}

.rpb-experience-copy{max-width:980px;padding:52px 76px}
/* Salient's direct "body h2{color:...}" rule beats inherited white from .rpb-experience-panel -
   see [[feedback-rpb-heading-color-inheritance]] */
.rpb-experience-copy h2{color:var(--rpb-white) !important;font-size:clamp(42px,5vw,70px) !important}

.rpb-experience-copy > p:not(.rpb-eyebrow):not(.rpb-signature){color:#ffffffa1;margin-top:36px;font-size:15px}
.rpb-experience-copy > p:not(.rpb-eyebrow):not(.rpb-signature) > span{display:block}
.rpb-experience-opening{white-space:nowrap}

/* Salient's own ".light h1-h6,.light p{color:var(--nectar-font-light-color,#fff)}" is a
   class+type selector (beats a single-class .rpb-signature rule) - see
   [[feedback-rpb-heading-color-inheritance]] for the same class of bug on headings. */
.rpb-signature{color:var(--rpb-white) !important;letter-spacing:.04em;text-transform:uppercase;margin:34px 0;font-size:13px;font-weight:600}
.rpb-signature span{color:var(--rpb-brass-light);letter-spacing:.13em;margin-top:7px;font-size:10px;font-weight:500;display:block}

.rpb-experience-portrait{background:var(--rpb-ink-deep);min-height:510px;margin:0;position:relative;overflow:hidden}
/* Salient's own ".row .col img{height:auto;max-width:100%}" (2 classes + type = higher
   specificity than a single-class selector here) otherwise collapses the image back to its
   intrinsic aspect ratio instead of filling the frame for object-fit to crop - established
   codebase fix for beating a same-or-higher-specificity Salient rule, see custom.css header. */
.rpb-experience-portrait img{object-fit:cover;object-position:50% 18%;width:100% !important;height:100% !important;max-width:none !important;margin:0 !important;display:block;transform:scale(1.08)}
.rpb-experience-portrait:after{background:linear-gradient(90deg,var(--rpb-ink-deep),transparent);content:"";width:28%;position:absolute;inset:0 auto 0 0}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */