.tpl__navigation{position:absolute;left:0;top:0;width:100%;z-index:2}.tpl__navigation__banner{display:flex;position:relative;z-index:1;justify-content:space-between;align-items:center;padding:var(--padding-vertical) var(--padding-horizontal)}@media (min-width:1366px){.tpl__navigation__banner{padding:38rem 125rem}}@media (min-width:1600px){.tpl__navigation__banner{padding:55rem 140rem 45rem}}.tpl__navigation__logo{display:block;width:160rem;max-width:50%}@media (min-width:768px){.tpl__navigation__logo{width:185rem}}@media (min-width:1024px){.tpl__navigation__logo{width:210rem}}@media (min-width:1366px){.tpl__navigation__logo{width:330rem}}.tpl__navigation__logo>svg{display:block;width:100%;max-height:95rem;height:auto}.tpl__navigation__button{display:flex;align-items:center;column-gap:15rem;justify-content:flex-end;cursor:pointer}.tpl__navigation__button__text{display:none;text-transform:uppercase;font-size:20rem;font-weight:600}@media (min-width:992px){.tpl__navigation__button__text{display:block}}.tpl__navigation .tpl__navigation__button__text>span{display:none}.tpl__navigation:not(.tpl__navigation--active) .tpl__navigation__button__text>span:nth-child(1){display:block}.tpl__navigation.tpl__navigation--active .tpl__navigation__button__text>span:nth-child(2){display:block}.tpl__navigation .tpl__navigation__button__icon>svg{width:32rem;height:auto;display:none}@media (min-width:992px){.tpl__navigation .tpl__navigation__button__icon>svg{width:48rem}}.tpl__navigation:not(.tpl__navigation--active) .tpl__navigation__button__icon>svg:nth-child(1){display:block}.tpl__navigation.tpl__navigation--active .tpl__navigation__button__icon>svg:nth-child(2){display:block}.tpl__navigation__container{display:flex;position:absolute;z-index:0;width:100%;height:100vh;left:0;top:0;background-color:#fff;background-image:url("/wp-content/themes/heyst/Tpl/Navigation/TplNavigationBackground.png");background-size:cover;background-blend-mode:multiply;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.tpl__navigation--active .tpl__navigation__container{opacity:1;pointer-events:all}.tpl__navigation__container__content{display:flex;flex-direction:column;overflow-y:auto;width:100%;height:100%;padding:110rem var(--padding-horizontal) 50rem;mask-size:100% 100%;mask-image:linear-gradient(to bottom, transparent 70rem, #000000 120rem);-webkit-mask-size:100% 100%;-webkit-mask-image:linear-gradient(to bottom, transparent 70rem, #000000 120rem)}@media (min-width:768px){.tpl__navigation__container__content{padding:170rem var(--padding-horizontal) 60rem;mask-image:linear-gradient(to bottom, transparent 100rem, #000000 170rem);-webkit-mask-image:linear-gradient(to bottom, transparent 100rem, #000000 170rem)}}@media (min-width:1366px){.tpl__navigation__container__content{padding:230px 125rem var(--padding-vertical)}}@media (min-width:1600px){.tpl__navigation__container__content{padding:230px 140rem var(--padding-vertical)}}.tpl__navigation__menu{display:flex;flex-direction:column;row-gap:15rem;position:relative;width:max-content;font-weight:400;margin-bottom:50rem;max-width:100%}@media (min-width:1366px){.tpl__navigation__menu{font-size:26rem}}.tpl__navigation__menu>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:10rem}.tpl__navigation__menu>li>a{flex:1 0 10%;order:1}.tpl__navigation__menu>li>svg{order:2;flex:0 0 24rem;cursor:pointer}.tpl__navigation__menu>li>ul{order:3;flex:0 0 100%}.tpl__navigation__menu .text{display:block;font-size:30rem;line-height:1.35em}@media (min-width:1600px){.tpl__navigation__menu .text{font-size:40rem}}@media (min-width:1900px){.tpl__navigation__menu .text{font-size:50rem}}@media (min-width:1366px){.tpl__navigation__menu>li:hover>a>.text{font-family:"Gotcha", serif;font-weight:400;text-transform:none;color:var(--primary-key-color);font-size:140%;line-height:1.113em;letter-spacing:0.01em}}@media (min-width:1600px){.tpl__navigation__menu>li:hover>a>.text{font-size:180%;line-height:54rem;letter-spacing:0.024em}}@media (min-width:1900px){.tpl__navigation__menu>li:hover>a>.text{line-height:67.5rem;letter-spacing:0.117em}}.tpl__navigation__menu>li.current-page-ancestor>a,.tpl__navigation__menu>li.current-menu-ancestor>a,.tpl__navigation__menu>li.current-menu-item>a{color:#b5b6b7}.tpl__navigation__menu>li.current-page-ancestor>svg,.tpl__navigation__menu>li.current-menu-ancestor>svg,.tpl__navigation__menu>li.current-menu-item>svg{color:#b5b6b7}.tpl__navigation__menu>li.current-page-ancestor>.sub-menu .current-menu-item>a,.tpl__navigation__menu>li.current-menu-ancestor>.sub-menu .current-menu-item>a,.tpl__navigation__menu>li.current-menu-item>.sub-menu .current-menu-item>a{color:#b5b6b7}.tpl__navigation__menu .menu-item-has-children>ul>li{height:0;overflow:hidden}.tpl__navigation__menu li>svg:hover{color:var(--primary-key-color)}.tpl__navigation__menu li>a:hover{color:var(--primary-key-color)}.tpl__navigation__menu .sub-menu{margin-left:2px}@media (min-width:1366px){.tpl__navigation__menu .sub-menu{margin-left:0;display:block;position:absolute;padding-left:71rem;left:calc(100% - 1rem);top:0;width:50vw}}.tpl__navigation__menu .sub-menu .text{padding:8rem 30rem;border-left:2px solid var(--primary-key-color);font-size:90%}@media (min-width:1366px){.tpl__navigation__menu .sub-menu .text{border-left:3px solid var(--neutral-mid-key-color);padding:10rem 70rem;line-height:1em}}@media (min-width:1600px){.tpl__navigation__menu .sub-menu .text{font-size:35rem}}.tpl__navigation__menu .sub-menu>li:first-child .text{margin-top:10rem}.tpl__navigation__extras{display:flex;flex-wrap:wrap;margin-top:auto;row-gap:15rem;column-gap:15rem;align-items:flex-end;position:relative}@media (min-width:1600px){.tpl__navigation__extras{column-gap:30rem}}.tpl__navigation__extras__links{display:none}@media (min-width:992px){.tpl__navigation__extras__links{display:flex;font-weight:600;order:3;font-size:20rem;margin-left:40rem;column-gap:15rem;position:relative;bottom:-0.3em}}@media (min-width:1600px){.tpl__navigation__extras__links{column-gap:30rem}}.tpl__navigation__extras__links>li>a:hover{color:var(--primary-key-color)}.tpl__navigation__extras__social{display:flex;flex:0 0 auto;order:2;column-gap:15rem}.tpl__navigation__extras__social li a{display:flex;justify-content:center;align-items:center;width:48rem;height:48rem;background-color:var(--secondary-key-color);color:#fff}.tpl__navigation__extras__social li a:hover{background-color:var(--secondary-dark-key-color)}.tpl__navigation__extras__social li a svg{display:block;width:24rem;height:auto}.tpl__navigation__extras__copyright{flex:1 0 10%;order:4;font-size:16rem;font-weight:600;text-align:right;position:relative;bottom:-0.3em}@media (min-width:992px){.tpl__navigation__extras__copyright{display:none;text-align:left;font-size:20rem}}@media (min-width:1200px){.tpl__navigation__extras__copyright{display:block}}.tpl__navigation__extras__jobs{flex:0 0 100%;order:1}@media (min-width:992px){.tpl__navigation__extras__jobs{flex:none;position:absolute;right:0;bottom:0}}.tpl__navigation__extras__jobs__button{width:100%}@media (min-width:640px){.tpl__navigation__extras__jobs__button{width:max-content}}@media (min-width:992px){.tpl__navigation__extras__jobs__button{display:none}}.tpl__navigation__extras__jobs__banner{display:none}@media (min-width:992px){.tpl__navigation__extras__jobs__banner{display:block;background-color:var(--primary-key-color);color:#fff;padding:30rem 40rem;clip-path:polygon(3vw 0, 100% 0, 100% 100%, 0 100%, 0 3vw);background-image:url("/wp-content/themes/heyst/Tpl/Navigation/TplNavigationBanner.png");background-blend-mode:multiply;background-size:cover;background-repeat:no-repeat}.tpl__navigation__extras__jobs__banner .count{display:inline-block;font-size:98rem;line-height:0.8em;text-align:right;font-weight:600;letter-spacing:-0.1em;margin-right:0.05em}.tpl__navigation__extras__jobs__banner .text{display:inline-block;text-transform:uppercase;font-weight:600;font-size:30rem}.tpl__navigation__extras__jobs__banner .link{border-color:#fff;font-size:18rem;margin-top:20rem}}body:not([data-state="tpl__navigation"]) .tpl__navigation__banner--white .tpl__navigation__logo svg{fill:#fff}body:not([data-state="tpl__navigation"]) .tpl__navigation__banner--white .tpl__navigation__button{color:#fff}body:not([data-state="tpl__navigation"]) .tpl__navigation__banner--white .tpl__navigation__button__icon svg{fill:#fff}.tpl__navigation__button{transition:0.3s}.tpl__navigation__button:hover{transform:scale(1.2)}.tpl__navigation__button:hover svg{stroke:var(--primary-key-color)}.tpl__navigation__button:hover svg line{stroke:var(--primary-key-color)}body[data-state="tpl__navigation"]{overflow:hidden}