.recruit-hero{padding:100px max(24px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:1fr 310px;gap:70px;align-items:center;background:#f5d316;color:#071c39}.recruit-hero h1{font-size:clamp(58px,7.5vw,108px);margin:12px 0 25px}.recruit-hero h1 em{color:#075aa8}.recruit-hero p{max-width:700px;font-size:19px;font-weight:600}.recruit-stamp{aspect-ratio:1;border:4px solid #071c39;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(6deg);box-shadow:12px 12px 0 #075aa8}.recruit-stamp strong{font:800 43px Manrope,sans-serif}.recruit-stamp span{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.recruit-content{padding:90px max(24px,calc((100vw - 1216px)/2));background:#f4f7fb}.recruit-content .kicker,.path-section .kicker,.join-section .kicker{color:#075aa8}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mission-grid article{background:#fff;border:2px solid #071c39;padding:28px;box-shadow:7px 7px 0 #bddcf3}.mission-grid span{display:grid;place-items:center;width:35px;height:35px;background:#f5d316;border-radius:50%;font-weight:800}.mission-grid h3{font-size:24px;margin:18px 0 8px}.mission-grid p{margin:0;color:#526171}.path-section{padding:90px max(24px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#fff}.path-copy h2,.join-section h2{font-size:clamp(38px,4.5vw,64px);line-height:1;margin:8px 0 20px}.path-copy>p{font-size:18px;color:#526171}.path-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.path-facts div{padding:15px;background:#eef4fa;border-left:4px solid #075aa8}.path-facts small{display:block;text-transform:uppercase;font-size:10px;font-weight:800;color:#657080}.path-facts strong{font-size:14px}.path-links{display:flex;flex-direction:column;gap:12px}.path-links a{display:flex;flex-direction:column;gap:3px;padding:20px;background:#071c39;color:#fff;border-left:6px solid #f5d316}.path-links a:hover{background:#075aa8}.path-links b{font:700 19px Manrope,sans-serif}.path-links span{color:#c7d6e5;font-size:14px}.join-section{padding:75px max(24px,calc((100vw - 1216px)/2));display:flex;align-items:center;justify-content:space-between;gap:45px;background:#075aa8;color:#fff}.join-section .kicker{color:#f5d316}.join-section p{max-width:700px;color:#d9e8f5;font-size:17px}.join-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 0 auto}@media(max-width:850px){.recruit-hero{grid-template-columns:1fr;gap:45px}.recruit-stamp{width:190px}.path-section{grid-template-columns:1fr;gap:40px}.path-facts{grid-template-columns:1fr}.join-section{align-items:flex-start;flex-direction:column}.join-actions{width:100%}}@media(max-width:600px){.mission-grid{grid-template-columns:1fr}.recruit-hero{padding-top:65px}.join-actions{flex-direction:column}.join-actions .button{width:100%}}
.recruit-stamp{position:relative;background:#fff url('assets/logo-smart-conduite.webp') center 47%/64% auto no-repeat;overflow:hidden}.recruit-stamp:before{content:'REJOINS L\'ÉQUIPE';position:absolute;top:30px;left:22px;right:22px;padding:7px 5px;background:#071c39;color:#f5d316;font:800 12px Manrope,sans-serif;letter-spacing:.12em;transform:rotate(-4deg)}.recruit-stamp strong{display:none}.recruit-stamp span{position:absolute;left:32px;right:32px;bottom:27px;padding:7px 5px;background:#075aa8;color:#fff;border:2px solid #071c39;line-height:1.25}.recruit-stamp:after{content:'★';position:absolute;right:24px;top:78px;color:#f5d316;font-size:25px;text-shadow:2px 2px 0 #071c39}@media(max-width:850px){.recruit-stamp:before{top:18px;font-size:10px}.recruit-stamp span{left:18px;right:18px;bottom:15px;font-size:10px}.recruit-stamp:after{right:12px;top:58px;font-size:19px}}

/* Photo d'ambiance recrutement */
.recruit-stamp{width:310px;aspect-ratio:4/5;border-radius:28px;background:#071c39 url('assets/recrutement-equipe.jpeg') 66% center/cover no-repeat;box-shadow:12px 12px 0 #075aa8;transform:rotate(2deg)}
.recruit-stamp:before{content:'NOTRE ÉQUIPE S’AGRANDIT';top:auto;left:18px;right:18px;bottom:22px;padding:11px 8px;background:#f5d316;color:#071c39;border:2px solid #071c39;font:800 13px Manrope,sans-serif;letter-spacing:.07em;transform:rotate(-2deg)}
.recruit-stamp:after{display:none}
.recruit-stamp strong,.recruit-stamp span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.recruit-stamp{width:min(100%,310px)}.recruit-stamp:before{bottom:18px;font-size:12px}}

/* Parcours de candidature */
.join-section{align-items:stretch}.join-copy{max-width:560px}.mail-address{display:inline-block;margin-top:8px;color:#f5d316;font-weight:800;text-decoration:underline;text-underline-offset:4px}.application-options{display:grid;gap:12px;width:min(100%,540px)}.application-card{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:17px 20px;background:#fff;color:#071c39;border:2px solid #071c39;box-shadow:6px 6px 0 #f5d316;transition:transform .18s ease,box-shadow .18s ease}.application-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #f5d316}.application-card>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#071c39;color:#f5d316;font-weight:800}.application-card strong{font:800 19px Manrope,sans-serif}.application-card small{margin-top:3px;color:#526171;font-size:13px;line-height:1.35}.application-card.primary{background:#f5d316;box-shadow:6px 6px 0 #071c39}.application-card.primary>span{background:#075aa8;color:#fff}@media(max-width:900px){.join-section{flex-direction:column}.join-copy,.application-options{max-width:none;width:100%}}@media(max-width:520px){.application-card{grid-template-columns:40px 1fr;padding:15px 14px}.application-card>span{width:36px;height:36px}.application-card strong{font-size:17px}}

/* Médaillon recrutement pop */
.recruit-stamp{width:330px;aspect-ratio:1;border-radius:50%;border:10px solid #fff;background:url('assets/logo-smart-conduite.webp') center 42%/54% auto no-repeat,radial-gradient(circle,#071c39 0 66%,transparent 67%),repeating-conic-gradient(#fff 0 10deg,#071c39 10deg 20deg);box-shadow:0 0 0 5px #071c39,14px 14px 0 #075aa8;transform:rotate(3deg);overflow:visible}
.recruit-stamp:before{content:'ON RECRUTE';top:auto;bottom:37px;left:39px;right:39px;padding:10px 8px;background:#f5d316;color:#071c39;border:3px solid #071c39;font:900 18px Manrope,sans-serif;letter-spacing:.1em;transform:rotate(-5deg);box-shadow:4px 4px 0 #075aa8}
.recruit-stamp:after{content:'★';display:grid;place-items:center;position:absolute;width:45px;height:45px;right:15px;top:23px;border:3px solid #071c39;border-radius:50%;background:#f5d316;color:#071c39;font-size:22px;transform:rotate(8deg)}
.recruit-stamp strong,.recruit-stamp span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.recruit-stamp{width:min(100%,300px)}.recruit-stamp:before{left:34px;right:34px;bottom:32px;font-size:16px}.recruit-stamp:after{right:12px;top:18px}}

/* Retour au médaillon d'origine */
.recruit-stamp{width:310px;aspect-ratio:1;border:4px solid #071c39;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:transparent;transform:rotate(6deg);box-shadow:12px 12px 0 #075aa8;overflow:visible}
.recruit-stamp:before,.recruit-stamp:after{display:none}
.recruit-stamp strong,.recruit-stamp span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
.recruit-stamp strong{display:block;font:800 43px Manrope,sans-serif}
.recruit-stamp span{display:block;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;line-height:1.35;color:#071c39;background:transparent;border:0;padding:0}
@media(max-width:850px){.recruit-stamp{width:190px}.recruit-stamp strong{font-size:32px}.recruit-stamp span{font-size:10px}}

/* La photo d'équipe est le signal concret du recrutement : elle ne doit pas disparaître dans un médaillon vide. */
.recruit-hero { grid-template-columns:minmax(0,1fr) minmax(280px,360px); }
.recruit-hero::after { content:'POSTES OUVERTS · FÉCAMP & GODERVILLE'; position:absolute; right:28px; top:96px; padding:8px 12px; color:#fff; background:#075aa8; border:2px solid #071c39; font:800 11px/1 Manrope,sans-serif; letter-spacing:.08em; transform:rotate(4deg); }
.recruit-hero { position:relative; }
.recruit-stamp { width:100%; aspect-ratio:4/5; border:3px solid #071c39; border-radius:26px; background:#071c39 url('assets/recrutement-equipe.jpeg') 66% center/cover no-repeat; box-shadow:12px 12px 0 #075aa8; transform:rotate(2deg); overflow:hidden; }
.recruit-stamp::before { content:'NOTRE ÉQUIPE S’AGRANDIT'; position:absolute; left:14px; right:14px; bottom:18px; padding:11px 8px; color:#071c39; background:#f5d316; border:2px solid #071c39; font:800 13px/1.1 Manrope,sans-serif; letter-spacing:.07em; transform:rotate(-2deg); }
.recruit-stamp::after { display:none; }
.recruit-stamp strong,.recruit-stamp span { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:850px){.recruit-hero { grid-template-columns:1fr; } .recruit-hero::after { position:static; display:inline-block; width:max-content; margin-top:-26px; } .recruit-stamp { width:min(100%,330px); } }