/* Mise en page extraite de la feuille v13 publique préservée dans style.css.
   Les sélecteurs header/footer sont limités à la page StoryBrand.
   Les règles de recadrage historiques sont exclues; components-v13.css conserve contain. */
.site-header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172e3620}
.brand span{display:block;font-size:12px;letter-spacing:.26em;margin-top:8px}
nav{display:flex;align-items:center;gap:36px;font-size:14px}
.hero{display:grid;grid-template-columns:1.03fr 1fr;min-height:660px}
.hero-copy{padding:85px 7% 56px 10%}
.hero-note{font-size:12px;color:var(--muted);margin:34px 0 0}
.hero-visual{position:relative;background:#d9dfe0;min-height:480px;margin:28px 28px 28px 0;overflow:hidden}
.site-footer{padding:42px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer p,.site-footer>span{font-size:12px;color:var(--muted);margin:0}
@media(max-width:800px){
.site-header{padding:24px 6%}
.site-header nav>a:not(.nav-contact){display:none}
nav{gap:0}
.brand span{font-size:10px}
.hero{grid-template-columns:1fr}
.hero-copy{padding:52px 7% 30px}
.hero-visual{margin:0 6% 32px;min-height:0;aspect-ratio:1/1}
.hero-note{margin-top:25px}
.site-footer{flex-wrap:wrap;padding:32px 7%}
.site-footer>span{width:100%}
}
@media(max-width:370px){
.site-header{gap:12px}
}
.site-header{padding-top:14px;padding-bottom:14px}
.brand .logo-crop{display:block;position:relative;width:139px;height:88px;overflow:hidden;margin:0}
.logo-crop img{position:absolute;width:460px;height:auto;max-width:none;left:-26px;top:-23px}
.hero-visual{background:#e7e4df}
@media(max-width:800px){
.hero-visual{aspect-ratio:1.15/1}
}
body .brand .logo-crop{width:150px;height:116px;mix-blend-mode:multiply;flex-shrink:0}
body .brand .logo-crop img{width:160px;height:160px;left:-5px;top:-20px}
.brand{flex-shrink:0}
.license{font-size:14px;font-weight:600;line-height:1.5;margin-top:12px}
nav{flex-wrap:wrap;gap:24px}
.site-header{gap:20px}
@media(max-width:370px){
body .brand .logo-crop{width:120px;height:100px}
body .brand .logo-crop img{width:135px;height:135px;left:-5px;top:-17px}
.site-header{gap:8px}
}
.site-header nav{min-width:0}
.site-footer>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
.site-header nav{flex:1;justify-content:flex-end}
}
/* Restaurer les valeurs héritées de la v13 sans modifier les textes StoryBrand. */
.site-header,.site-footer{line-height:1.6}
/* Deux liens côte à côte sur mobile, avec retours internes si nécessaire. */
@media(max-width:800px){
.site-footer .privacy-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.site-footer .privacy-footer nav a{min-width:0}
}