.ind { max-width: 1080px; margin: 0 auto; padding: 32px 16px 56px; display: grid; gap: 24px; }
.ind-apercu { margin: 0; padding: 12px 14px; border-radius: 12px; background: #FEF3C7; color: #92400E; font-size: 14px; }
.ind-tete { display: flex; align-items: center; gap: 22px; padding: 26px; border-radius: 20px; background: #1E2A52; color: #fff; }
.ind-photo { width: 112px; height: 112px; border-radius: 50%; overflow: hidden; flex-shrink: 0; display: grid; place-items: center; background: #fff; color: #1E2A52; font-size: 42px; font-weight: 800; border: 4px solid rgba(255,255,255,.25); }
.ind-photo img { width: 100%; height: 100%; object-fit: cover; }
.ind-tete h1 { margin: 0 0 6px; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; }
.ind-statut { margin: 0 0 8px; font-weight: 700; color: #C7D2FE; }
.ind-tete .ind-texte { color: rgba(255,255,255,.8); margin: 0; }
.ind-bloc { display: grid; gap: 14px; }
.ind-bloc h2 { margin: 0; font-size: 20px; color: #1E2A52; display: flex; align-items: center; gap: 10px; }
.ind-nb { font-size: 13px; padding: 2px 10px; border-radius: 999px; background: #EEF2FF; color: #3730A3; }
.ind-metiers { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ind-metiers li { padding: 6px 12px; border-radius: 999px; border: 1px solid #CBD2DD; background: #fff; font-size: 14px; color: #334155; }
.ind-texte { margin: 0; color: #54657E; line-height: 1.5; }
.ind-vide { max-width: 640px; margin: 80px auto; padding: 0 20px; text-align: center; }
@media (max-width: 560px) { .ind-tete { flex-direction: column; text-align: center; padding: 22px 16px; } .ind-photo { width: 96px; height: 96px; } }