/* Découpe vectorielle : pixels et visage de la photographie originale préservés. */
.hero,.hero-inner{min-height:460px}
.hero-mister.hero-art{position:relative;inset:auto;min-height:460px;height:100%;width:auto;opacity:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px 15px 0 25px;pointer-events:none}
.hero-mister .hero-region{position:absolute;left:-15px;top:105px;width:230px;height:285px;object-fit:contain;opacity:.45;z-index:-1}
.hero-mister-portrait{width:365px;height:448px;position:relative;margin:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate}
.hero-mister-cutout{display:block;width:100%;height:100%;overflow:visible;filter:none;mask-image:linear-gradient(#000 0%,#000 89%,transparent 100%)}
.hero-mister-portrait:after{display:none}
@media(max-width:1100px) and (min-width:961px){.hero-mister-portrait{width:330px}.hero-mister .hero-region{width:180px}}
@media(max-width:960px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:20px}.hero-mister.hero-art{position:relative;inset:auto;min-height:420px;height:100%;width:100%;padding:8px 0 0;opacity:1}.hero-mister-portrait{width:100%;height:410px}.hero-mister .hero-region{display:none}.hero-content{max-width:none}.hero h1{font-size:clamp(37px,5.2vw,50px)}}
@media(max-width:700px){.hero,.hero-inner{min-height:0}.hero-inner{grid-template-columns:minmax(0,1fr);gap:0}.hero-content{padding:28px 0 20px}.hero-mister.hero-art{min-height:0;padding:0;justify-content:center}.hero-mister-portrait{width:min(100%,320px);height:385px}.hero h1{font-size:clamp(32px,8vw,44px)}.hero-actions{flex-direction:row}.hero-actions .button{flex:1;font-size:12px;padding:13px 12px;min-height:46px}.hero-actions .button span{margin-left:4px}}
@media(max-width:380px){.hero-actions{flex-direction:column}.hero-mister-portrait{height:350px}}

/* Carte administrative, légère et lisible sur le fond du bandeau. */
.hero-mister .hero-region{left:-34px;top:58px;width:265px;height:350px;opacity:1;z-index:0;animation:mfa-region-reveal 900ms ease-out both}
.hero-mister-portrait{z-index:1}
@keyframes mfa-region-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:961px) and (max-width:1100px){.hero-mister .hero-region{left:-26px;top:90px;width:210px;height:300px}}
@media(max-width:960px){.hero-mister .hero-region{display:block;left:-30px;top:75px;width:190px;height:285px;opacity:.65}}
@media(max-width:700px){.hero-mister .hero-region{left:calc(50% - 180px);top:26px;width:185px;height:285px;opacity:.62}}
@media(prefers-reduced-motion:reduce){.hero-mister .hero-region{animation:none}}
