.order-heading{margin:0;padding:10px 5%;background:#fff;color:#171717;text-align:center;font:16px/1.5 Arial,sans-serif;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em}.order-heading span{white-space:nowrap}.order-heading b{color:#f00;font-weight:400}
body>header .ref-logo{width:52px;height:66px;top:0;clip-path:none;margin:0}
.reference-home .ref-hero{background-image:url('/assets/client-hero-cadre.svg');background-size:auto 100%;background-position:right center;background-color:#080807;background-repeat:no-repeat}
.reference-home .ref-hero:before{background:linear-gradient(90deg,#080807 0%,#080807 33%,#080807ed 43%,#08080700 65%)}
.ref-france-content{grid-template-columns:1fr!important;text-align:center}.ref-map img{height:auto!important;width:100%;max-height:350px;object-fit:contain}.ref-france-content .ref-button{margin:12px auto}.ref-map-credit{display:none}
.footer-brand .footer-emblem{width:74px;height:96px;object-fit:contain;flex-shrink:0}.footer-osmth{width:95px;height:125px;object-fit:contain;justify-self:end;grid-column:4;grid-row:1}body>footer{grid-template-columns:1.3fr 1fr 1fr auto}
.client-bailliages{max-width:none!important}.client-bailliages img{max-height:none!important}.client-bailliages figcaption a,.history-credit a{text-decoration:underline}.succession-video{margin:35px 0;padding:25px 0;border-top:1px solid var(--line)}
@media(max-width:700px){.order-heading{font-size:12px;padding:8px 5%}body>footer{grid-template-columns:1fr auto}.footer-brand{grid-column:1}.footer-osmth{grid-column:2;grid-row:1;width:70px;height:95px}footer>.motto,footer>div:not(.footer-brand){grid-column:1/-1}.footer-brand .footer-emblem{width:55px;height:75px}.reference-home .ref-hero{background-size:auto 100%;background-position:70% center}.reference-home .ref-hero:before{background:linear-gradient(90deg,#080807f5,#080807aa 55%,#08080755)}}

/* Logo complet et contraste du pied de page. */
body>header .brand{padding-left:76px;min-height:66px}body>header .ref-logo{width:64px;height:78px;top:-5px}body>footer .footer-emblem{width:110px;height:140px}body>footer,body>footer p,body>footer small,body>footer a,body>footer .motto,body>footer .footer-note{color:#fff}body>footer a:hover{color:#fff;text-decoration:underline}
@media(max-width:600px){body>header .brand{padding-left:61px;min-height:57px}body>header .ref-logo{width:51px;height:63px;top:-3px}body>footer .footer-emblem{width:84px;height:107px}}

body>header .order-brand{display:block;max-width:440px;white-space:normal;font:14px/1.5 Arial,sans-serif;color:#171717}body>header .order-brand>span{display:inline-block;white-space:nowrap}body>header .order-brand b{color:#f00;font-weight:400}body>header .brand{flex-shrink:1;min-width:0}header .menu{flex-shrink:0}@media(max-width:600px){body>header .order-brand{max-width:235px;font-size:10px}body>header .brand{max-width:calc(100% - 80px)}}

/* Marges verticales équilibrées autour du blason. */
body>header .brand{min-height:78px}body>header .ref-logo{top:50%;transform:translateY(-50%)}@media(max-width:600px){body>header .brand{min-height:63px}}

body.reference-home>header .brand,body>header .brand{min-height:78px}body.reference-home>header .ref-logo,body>header .ref-logo{width:64px;height:78px;top:50%;transform:translateY(-50%)}@media(max-width:600px){body.reference-home>header .brand,body>header .brand{min-height:63px}body.reference-home>header .ref-logo,body>header .ref-logo{width:51px;height:63px}}

@media(max-width:1024px){header .menu .menu-label{display:none}header.nav-compact .menu{padding:10px;min-width:44px;min-height:44px;font-size:18px}}

/* Débordement : seules les inscriptions sous la barre passent au blanc. */
body.reference-home>header .brand,body>header .brand{min-height:54px}body.reference-home>header .ref-logo,body>header .ref-logo{top:0;transform:none;clip-path:inset(0 0 max(0px,calc(100% - var(--logo-boundary,64px))) 0)}body.reference-home>header .ref-logo-inverse,body>header .ref-logo-inverse{clip-path:inset(var(--logo-boundary,64px) 0 0 0);pointer-events:none}@media(max-width:600px){body.reference-home>header .brand,body>header .brand{min-height:47px}}

body>header:not(.logo-on-dark) .ref-logo,body.reference-home>header:not(.logo-on-dark) .ref-logo{clip-path:none}body>header:not(.logo-on-dark) .ref-logo-inverse,body.reference-home>header:not(.logo-on-dark) .ref-logo-inverse{visibility:hidden}

/* Page6 : même hiérarchie que les titres directement dans .prose. */
.prose #commanderies-ecoles>h2{color:var(--red);font-size:30px;margin-top:45px}
.prose #commanderies-ecoles>h3{color:var(--red);margin-top:30px}
@media(max-width:700px){.prose #commanderies-ecoles>h2{font-size:26px;margin-top:35px}}