/* Photo: Alena Darmel, Pexels 8133859. https://www.pexels.com/license/
   Illustrative stock imagery, not a representation of SaluteIQ employees.
   Keep opacity on the image only so labels and controls remain readable. */
.people-hero{margin:0;min-width:0;width:100%}
.people-photo-frame{position:relative;isolation:isolate;height:460px;overflow:hidden;border:1px solid #46414c;border-radius:18px;background:#101216;box-shadow:0 24px 70px #0004}
.people-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;opacity:.5;transition:transform .6s ease}
.people-photo-frame:hover .people-photo{transform:scale(1.025)}
.people-photo-frame:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#101216e6);z-index:0;pointer-events:none}
.people-photo-label{position:absolute;top:22px;left:22px;z-index:1;display:flex;align-items:center;padding:10px 13px;border:1px solid #ffffff28;border-radius:30px;background:#101216d9;color:#f4f1e9;font-size:9px;letter-spacing:1.5px;font-weight:700}
.people-photo-caption{position:absolute;bottom:28px;left:28px;right:24px;z-index:1}
.people-photo-caption>span{display:block;color:var(--gold);font-size:10px;letter-spacing:1px;margin-bottom:12px}
.people-photo-caption strong{font-size:32px;font-weight:500;line-height:1.13;letter-spacing:-1px}
.people-hero figcaption{margin-top:11px;text-align:right;font-size:9px;line-height:1.5;color:#a5a8b1}
.people-hero figcaption a{text-decoration:underline;text-underline-offset:3px}
.people-hero figcaption a:hover{color:var(--gold)}
@media(max-width:1100px) and (min-width:761px){.people-photo-frame{height:430px}.people-photo-caption strong{font-size:28px}}
@media(max-width:760px){.people-hero{max-width:540px;margin-inline:auto}.people-photo-frame{height:410px}.people-photo{object-position:50% 65%}.people-photo-caption strong{font-size:30px}}
@media(max-width:400px){.people-photo-frame{height:360px}.people-photo-label{top:16px;left:16px;font-size:8px}.people-photo-caption{left:20px;bottom:22px}.people-photo-caption strong{font-size:27px}}
.role-photo{position:relative;margin:-23px -20px 22px;overflow:hidden;border-radius:11px 11px 0 0;background:#111318;aspect-ratio:4/3}
.role-photo img{display:block;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .4s ease}
.role-card:hover .role-photo img{transform:scale(1.04)}
.role-photo figcaption{position:absolute;bottom:8px;right:8px;padding:5px 7px;border-radius:4px;background:#101216de;color:#dddde4;font-size:8px}
.role-photo a:hover{text-decoration:underline}
.role-card .card-top{margin-bottom:22px}
.role-compensation{padding:16px 13px;margin:5px 0 18px;border:1px solid #766239;border-radius:8px;background:#efc25908}
.role-compensation>span{font-size:8px;letter-spacing:1px;color:var(--gold);font-weight:800;display:block}
.role-compensation strong{display:block;font-size:16px;line-height:1.4;margin-top:8px;font-weight:500}
.role-compensation p{font-size:11px;line-height:1.6;margin:8px 0 0}
.role-compensation .salary-range{font-size:22px;font-weight:700;letter-spacing:-.6px;color:var(--paper)}
.salary-range>span{font-size:11px;letter-spacing:.5px;color:var(--gold);white-space:nowrap}
.compensation-benefits{list-style:none;padding:0;margin:15px 0 12px;display:grid;gap:10px}
.compensation-benefits li{position:relative;padding-left:18px;color:#d5d5dc;font-size:12px;line-height:1.55}
.compensation-benefits li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}
.pay-period-note{display:block;padding-top:11px;border-top:1px solid #efc25925;color:#a5a8b1;font-size:10px;line-height:1.5}
@media(max-width:760px){.role-photo{margin:-20px -17px 20px}.role-compensation{padding:12px}.role-compensation strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.people-photo,.role-photo img{transition:none}.people-photo-frame:hover .people-photo,.role-card:hover .role-photo img{transform:none}}