/* En-tête commun wpsuite.ch — même identité que l'accueil (matrice) : logo, nom, nav, CTA */
@font-face{font-family:'SG';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/home-fonts/spacegrotesk-latin.woff2) format('woff2')}
@font-face{font-family:'JB';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/home-fonts/jetbrainsmono-400.woff2) format('woff2')}
@font-face{font-family:'JB';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/home-fonts/jetbrainsmono-500.woff2) format('woff2')}
.site-header.vh{position:sticky;top:0;z-index:40;background:#030b13;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;font-family:'SG',system-ui,sans-serif}
.vh *{box-sizing:border-box}
.vh-in{max-width:none;margin:0 auto;padding:12px min(3.75vw,66px);min-height:76px;display:flex;align-items:center;gap:26px}
.vh a{text-decoration:none}
.vh-logo{display:flex;align-items:center;gap:12px;color:#fff;flex:none}
.vh-logo img{display:block;width:40px;height:40px;object-fit:contain;filter:invert(72%) sepia(56%) saturate(709%) hue-rotate(120deg) brightness(108%)}
.vh-name{font:700 20px/1 'SG',sans-serif;letter-spacing:-.3px;color:#fff;white-space:nowrap}
.vh-name em{font:500 12px/1 'JB',monospace;font-style:normal;color:#40ebdc;letter-spacing:.8px;text-transform:uppercase;margin-left:8px}
.vh-langs{display:flex;gap:10px;align-items:center;font:500 11.5px/1 'JB',monospace;letter-spacing:.5px}
.vh-langs a{color:#7d9fae;padding:2px 3px}
.vh-langs a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:#12cdbf;text-underline-offset:4px}
.vh-nav{display:flex;gap:26px;margin:0 auto}
.vh-nav a,.vh-panel>a:not(.vh-cta){font:700 14px/1.2 'SG',sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#fff}
.vh-nav a[aria-current],.vh-nav a:hover,.vh-panel>a[aria-current],.vh-panel>a:not(.vh-cta):hover{color:#40ebdc}
.vh-cta{display:inline-flex;align-items:center;gap:12px;background:#12cdbf;color:#031520!important;font:700 14px/1 'SG',sans-serif;letter-spacing:.8px;text-transform:uppercase;padding:15px 20px;white-space:nowrap}
.vh-cta:hover{background:#40ebdc}
.vh a:focus-visible,.vh summary:focus-visible{outline:2px solid #40ebdc;outline-offset:3px}
.vh-menu{display:none;position:relative;margin-left:auto}
.vh-menu summary{list-style:none;cursor:pointer;display:grid;place-content:center;gap:5px;width:44px;height:44px}
.vh-menu summary::-webkit-details-marker{display:none}
.vh-menu summary span{display:block;width:24px;height:2px;background:#40ebdc;transition:transform .2s}
.vh-menu[open] summary span:first-child{transform:translateY(7px) rotate(45deg)}
.vh-menu[open] summary span:nth-child(2){opacity:0}
.vh-menu[open] summary span:last-child{transform:translateY(-7px) rotate(-45deg)}
.vh-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;gap:4px;padding:16px;background:#061a2a;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.vh-panel>a:not(.vh-cta){padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.vh-panel .vh-cta{margin-top:12px;justify-content:center}
.vh-panel .vh-langs{padding-top:14px}
@media(max-width:1500px){.vh-in{gap:20px}.vh-nav{gap:18px}.vh-name em{display:none}}
@media(max-width:1280px){.vh-in{padding:10px 24px}.vh-in>.vh-nav,.vh-in>.vh-cta{display:none}.vh-menu{display:block}.site-header.vh{position:relative}}
@media(max-width:560px){.vh-in>.vh-langs{display:none}.vh-logo img{width:38px;height:38px}}
.vh summary::after{content:none!important;display:none}
body{margin:0}