.staff-page { overflow-x:hidden; background:#fff; color:#101629; }
.staff-page em { color:#ed1022; font-style:normal; }
.staff-page h1,.staff-page h2,.staff-page h3 { letter-spacing:0; }
.staff-page .staff-hero { padding:40px 0 22px; color:#101629; background:linear-gradient(90deg,#fff 0 52%,#f7f8fb 52%); }
.staff-hero .page-hero-grid { grid-template-columns:.92fr 1.08fr; align-items:center; gap:38px; }
.staff-hero h1 { margin:12px 0 4px; font-size:51px; }
.staff-hero h2 { margin:0 0 14px; font-size:23px; }
.staff-hero p { max-width:590px; color:#4f5a70; font-size:16px; }
.staff-hero-list { display:grid; gap:10px; padding:0; margin:18px 0 24px; list-style:none; }
.staff-hero-list li { position:relative; padding-left:26px; font-weight:600; font-size:14px; }
.staff-hero-list li::before { content:"✓"; position:absolute; left:0; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#ed1022; font-size:11px; }
.staff-actions { display:flex; gap:16px; align-items:center; }
.staff-actions .btn { display:inline-flex; align-items:center; gap:9px; }
.staff-actions img { width:18px; height:18px; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.staff-page .staff-hero-art { position:relative; min-height:430px; margin:0 0 30px; overflow:visible; border:0; border-radius:0; box-shadow:none; }
.staff-hero-art > img { width:100%; height:430px; object-fit:cover; border-top-left-radius:120px; }
.staff-hero-metrics { position:absolute; left:-32px; right:0; bottom:-28px; display:grid; grid-template-columns:repeat(4,1fr); padding:22px; border-radius:10px; color:#fff; background:#0c1018; box-shadow:0 14px 32px rgba(0,0,0,.2); }
.staff-hero-metrics span { display:grid; grid-template-columns:28px 1fr; gap:3px 10px; padding:0 18px; border-right:1px solid rgba(255,255,255,.2); }
.staff-hero-metrics span:last-child { border:0; }
.staff-page .staff-hero-metrics img { width:25px; height:25px; min-height:0; grid-row:span 2; object-fit:contain; filter:brightness(0) invert(1); }
.staff-hero-metrics b { font-size:25px; line-height:1; }
.staff-hero-metrics small { color:#bfc5d2; font-size:10px; }
.staff-benefits,.staff-process,.staff-talent,.engagement-models,.staff-clients,.staff-cta { margin-top:28px; }
.staff-benefits > h2,.staff-talent > h2,.engagement-models > h2,.staff-clients > h2 { margin:0 0 18px; font-size:25px; }
.staff-benefits > div { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.staff-benefits article { min-height:220px; padding:22px 18px; border:1px solid #e5e8ef; border-radius:8px; box-shadow:0 9px 24px rgba(16,22,41,.05); }
.staff-benefits span,.engagement-models article > span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#fff0f2; }
.staff-benefits img,.engagement-models img { width:26px; height:26px; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.staff-benefits h3 { font-size:14px; }
.staff-benefits p { color:#5b6579; font-size:12px; }
.staff-process { padding:24px 28px 16px; border-radius:8px; color:#fff; background:linear-gradient(120deg,#090c11,#10141a); }
.staff-process > h2 { margin:0 0 20px; font-size:24px; }
.staff-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.staff-process-grid article { position:relative; min-height:315px; padding:54px 22px 22px; border:1px solid rgba(255,255,255,.35); border-radius:7px; }
.staff-process-grid article > b { position:absolute; left:18px; top:-20px; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#ed1022; font-size:20px; }
.staff-process-grid article > span { position:absolute; top:-12px; right:20px; width:64px; height:64px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:#20242b; }
.staff-process-grid img { width:34px; height:34px; filter:brightness(0) invert(1); }
.staff-process-grid h3 { font-size:16px; }
.staff-process-grid ul,.engagement-models ul { padding:0; list-style:none; }
.staff-process-grid li,.engagement-models li { position:relative; margin:10px 0; padding-left:18px; font-size:12px; color:#d9dde6; }
.staff-process-grid li::before,.engagement-models li::before { content:"✓"; position:absolute; left:0; color:#ed1022; }
.staff-process-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:16px 12px 0; padding:14px 24px; border-radius:8px; color:#101629; background:#fff4f5; }
.staff-process-stats span { display:grid; grid-template-columns:38px 1fr; gap:2px 12px; padding:0 26px; border-right:1px dashed #ed1022; }
.staff-process-stats span:last-child { border:0; }
.staff-process-stats img { width:32px; height:32px; grid-row:span 2; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.staff-process-stats b { color:#ed1022; font-size:19px; }
.staff-process-stats small { font-size:11px; }
.talent-tabs { display:grid; grid-template-columns:repeat(8,1fr); gap:8px; margin-bottom:12px; }
.talent-tabs span { padding:10px 6px; border-radius:6px; background:#f5f6f9; text-align:center; font-size:11px; font-weight:700; }
.talent-tabs span:hover { background:#eceef3; }
.talent-tabs span { cursor:pointer; user-select:none; transition:background .15s ease, color .15s ease; }
.talent-tabs span.active { color:#fff; background:#ed1022; }
.talent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.talent-grid article { min-height:92px; display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:16px; border:1px solid #e6e9f0; border-radius:7px; box-shadow:0 7px 20px rgba(16,22,41,.04); }
.talent-grid > article > img { width:38px; height:38px; padding:9px; border-radius:50%; background:#fff0f2; filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.talent-grid h3 { margin:0; font-size:14px; }
.talent-grid p { margin:3px 0 0; color:#5a6478; font-size:10px; }
.engagement-models > div { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
.engagement-models article { position:relative; min-height:260px; padding:28px; border:1px solid #e5e8ef; border-radius:8px; box-shadow:0 9px 24px rgba(16,22,41,.05); }
.engagement-models article.featured { color:#fff; background:linear-gradient(145deg,#f3192b,#c40016); }
.engagement-models article.featured > small { position:absolute; top:-12px; left:0; padding:5px 24px; border-radius:7px 7px 0 0; color:#fff; background:#a90013; }
.engagement-models article.featured span { background:rgba(255,255,255,.12); }
.engagement-models article.featured img { filter:brightness(0) invert(1); }
.engagement-models article.featured li,.engagement-models article.featured p { color:#fff; }
.engagement-models p { color:#5a6478; font-size:13px; }
.engagement-models li { color:#374156; }
.staff-clients > div { display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.staff-clients span { min-height:72px; display:grid; place-items:center; padding:10px; border:1px solid #e5e8ef; border-radius:7px; }
.staff-clients img { max-height:38px; }
.staff-cta { margin-bottom:30px; padding:24px 34px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-radius:8px; color:#fff; background:linear-gradient(115deg,#080b10,#260508); }
.staff-cta > div { display:flex; align-items:center; gap:22px; }
.staff-cta > div > img { width:68px; height:68px; padding:14px; border-radius:50%; background:rgba(237,16,34,.15); filter:invert(16%) sepia(96%) saturate(4300%) hue-rotate(345deg); }
.staff-cta h2,.staff-cta p { margin:3px 0; }
.staff-cta > div:last-child { gap:14px; width: 40%;}
@media(max-width:1000px){
  .staff-hero .page-hero-grid { grid-template-columns:1fr; }
  .staff-benefits > div,.talent-grid { grid-template-columns:repeat(3,1fr); }
  .staff-process-grid { grid-template-columns:repeat(2,1fr); row-gap:50px; }
  .talent-tabs { grid-template-columns:repeat(4,1fr); }
  .staff-clients > div { grid-template-columns:repeat(4,1fr); }
}
@media(max-width:640px){
  .staff-hero h1 { font-size:40px; }
  .staff-hero h1 em { display:block; }
  .staff-actions,.staff-cta,.staff-cta > div:last-child { flex-direction:column; align-items:flex-start; }
  .staff-hero-art > img { height:330px; border-radius:50px 0 0 0; }
  .staff-hero-metrics { position:relative; left:0; bottom:0; grid-template-columns:repeat(2,1fr); }
  .staff-hero-metrics span:nth-child(2) { border-right:0; }
  .staff-benefits > div,.staff-process-grid,.talent-grid,.engagement-models > div,.staff-process-stats,.staff-clients > div { grid-template-columns:1fr; }
  .talent-tabs { grid-template-columns:repeat(2,1fr); }
  .staff-process-stats span { border-right:0; border-bottom:1px dashed #ed1022; padding:12px; }
  .staff-process-stats span:last-child { border:0; }
}