/* En-tête commun à l’accueil, à la maquette et aux pages annexes. */
.site-header{position:sticky;top:0;z-index:30;background:rgba(23,22,27,.97);border-bottom:1px solid #ffffff0c;color:#f4f0f5;line-height:1.6}
.site-header .wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.site-header .header-inner{min-height:88px;display:flex;align-items:center;gap:36px}
.site-header .brand{flex:none}
.site-header .brand img{display:block;width:110px;height:auto;object-fit:contain}
.site-header .header-inner nav{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#c8c2d0}
.site-header .header-inner nav a{padding:12px 0;transition:color .2s}
.site-header .header-inner nav a:hover{color:#c398e7}
.site-header .header-contact{display:flex;align-items:center;gap:25px;border:1px solid #66586f;border-radius:3px;padding:11px 17px;font-size:12px;transition:border-color .2s,background .2s}
.site-header .header-contact:hover{background:#302637;border-color:#c398e7}
.site-header .header-contact span{font-size:18px;line-height:1}
.site-header .menu-toggle{display:none;border:0;background:none;color:inherit;padding:12px;width:44px;height:44px}
.site-header .menu-toggle span{display:block;width:20px;height:1px;background:#f4f0f5;margin:6px 0}
.site-header [hidden]{display:none!important}
.site-header a,.site-header button{touch-action:manipulation}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #c398e7;outline-offset:6px}
@media(max-width:1100px){
  .site-header .wrap{width:calc(100% - 72px)}
  .site-header .header-inner{gap:25px}
  .site-header .header-inner nav{gap:23px;font-size:12px}
  .site-header .header-contact{gap:14px}
}
@media(max-width:850px){
  .site-header .wrap{width:calc(100% - 48px)}
  .site-header .header-inner{min-height:76px;gap:16px;flex-wrap:wrap;padding-block:15px}
  .site-header .brand img{width:93px}
  .site-header .header-contact{margin-left:auto}
  .site-header .menu-toggle:not([hidden]){display:block}
  .site-header .header-inner nav{order:4;width:100%;justify-content:space-between;gap:15px;margin-left:0;border-top:1px solid #37323e;padding-top:10px}
  .has-js .site-header .header-inner nav{display:none}
  .has-js .site-header .header-inner nav.is-open{display:flex}
}
@media(max-width:700px){
  .site-header .wrap{width:calc(100% - 40px)}
  .site-header .header-inner{min-height:72px;padding-block:12px;gap:9px}
  .site-header .header-contact{font-size:10px;padding:9px 11px;gap:12px}
  .site-header .header-inner nav{font-size:12px}
}
@media(max-width:370px){
  .site-header .wrap{width:calc(100% - 32px)}
  .site-header .brand img{width:79px}
  .site-header .header-contact{font-size:9px;gap:9px}
  .site-header .header-inner{gap:5px}
}
@media(prefers-reduced-motion:reduce){.site-header a{transition:none!important}}
@media(forced-colors:active){.site-header .header-contact{border-color:CanvasText}}