/* Scènes pédagogiques : humains photo, agents en volume, environnement 16-bit. */
.scene-humaine{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/branding-inarretables/scenes-humains-v4.png');background-size:300% 200%;background-repeat:no-repeat;image-rendering:auto;background-color:transparent}
.humain-0{background-position:0 0}.humain-1{background-position:50% 0}.humain-2{background-position:100% 0}.humain-3{background-position:0 100%}.humain-4{background-position:50% 100%}.humain-5{background-position:100% 100%}
.scene-pedagogique{width:100%;max-width:480px;margin:0 auto}.scene-pedagogique figcaption{text-align:center;font-size:13px;line-height:1.5;color:#46524C;margin-top:12px}
.scene-grille{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.programme-officiel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.programme-officiel .carte{min-width:0}
.branding-site .branding-repere .pixel-scene,.branding-site .branding-mini{background-image:url('/assets/branding-inarretables/scenes-humains-v4.png');background-size:300% 200%;image-rendering:auto}
.branding-site .branding-repere .pixel-scene{width:240px}.branding-site .branding-mini{width:180px}
.branding-site .entreprise-hero .scene-pedagogique{max-width:480px}
.branding-site .entreprise-grille>.pixel-scene{background-image:url('/assets/branding-inarretables/scenes-humains-v4.png');max-width:380px}
@media(max-width:860px){.scene-grille{grid-template-columns:1fr;gap:24px}.scene-pedagogique{max-width:380px}.programme-officiel{grid-template-columns:1fr}.branding-site .branding-repere .pixel-scene{width:180px}}
@media(max-width:640px){.scene-grille{gap:18px}.scene-pedagogique{max-width:320px}.branding-site .branding-repere{gap:12px;min-height:140px}.branding-site .branding-repere .pixel-scene{width:140px}.branding-site .branding-mini{width:160px}}
@media(max-width:350px){.branding-site .branding-repere .pixel-scene{width:116px}.scene-pedagogique{max-width:280px}}