.metiers-page{min-height:100vh;padding-top:100px}.metiers-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1a1a2e 100%);align-items:center;min-height:200px;padding:80px 0;display:flex}.metiers-hero__inner{text-align:center;max-width:900px;margin:0 auto;padding:0 2rem}.metiers-hero__title{margin:0;font-family:Barlow,sans-serif;font-size:3rem;font-weight:700}.metiers-intro{background:#fff;border-bottom:1px solid #e2e8f0;padding:30px 0}.metiers-intro__inner{text-align:center;max-width:900px;margin:0 auto;padding:0 2rem}.metiers-intro__text{color:#1f2937;margin:0;font-size:1.125rem;line-height:1.8}.metiers-content{background:#fff;padding:60px 0}.metiers-content__inner{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;padding:0 2rem;display:flex}.metier-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;transition:all .3s}.metier-card:hover{border-color:#0f172a;transform:translateY(-4px);box-shadow:0 8px 30px #0000000d}.metier-card__header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.metier-card__icon{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metier-card__name{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.metier-card__entity{color:#2563eb;background:#eff6ff;border-radius:9999px;padding:.1rem .6rem;font-size:.6875rem;font-weight:600;display:inline-block}.metier-card__description{color:#475569;margin-bottom:1rem;font-size:1rem;line-height:1.6}.metier-card__list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.metier-card__list li{color:#1f2937;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.25rem .75rem;font-size:.8125rem}@media (max-width:768px){.metiers-hero{min-height:150px;padding:60px 0}.metiers-hero__title{font-size:2.2rem}.metiers-intro__text{font-size:1rem}.metiers-content{padding:40px 0}.metier-card{padding:1.5rem}.metier-card__header{text-align:center;flex-direction:column}.metier-card__name{font-size:1.125rem}.metier-card__list{justify-content:center}}@media (max-width:480px){.metiers-hero__title{font-size:1.8rem}.metier-card{padding:1.25rem}.metier-card__list li{font-size:.75rem}}