/* Shared EN/FR header: a modest proportional increase, not a scaled overlay. */
body.voyager-wordpress { --header:6.85rem; }
.site-header.is-scrolled { height:5.5rem; }
.site-header .brand { flex-shrink:0; gap:.95rem; }
.site-header .brand-name { font-size:1.32rem; }
.site-header .brand-note { font-size:.49rem; }
.site-header :is(.main-nav a,.nav-trigger,.portal-link) { font-size:.615rem; }
.site-header .language-switch summary { font-size:.72rem; }
.site-header .icon-button { width:2.35rem; height:2.35rem; }
.site-header .icon-button svg { width:1.23rem; height:1.23rem; }
/* Show the complete artwork without a square backdrop. */
.site-header .yalos-logo-frame { display:block; flex:none; width:4.5rem; height:4.5rem; }
.site-header .yalos-header-logo { display:block; width:100%; height:100%; object-fit:contain; }
@media (min-width:1121px) and (max-width:1240px) {
  .site-header .main-nav { gap:.75rem; }
  .site-header :is(.main-nav a,.nav-trigger) { font-size:.57rem; }
}
@media (max-width:1120px) {
  body.voyager-wordpress { --header:5.6rem; }
  .site-header.is-scrolled { height:5rem; }
}
@media (max-width:600px) {
  .site-header .yalos-logo-frame { width:3.5rem; height:3.5rem; }
  .site-header .brand { gap:.55rem; }
  .site-header .brand-name { font-size:1.1rem; }
  .site-header .brand-note { font-size:.44rem; }
}
@media (max-width:380px) {
  .site-header .yalos-logo-frame { width:3.15rem; height:3.15rem; }
  .site-header .brand-name { font-size:.95rem; }
  .site-header .brand-note { font-size:.38rem; }
  .site-header .icon-button { width:2.1rem; height:2.1rem; }
}
@media (max-width:350px) {
  .site-header { padding-inline:1rem; }
  .site-header .yalos-logo-frame { width:2.9rem; height:2.9rem; }
  .site-header .brand { gap:.4rem; }
  .site-header .brand-name { font-size:.8rem; }
}