/* Correctif local metiers.html : ne modifie jamais assets/style.css */
.metiers-poles{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:center;width:100%;max-width:590px}
.pole-card{position:relative;display:grid;grid-template-columns:54px 1fr 24px;align-items:center;gap:14px;min-height:112px;padding:20px 18px;border:1px solid rgba(18,48,83,.10);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 16px 40px rgba(31,62,99,.09);text-decoration:none;color:#0b1b34;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.pole-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--pole)}
.pole-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(31,62,99,.14)}
.pole-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--pole) 12%,white);color:var(--pole);font-size:24px;font-weight:900}
.pole-card b{display:block;font-size:15px;line-height:1.25;margin-bottom:7px}.pole-card small{display:block;color:#65758c;font-size:11px;line-height:1.35}.pole-card i{font-style:normal;color:var(--pole);font-size:19px}
.pole-btp{--pole:#ff7433}.pole-be{--pole:#397fe8}.pole-av{--pole:#7a5bea}.pole-nav{--pole:#18aaa9}
/* Sécurise uniquement cette page contre le glissement horizontal mobile. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:900px){.metiers-poles{max-width:none;margin-top:30px}.pole-card{min-height:100px}.inner-hero .inner-hero-grid{min-width:0}}
@media(max-width:620px){.metiers-poles{grid-template-columns:1fr;gap:10px}.pole-card{grid-template-columns:46px 1fr 20px;min-height:86px;padding:14px 15px;border-radius:19px}.pole-icon{width:44px;height:44px;border-radius:14px;font-size:20px}.pole-card b{font-size:14px}.pole-card small{font-size:10.5px}}

/* V4 — blocs secteurs plus lumineux, éditoriaux et visuels */
.metiers-intro{background:#fbfaf7!important}
.editorial-head--metiers{margin-bottom:38px!important}
.metier-landscape{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.metier-scene{position:relative!important;display:grid!important;grid-template-rows:auto 235px auto!important;min-height:0!important;border:1px solid #dce5ef!important;border-radius:30px!important;background:#fff!important;color:#10213b!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(28,55,88,.09)!important;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease!important}
.metier-scene:hover{transform:translateY(-5px)!important;box-shadow:0 25px 60px rgba(28,55,88,.14)!important}
.metier-scene-top{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:22px 24px 12px!important;color:#18304e!important;background:transparent!important}
.metier-scene-top span{font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important}
.metier-scene-top i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;box-shadow:0 8px 22px rgba(25,54,90,.12)!important;color:var(--sector)!important;font-style:normal!important}
.metier-scene-visual{position:relative!important;height:235px!important;min-height:235px!important;margin:0 20px!important;border-radius:22px!important;overflow:hidden!important;background:var(--wash)!important;color:var(--sector)!important}
.metier-scene-copy{position:relative!important;z-index:2!important;padding:24px 26px 27px!important;background:#fff!important;color:#10213b!important}
.metier-scene-copy:before{content:"";position:absolute;left:26px;top:0;width:48px;height:4px;border-radius:99px;background:var(--sector)}
.metier-scene-copy h3{margin:5px 0 12px!important;color:#10213b!important;font-size:31px!important;line-height:1.03!important;letter-spacing:-.035em!important}
.metier-scene-copy p{max-width:540px!important;margin:0 0 18px!important;color:#607089!important;font-size:13px!important;line-height:1.6!important}
.metier-scene-copy>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.metier-scene-copy>div span{padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--sector) 22%,#dce5ef)!important;border-radius:999px!important;background:color-mix(in srgb,var(--sector) 7%,white)!important;color:color-mix(in srgb,var(--sector) 78%,#10213b)!important;font-size:9px!important;font-weight:800!important}
.scene-construction{--sector:#f36f36;--wash:#fff0e7}
.scene-engineering{--sector:#347bd8;--wash:#eaf3ff}
.scene-audiovisual{--sector:#7657db;--wash:#f0ebff}
.scene-nautical{--sector:#12a8ad;--wash:#e5f8f8}
/* neutralise le grand fond bleu des anciennes scènes sans supprimer les dessins CSS */
.metier-scene .ground-grid,.metier-scene .topo-ring,.metier-scene .measure,.metier-scene .road,.metier-scene .build,.metier-scene .scene-crane,.metier-scene .survey-node,.metier-scene .av-wave,.metier-scene .av-rec,.metier-scene .av-time,.metier-scene .coordinate,.metier-scene .sun-dot{opacity:.82}
.metier-scene .build,.metier-scene .topo-ring,.metier-scene .measure,.metier-scene .road,.metier-scene .scene-crane,.metier-scene .survey-node{border-color:currentColor!important}
@media(max-width:900px){.metier-landscape{grid-template-columns:1fr!important}.metier-scene{grid-template-rows:auto 220px auto!important}.metier-scene-visual{height:220px!important;min-height:220px!important}}
@media(max-width:560px){.metier-scene{border-radius:23px!important}.metier-scene-top{padding:18px 18px 10px!important}.metier-scene-visual{margin:0 12px!important;height:190px!important;min-height:190px!important;border-radius:18px!important}.metier-scene-copy{padding:22px 20px 24px!important}.metier-scene-copy:before{left:20px}.metier-scene-copy h3{font-size:27px!important}}