.header{background-color:#fff;border-bottom:.5px solid var(--c-gray);color:var(--c-main);display:flex;font-family:var(--f-mono);height:var(--header-height);left:0;position:sticky;right:0;top:0;width:100%;z-index:100}.header--pdi{background-color:var(--c-main);color:#fff}.header--pdi .header__nav__pages{opacity:0;pointer-events:none}.header__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--site-width);padding:0 1.5rem;width:100%}.header__logo{font-size:var(--typo-lg);text-transform:uppercase}.header__logo a{border-bottom:.5px solid transparent;display:flex;gap:.5rem}.header__logo a:hover{border-color:var(--c-gray);text-decoration:none}.header__logo strong{font-weight:600}.header__nav{display:flex;font-size:var(--typo-xs);gap:1.5rem}.header__nav ul{display:flex;gap:1rem}.header__nav a{border:.5px solid transparent;display:block;font-weight:400;padding:.25rem .4rem;text-transform:uppercase;transition:border-color .2s}.header__nav__pages{transition:opacity .2s}.header__nav__lang a:hover,.header__nav__pages a:hover{border-color:var(--c-gray);text-decoration:none}.header__nav__lang a.active{border-color:var(--c-gray)}.header__menu-toggle{display:none}@media screen and (max-width:768px){.header__logo{font-size:var(--typo-md)}.header__logo a{flex-direction:column;gap:0}.header__logo a span{letter-spacing:.15em}.header__nav{background-color:#fff;border-bottom:.5px solid var(--c-gray);border-top:.5px solid var(--c-gray);flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:100%;transform:scaleY(.4);transform-origin:top;transition:opacity .3s,transform .2s ease-in;transition-delay:.1s}.header__nav ul{opacity:0;transition:opacity .1s;transition-delay:0}.header__nav.is-open{opacity:1;pointer-events:auto;transform:scale(1);transition:opacity .2s,transform .3s cubic-bezier(.075,.82,.165,1);transition-delay:0}.header__nav.is-open ul{opacity:1;transition:opacity .3s;transition-delay:.15s}.header--pdi .header__nav{color:var(--c-main)}.header--pdi .header__nav .header__nav__pages{display:none}.header__menu-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--c-gray);border-radius:1rem;color:var(--c-main);cursor:pointer;display:block;font-family:var(--f-mono);font-size:var(--typo-xs);letter-spacing:.15em;padding:.25rem 1rem;text-transform:uppercase}.header__menu-toggle:hover{border-color:var(--c-main)}}