.rpif-hero { position: relative; margin: 0 0 28px; overflow: hidden; width: 100%; }
.rpif-hero img { width: 100%; height: auto; display: block; }
.rpif-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.06) 60%); pointer-events: none; }
.rpif-hero-title { position: absolute; z-index: 2; left: 6%; right: 6%; bottom: 7%; margin: 0; color: #fff; font-size: clamp(26px, 4vw, 56px); line-height: 1.08; font-weight: 800; text-align: center; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.rpif-fitted-image { margin: 18px 0 22px; width: 100%; }
.rpif-fitted-image img { width: 100%; height: auto; display: block; }