/* Bandeau sur une ligne, centré sur le logo ; groupes distincts pour les futurs sous-menus. */
.studio-page .site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;align-items:center;column-gap:clamp(16px,1.4vw,44px);row-gap:0;padding-block:8px;min-height:0}
.site-header .header-brand{grid-column:1;grid-row:1;min-width:0}
.studio-page .site-header .logo{width:clamp(156px,10vw,240px);height:auto}
.site-header .primary-navigation{display:contents}
.header-navlinks{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,1.7vw,50px);min-width:0}
.header-utilities{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.site-header .header-navlinks a{padding-block:12px}
.site-header .header-utilities a,.header-languages{font:400 calc(clamp(12px,.55vw,20px) * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif}
.site-header .header-utilities a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;white-space:nowrap}
.header-languages{display:flex;align-items:center;gap:8px;min-height:44px}
.language-pending{opacity:.45;cursor:help}
.header-reading-toggle{grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid #d2b97e30;border-radius:2px;background:transparent;font:400 calc(clamp(13px,.55vw,20px) * var(--text-scale,1))/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
.header-reading-toggle:hover,.header-reading-toggle[aria-expanded=true]{background:#d2b97e08;border-color:#d2b97e70}
.reading-glyph{font-weight:700;letter-spacing:-.06em;font-size:1.2em}
.site-header .text-dimmer--header{position:absolute;top:calc(100% + 8px);right:var(--gutter);bottom:auto;width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - var(--nav-height,90px) - 24px);margin:0}
.site-header .text-dimmer--header:not([open]){display:none}
.site-header .text-dimmer--header summary{font-size:14px;min-height:44px}
@media(max-width:1250px){
 .studio-page .site-header{grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;padding-block:6px}
 .site-header .header-brand{grid-column:1;grid-row:1}
 .studio-page .site-header .logo{width:160px}
 .site-header .header-reading-toggle{grid-column:2;grid-row:1}
 .site-header .nav-toggle{grid-column:3;grid-row:1}
 .site-header[data-nav-ready] .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #d2b97e30;border-radius:2px;background:transparent;font:400 calc(14.4px * var(--text-scale,1))/1.4 Arial,sans-serif}
 .site-header .primary-navigation{display:flex;grid-column:1/-1;flex-direction:column;width:100%;gap:0}
 .site-header[data-nav-ready] .primary-navigation{position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:16px var(--gutter) 24px;border-bottom:1px solid #d2b97e25;max-height:calc(100dvh - var(--nav-height));overflow-y:auto}
 .site-header[data-nav-ready]:not(.nav-open) .primary-navigation{display:none}
 .header-navlinks{display:flex;flex-direction:column;align-items:stretch;gap:0;order:0}
 .header-utilities{order:1;flex-wrap:wrap;justify-content:flex-start;gap:8px 22px;border-top:1px solid #d2b97e25;padding-top:12px;margin-top:10px}
 .site-header .header-utilities a,.header-languages{font-size:calc(14px * var(--text-scale,1))}
 .site-header .text-dimmer--header{right:16px}
}
@media(max-width:500px){
 .studio-page .site-header{column-gap:8px}
 .header-reading-toggle .reading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .site-header .header-reading-toggle{width:44px;padding:6px}
 .site-header .nav-toggle{padding:8px;gap:6px;font-size:calc(13px * var(--text-scale,1))}
 .studio-page .site-header .logo{width:min(140px,100%)}
}

/* Repères utilitaires discrets, distincts de la navigation principale. */
@media(min-width:1251px){.header-utilities{margin-left:clamp(12px,1vw,32px);padding-left:clamp(20px,2vw,64px);border-left:1px solid #d2b97e26}}
.site-header .header-network{justify-content:center;width:44px}
.header-network svg{display:block;width:20px;height:20px}
.header-languages{gap:12px}
.header-languages>span{display:inline-flex;align-items:center;gap:6px}
.language-flag{display:block;flex:none;width:22px;height:15px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff18}

/* Même empreinte visuelle pour le nouveau fichier, avec ses marges transparentes. */
.studio-page .site-header .logo,.studio-page .footer-logo img{aspect-ratio:2164/727;object-fit:cover;object-position:center}