/* Menu public : présentation seulement ; projects-menu.js garde la gestion
 * du survol différé, des boutons tactiles et du clavier. Le clic sur le nom
 * ouvre la page ; la flèche distincte ouvre son sous-menu. */
.header .nav-projects>a{--menu-paint:var(--section-projets);--menu-tilt:-4deg}
.header .nav-projects .submenu{display:none;left:0;right:auto;width:max-content;min-width:0;max-width:calc(100vw - 32px);border-top-color:var(--section-projets)}
.header .nav-projects.is-open .submenu{display:block}
.header .nav-projects .submenu a{white-space:normal;overflow-wrap:break-word}
.header .nav-company.menu-managed .submenu{display:none}
.header .nav-company.menu-managed.is-open .submenu{display:block}
/* La largeur suit le plus long intitulé plutôt qu’un panneau fixe.
 * Les cibles tactiles restent hautes, sans imposer de largeur superflue. */
.header .nav-company .submenu{width:max-content;min-width:0;max-width:calc(100vw - 32px);border:0;border-radius:0;background:#fcfdfa;padding:7px 12px 9px;box-shadow:none;filter:drop-shadow(0 2px 4px #264c3c0d);clip-path:polygon(1% 2%,24% 0,56% 1.5%,98% 0,100% 30%,98.5% 67%,100% 98%,71% 100%,40% 98.5%,0 100%,1.5% 63%,0 29%)}
.header .nav-company .submenu a{border-radius:0}
.header .nav-company .submenu a:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.header .submenu-toggle{display:none}
/* Le soulignement natif suit chaque ligne de texte ; un pseudo-élément
 * absolu suivrait toute la largeur du lien, y compris la zone cliquable. */
.header #navigation a::after{content:none}
.header #navigation a{border-bottom:0;text-decoration-line:none;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-skip-ink:auto;text-decoration-color:color-mix(in srgb,var(--underline-color,var(--red)) 65%,transparent)}
.header #navigation a:is([aria-current="page"],[aria-current="location"],:hover,:focus-visible){text-decoration-line:underline}
.header #navigation>a,.header #navigation>.nav-company>a{font-size:24px;font-weight:400}
.header #navigation>a::before,.header #navigation>.nav-company>a::before{opacity:.76}
.header #navigation .submenu a{font-size:20px!important;font-weight:400;line-height:1.3;min-height:40px;padding:6px 5px!important;text-underline-offset:.18em}
@media(hover:none),(max-width:760px){
 .header .nav-company{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center}
 .header .submenu-toggle{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--leaf);cursor:pointer}
 .header .submenu-toggle img{width:18px;height:18px;object-fit:contain;transition:rotate .2s}
 .header .submenu-toggle[aria-expanded=true] img{rotate:180deg}
 .header .nav-company .submenu{grid-column:1/-1}
 .header #navigation .submenu a{min-height:44px}
}
@media(min-width:761px) and (max-width:1099px){
 .header #navigation>a,.header #navigation>.nav-company>a{font-size:22px}
}
@media(max-width:760px){
 .header .nav-projects .submenu{display:block;position:static;width:auto;max-width:100%}
 .header .nav-company .submenu{width:fit-content;max-width:100%;padding:6px 10px 8px;margin:4px 0 8px;filter:none;background:#f3f7f1}
 .header .nav-company.menu-managed .submenu{display:none}
 .header .nav-company.menu-managed.is-open .submenu{display:block}
 .header #navigation>a,.header #navigation>.nav-company>a{font-size:26px}
 .header #navigation .submenu a{font-size:20px!important;min-height:44px;padding:7px 4px!important}
}
@media(prefers-reduced-motion:reduce){.header #navigation>a,.header #navigation>.nav-company>a,.header #navigation>a::before,.header #navigation>.nav-company>a::before{transition:none}}