:root{--trait:1px;--ease:cubic-bezier(.16,1,.3,1)}

a:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
.fh-mono{font-family:var(--font-accent);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}
.fh-mono span{font-size:inherit}
.fh-mono a{font-family:inherit}
.fh-pale{color:var(--color-txt-secondary)}
.fh-prim{color:var(--color-primary)}
a.fh-pale:hover,a.fh-pale:focus-visible,.fh-nav [aria-current],.fh-pied [aria-current],.fh-menu[open] summary{color:var(--color-primary)}
.fh-in{width:100%;max-width:1160px}
.fh-filet{border-top:var(--trait) solid var(--color-hairline)}
.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}

.fh-skip{position:absolute;left:-9999px;top:0;z-index:var(--z-overlay);background:var(--color-primary);color:var(--background-color)}
.fh-skip:focus{left:0;color:var(--background-color)}
.fh-nav{position:sticky;top:0;z-index:var(--z-nav);min-height:62px;background:rgba(8,11,20,.97);border-bottom:var(--trait) solid var(--color-hairline)}
.fh-marque{font-family:var(--font-accent);letter-spacing:.18em}
.fh-marque img{display:block;border-radius:2px}
.fh-menu{display:none}
.fh-menu summary{list-style:none;cursor:pointer;color:var(--color-txt)}
.fh-menu summary::-webkit-details-marker{display:none}
.fh-menu summary::after{content:"";width:18px;height:7px;border-block:var(--trait) solid;transition:height .18s}
.fh-menu[open] summary::after{height:1px;border-bottom:0}
.fh-pied{z-index:var(--z-content);background:rgba(8,11,20,.86)}

html:has(.fh-sousnav){scroll-padding-top:118px}
.fh-sousnav{position:sticky;top:62px;z-index:calc(var(--z-nav) - 1);background:rgba(8,11,20,.97)}
.fh-sousnav a{font-size:var(--sizesmall);color:var(--color-txt-secondary);white-space:nowrap}
.fh-sousnav a:hover{color:var(--color-primary)}
.fh-jauge{height:var(--trait);background:var(--color-hairline-soft)}
.fh-jauge span{display:block;height:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:0 50%}

@media (max-width:1023px){
  .fh-menu{display:block}
  .fh-liens{display:none;width:100%;border-top:var(--trait) solid var(--color-hairline)}
  .fh-menu[open]+.fh-liens{display:block}
  .fh-liens ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
