/* Direction du 14 octobre : humains = formateur/apprenant ; formes 3D = agents. */
@font-face{font-family:Oxanium;src:url('/assets/fonts/oxanium-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
.branding-site h1,.branding-site h2{font-family:Oxanium,'DM Sans',sans-serif!important;font-weight:800!important;font-style:italic!important;letter-spacing:-.035em!important;line-height:1.12!important;text-transform:uppercase;color:var(--accent-texte,#31594B)}
.branding-site h1{font-size:clamp(34px,3.9vw,54px)!important;max-width:24ch}
.branding-site h2{font-size:clamp(28px,3vw,40px)!important;max-width:32ch}
.branding-site .sombre h1,.branding-site .sombre h2{color:#FFF8E8}
.branding-site .pixel-scene{background-image:url('/assets/branding-inarretables/actions-agents-v3.png');background-size:300% 200%;image-rendering:auto}
.branding-site .scene-0{background-position:0 0}
.branding-site .scene-1{background-position:50% 0}
.branding-site .scene-2{background-position:100% 0}
.branding-site .scene-3{background-position:0 100%}
.branding-site .scene-4{background-position:50% 100%}
.branding-site .scene-5{background-position:100% 100%}
.branding-site .point-agent{background-position:0 0}
.branding-site .mail-agent{background-position:100% 0}
.branding-site .entreprise-hero figure>.pixel-scene,.branding-site .hero-agent>.pixel-scene{background-image:url('/assets/branding-inarretables/formateur-apprenant-v3.png');background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:auto;aspect-ratio:1;width:100%;max-width:480px;margin:auto}
.branding-site .entreprise-hero figcaption{margin-top:12px}
@media(max-width:860px){.branding-site .entreprise-hero figure{width:min(100%,420px);margin-inline:auto}}
@media(max-width:640px){.branding-site h1{font-size:34px!important;max-width:24ch}.branding-site h2,.branding-site .mini-entete h2{font-size:28px!important}.branding-site .entreprise-hero figure>.pixel-scene{max-width:340px}}
@media(max-width:350px){.branding-site h1{font-size:30px!important}.branding-site h2,.branding-site .mini-entete h2{font-size:26px!important}}