.navigation{display:grid;grid-template-columns:MINMAX(var(--container-min-space, 1rem), 1fr) min(90%,var(--container-width, 83.75rem)) MINMAX(var(--container-min-space, 1rem), 1fr);width:100%;margin-inline:auto;position:fixed;position:-webkit-sticky;position:sticky;top:-2.8rem;z-index:99;background:linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%)}.navigation.--scrolled{background:var(--draad__navigation-background, hsl(0, 0%, 100%));box-shadow:var(--shadow)}.navigation__wrapper{--height: 100% --spacing: 2.5rem;--font-size: 1.125rem;--font-weight: 700;grid-column:2/-2;display:flex;align-items:center}.navigation__wrapper.--secondary{--height: 2.8rem;--spacing: 1.5rem;--font-size: 1rem;--font-weight: 400;grid-row:1;justify-content:flex-end}.--responsive .navigation__wrapper.--secondary{display:none}.navigation__logo{width:var(--draad__navigation-logo-width, 6.25rem);height:var(--draad__navigation-logo-height, auto)}.navigation__logo.--alt{display:none}.navigation__logo-wrapper{margin-inline-end:auto}.navigation__logo-wrapper>a{display:flex}.--responsive .navigation__toggle{position:relative;z-index:100;display:flex;align-items:center}.--responsive .navigation__toggle svg{width:var(--draad__navigation-toggle-icon-size, 1.5em);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.--responsive .navigation__toggle[aria-expanded=true] svg{transform:rotate(45deg)}.--responsive .navigation__toggle[aria-expanded=true] svg .line.--top{stroke-dashoffset:-4rem}.--responsive .navigation__toggle[aria-expanded=true] svg .line.--middle{transform:rotate(90deg)}.--responsive .navigation__toggle[aria-expanded=true] svg .line.--bottom{stroke-dashoffset:-4rem}.--responsive .navigation__toggle .line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#000;stroke-width:5.5;stroke-linecap:round}.--responsive .navigation__toggle .line.--top{stroke-dasharray:40 160}.--responsive .navigation__toggle .line.--middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform 400ms}.--responsive .navigation__toggle .line.--bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform 400ms,stroke-dashoffset 400ms}.navigation:not(.--responsive) .navigation__toggle{display:none}.navigation__responsive-menu{display:none}.navigation__responsive-menu[aria-hidden=false]{display:block}.--responsive .navigation__responsive-menu{position:absolute;inset-block-start:100%;inset-block-end:calc(100% - 100lvh);inset-inline-end:0;width:var(--draad__navigation-width, 100lvw);overflow:auto;padding-block-start:var(--draad__navigation-spacing-top, 1rem);padding-block-end:calc(100lvh - 100svh);background:var(--draad__navigation-background, hsl(0, 0%, 100%))}.navigation:not(.--responsive) .navigation__responsive-menu[aria-hidden=false]{display:flex;gap:calc(var(--spacing, 2.5rem)/2)}.navigation__menu{margin:0;padding:0;list-style:none}.navigation:not(.--responsive) .navigation__menu{display:flex}.navigation__item{position:relative;display:flex;flex-wrap:wrap;align-items:center}.navigation__item::after{content:"";display:block;width:0%;height:.25rem;background:var(--color-primary, hsl(0, 0%, 0%));border-radius:.25rem;position:absolute;inset-block-end:0;inset-inline-start:50%;translate:-50% 0;transition:width 300ms}.navigation__item>a{flex:1;height:var(--height, 100%);display:inline-grid;align-content:center;color:currentColor;font-size:var(--font-size, 1.125rem);font-weight:var(--font-weight, 700);line-height:normal;text-decoration:none;white-space:nowrap;padding-inline:calc(var(--spacing, 2.5rem)/2)}.navigation__item.--parent>a{padding-inline-end:0}.navigation__item.--parent>button{padding-inline-end:calc(var(--spacing, 2.5rem)/2)}.navigation__item:hover::after,.navigation__item.--current::after{width:100%}.navigation__item>button{appearance:none;background:none;border:none;box-shadow:none;cursor:pointer}.navigation:not(.--responsive) .navigation__item.--responsive{display:none}.--responsive .navigation__item>a{line-height:var(--draad__navigation-item-height, 6.25rem);padding-inline:calc((100vw - min(90%,var(--draad__navigation-container, var(--container-width))))/2)}.--responsive .navigation__item>button{flex-basis:var(--draad__navigation-item-height, 6.25rem);height:var(--draad__navigation-item-height, 6.25rem)}.navigation__submenu{--height: 3rem;min-width:100%;margin:0;padding:0}.navigation:not(.--responsive) .navigation__submenu{position:absolute;top:100%;left:0;flex-direction:column;background:var(--draad__navigation-background, hsl(0, 0%, 100%));box-shadow:var(--shadow)}.navigation:not(.--responsive) .navigation__submenu[aria-hidden=false]{display:flex}.navigation:not(.--responsive) .navigation__submenu .navigation__submenu{top:0;left:100%}.navigation__submenu .navigation__item::after{content:none}/*# sourceMappingURL=navigation.css.map */