/* ============================================================
   Chrome commun du site : cadre blanc fixe + header harmonisé.
   Autonome (variables locales) pour fonctionner sur toutes les
   pages, y compris Uncode pendant la transition.
============================================================ */
:root{ --fr:14px; }
@media(max-width:760px){ :root{ --fr:9px } }

/* ---------- cadre blanc fixe (extrait de la home, source unique) ---------- */
/* ---------- cadre blanc fixe sur les 4 côtés + filet doré ---------- */
.frame i{position:fixed;background:#fff;z-index:200;pointer-events:none;display:block;}
.frame .ft{top:0;left:0;right:0;height:var(--fr);}
.frame .fb{bottom:0;left:0;right:0;height:var(--fr);}
.frame .fl{top:0;bottom:0;left:0;width:var(--fr);}
.frame .frt{top:0;bottom:0;right:0;width:var(--fr);}
.frame .g{position:fixed;z-index:199;pointer-events:none;background:rgba(229,75,141,.5);}
.frame .gt{top:var(--fr);left:var(--fr);right:var(--fr);height:1px;}
.frame .gb{bottom:var(--fr);left:var(--fr);right:var(--fr);height:1px;}
.frame .gl{top:var(--fr);bottom:var(--fr);left:var(--fr);width:1px;}
.frame .gr{top:var(--fr);bottom:var(--fr);right:var(--fr);width:1px;}


/* ---------- header commun ---------- */
.bm-sitehead{
  --bmh-gold:#E54B8D;
  --bmh-jost:'Jost','Futura','Avenir Next','Trebuchet MS',system-ui,sans-serif;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:calc(var(--fr) + 18px) clamp(20px,5vw,70px) 18px;
  position:relative;z-index:150;
}
.bm-sitehead--bar{
  /* même dégradé que le haut des pages sombres (home/contact/mentions) */
  background:radial-gradient(120% 120% at 50% 0%, #085C95 0%, #043D64 42%, #02273F 100%);
}
.bm-sitehead-logo{display:block;line-height:0;}
.bm-sitehead-logo img{width:clamp(190px,20vw,260px);height:auto;display:block;}
.bm-sitehead nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,36px);flex-wrap:wrap;}
.bm-sitehead nav a{
  font-family:var(--bmh-jost);font-weight:600;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;
  color:#fff;text-decoration:none;transition:color .25s;
}
.bm-sitehead nav a:hover{color:var(--bmh-gold);}
@media(max-width:640px){
  .bm-sitehead{justify-content:center;text-align:center;}
  .bm-sitehead nav{justify-content:center;}
}