/* Page détaillée Milo — Personnel RH */
.milo-staff-product{padding:44px 0 82px;background:radial-gradient(circle at 88% 9%,rgba(248,177,18,.12),transparent 28%),var(--cream)}
.msp-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:34px;align-items:center}.msp-back{display:inline-block;color:var(--blue);font-weight:800;margin-bottom:18px}.msp-hero h1{font-family:var(--serif);color:var(--blue);font-size:clamp(58px,6vw,96px);line-height:.92;letter-spacing:-.04em;margin-bottom:22px}.msp-lead{color:#27385d;font-size:clamp(21px,1.55vw,27px);line-height:1.46;max-width:780px}.msp-text{margin-top:16px;color:#4a5878;font-size:18px;line-height:1.62;max-width:820px}.msp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.msp-hero-visual,.msp-shot{background:#fff;border:1px solid rgba(10,50,138,.08);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.msp-hero-visual img,.msp-shot img{display:block;width:100%;height:auto}
.msp-base{margin-top:34px;background:radial-gradient(circle at 92% 12%,rgba(248,177,18,.22),transparent 24%),linear-gradient(135deg,#fff 0%,#fffaf0 54%,#eef5ff 100%);border:1px solid rgba(10,50,138,.08);border-radius:30px;box-shadow:var(--shadow);padding:34px 38px}.msp-base span,.msp-section-title .eyebrow,.msp-machine .eyebrow,.msp-shot span{color:var(--blue-2);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.msp-base h2,.msp-machine h2,.msp-section-title h2,.msp-final h2{color:var(--blue);font-size:clamp(34px,3.4vw,58px);line-height:1.05;margin:10px 0 14px}.msp-base p,.msp-machine p,.msp-section-title p,.msp-final p{color:#4a5878;font-size:18px;line-height:1.62;max-width:980px}
.msp-benefits{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.msp-benefits article{background:#fff;border:1px solid rgba(10,50,138,.08);border-radius:26px;box-shadow:var(--shadow);padding:24px;min-height:156px}.msp-benefits strong{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center;background:var(--blue);color:#fff;margin-bottom:16px}.msp-benefits h2{color:var(--blue);font-size:24px;line-height:1.14;margin-bottom:10px}.msp-benefits p{color:#556684;line-height:1.55}
.msp-machine{margin-top:34px;background:#fff;border:1px solid rgba(10,50,138,.08);border-radius:30px;box-shadow:var(--shadow);padding:34px 38px}.msp-showcase,.msp-process{margin-top:42px}.msp-section-title{margin-bottom:22px}.msp-shot{display:grid;grid-template-rows:auto 1fr}.msp-shot div{padding:20px 22px 24px}.msp-shot h3{color:var(--blue);font-size:24px;line-height:1.12;margin:8px 0}.msp-shot p{color:#556684;line-height:1.55}.msp-shot-large{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center}.msp-shot-large div{padding:28px 30px}.msp-shot-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.msp-shot-grid.three{grid-template-columns:repeat(3,1fr)}.msp-shot-grid.four{grid-template-columns:repeat(4,1fr)}.msp-shot-grid.three .msp-shot img,.msp-shot-grid.four .msp-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top center}
.msp-final{margin-top:44px;background:#fff;border:1px solid rgba(10,50,138,.08);border-radius:30px;box-shadow:var(--shadow);padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}
@media(max-width:1280px){.msp-shot-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:1180px){.msp-hero,.msp-shot-large{grid-template-columns:1fr}.msp-benefits,.msp-shot-grid,.msp-shot-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.msp-benefits,.msp-shot-grid,.msp-shot-grid.three,.msp-shot-grid.four{grid-template-columns:1fr}.msp-final{align-items:flex-start;flex-direction:column}}