/* Belvus - gedeelde stijlen.
   Automatisch samengevoegd uit de <style>-blokken van de pagina's.
   165 regels die op alle hoofdpagina's identiek waren.
   Pagina-specifieke regels staan nog in de pagina zelf en laden erna,
   dus die overschrijven deze. */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Manrope',sans-serif;color:#14101A;background:#FAF8F4;-webkit-font-smoothing:antialiased}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in{opacity:1;transform:none}
[data-px]{will-change:transform}
.bvlift{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s cubic-bezier(.2,.7,.2,1)}
.bvlift:hover{transform:translateY(-7px);box-shadow:0 26px 52px rgba(20,16,26,.14)}
.bvzoom{overflow:hidden}
.bvzoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bvzoom:hover img{transform:scale(1.07)}
.usecard{cursor:pointer}
.usecard .uarrow{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.usecard:hover .uarrow{transform:translateX(6px) translateY(-3px)}
.idxrow{transition:background .35s cubic-bezier(.2,.7,.2,1),padding-left .35s cubic-bezier(.2,.7,.2,1)}
.idxrow:hover{background:#FFF302}
.idxrow:hover .iarrow{transform:translateX(10px)}
.iarrow{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.kbtoc:hover{color:#14101A !important}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}[data-px]{transform:none!important}}
@keyframes chatPeek{0%{opacity:0;transform:translateY(10px) scale(.96)}8%{opacity:1;transform:none}80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px) scale(.97);visibility:hidden}}
@keyframes chatDot{0%{box-shadow:0 0 0 0 rgba(34,164,93,.5)}70%{box-shadow:0 0 0 7px rgba(34,164,93,0)}100%{box-shadow:0 0 0 0 rgba(34,164,93,0)}}
.chat-close-cb{display:none!important}
.bvpar{transition:none!important;will-change:transform}
.chat-msg{position:relative;pointer-events:auto;animation:chatPeek 6.5s ease forwards;transform-origin:bottom right}
.chat-avatar{pointer-events:auto}
.chat-close-cb:checked ~ .chat-msg{display:none!important}
.chat-x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#14101A;color:#fff;font-size:15px;line-height:22px;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(20,16,26,.3);opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-weight:700}
.chat-float:hover .chat-x{opacity:1;transform:scale(1);pointer-events:auto}
.chat-dot{animation:chatDot 2.6s ease-out infinite}
@media (prefers-reduced-motion:reduce){.chat-msg{animation:none}.chat-dot{animation:none}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-34px,26px) scale(1.07)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(-4deg)}}
@keyframes cue{0%{transform:translateY(0);opacity:.85}50%{transform:translateY(8px);opacity:.3}100%{transform:translateY(0);opacity:.85}}
input,button,textarea,select{font-family:inherit}
button{border:none;background:none;cursor:pointer}
a{color:inherit}
::placeholder{color:#A39CA8}
::selection{background:#FFF302;color:#000}
input:focus,textarea:focus{outline:none}
details summary::-webkit-details-marker{display:none}
@font-face{font-family:'Novecento Condensed';src:url('/public/fonts/Novecento-Condensed-Bold.otf') format('opentype');font-weight:700 800;font-style:normal;font-display:swap;unicode-range:U+0-24, U+26-2F, U+3A-10FFFF}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-6deg)}}
@keyframes pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
:root{ --bv-ease-hover: linear(0, 0.55 7.5%, 0.85 12%, 0.95 14%, 1.03 16.5%, 1.09 20%, 1.13 22%, 1.14 23%, 1.15 24.5%, 1.15 26%, 1.13 28%, 1.11 31%, 1.05 39%, 1.02 43%, 0.99 47%, 0.98 52%, 0.97 59%, 1.002 81%, 1); --bv-ease-click: cubic-bezier(0.4, 0, 0.2, 1); }
/* Osmo Button 044, springy hover/click, no shadow, round */
.bv044{ position:relative; border-radius:999px; -webkit-tap-highlight-color:transparent; transition:transform .65s var(--bv-ease-hover), scale .15s var(--bv-ease-click); }
.bv044:active{ scale:1.065 1.095; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ .bv044:is(:hover,:focus-visible){ transform:scale(.955,.925) rotate(-3deg); transition-delay:.05s; } }
/* ===== Unified button system ===== */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:'Manrope',sans-serif; font-weight:800; font-size:16px; line-height:1; padding:14px 26px; border-radius:999px; border:none; cursor:pointer; text-decoration:none; white-space:nowrap; box-shadow:none; }
.btn::after{ content:''; width:0.92em; height:0.76em; background:currentColor; -webkit-mask:url('/public/img/arrow-right.svg') no-repeat center / contain; mask:url('/public/img/arrow-right.svg') no-repeat center / contain; flex:none; transition:translate .35s cubic-bezier(.32,.72,0,1); }
.btn--primary{ background:#FFF302; color:#000; }
.btn--dark{ background:#14101A; color:#fff; }
.btn--light{ background:#fff; color:#14101A; }
.btn--lg{ font-size:17px; padding:16px 32px; }
.btn--sm{ font-size:14px; padding:9px 18px; gap:8px; }
.btn--ghost{ background:transparent; color:#14101A; border:1.5px solid #14101A; padding:9px 24px; }
.btn--ghost::after{ display:none; }
.btn--sm.btn--ghost{ padding:6px 18px; }
.btn--link{ display:inline-flex; align-items:center; gap:12px; background:none; border:none; padding:0; cursor:pointer; font-family:'Manrope',sans-serif; font-weight:800; font-size:16px; color:#14101A; }
.btn__arrow{ display:inline-flex; width:0.92em; height:0.76em; background:currentColor; -webkit-mask:url('/public/img/arrow-right.svg') no-repeat center / contain; mask:url('/public/img/arrow-right.svg') no-repeat center / contain; flex:none; transition:translate .35s cubic-bezier(.32,.72,0,1); }
.svgarw{ display:inline-block; width:0.92em; height:0.76em; background:currentColor; -webkit-mask:url('/public/img/arrow-right.svg') no-repeat center / contain; mask:url('/public/img/arrow-right.svg') no-repeat center / contain; vertical-align:-0.04em; flex:none; }
.svgarw--l{ -webkit-mask-image:url('/public/img/arrow-left.svg'); mask-image:url('/public/img/arrow-left.svg'); }
.svgarw--up{ width:0.85em; height:0.85em; -webkit-mask-image:url('/public/img/arrow-link.svg'); mask-image:url('/public/img/arrow-link.svg'); }
.btn:hover::after, .btn:focus-visible::after{ translate:4px 0; }
.btn--link:hover .btn__arrow, .btn--link:focus-visible .btn__arrow{ translate:4px 0; }
/* ===== Footer link groups (desktop: static columns / mobile: accordion) ===== */
.footer-acc__head{ display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; padding:0; margin:0 0 16px; background:none; border:none; color:#fff; font-size:15px; font-weight:800; font-family:'Manrope',sans-serif; text-align:left; cursor:default; }
.footer-acc__icon{ display:none; }
.footer-acc__body{ display:block; }
.footer-acc__inner{ display:flex; flex-direction:column; gap:11px; }
/* ===== Mobile: sticky CTA, chat, round purple menu ===== */
.mobile-cta{ display:none; }
@media screen and (max-width:767px){
  .nav .nav-cta.btn--primary{ display:none; }
  .mobile-cta{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:80; padding:10px 14px calc(12px + env(safe-area-inset-bottom)); }
  .mobile-cta .btn{ width:100%; box-shadow:0 14px 34px rgba(20,16,26,0.28); }
  .chat-label{ display:none !important; }
  .chat-float{ bottom:82px !important; }
}
/* ===== Type scale ===== */
.bv-display{ font-family:'Novecento Condensed','Saira Condensed',sans-serif; font-weight:800; text-transform:uppercase; line-height:0.94; letter-spacing:0; color:#14101A; }
.bv-num{ font-family:'Novecento Condensed','Saira Condensed',sans-serif; font-weight:800; line-height:1; }
/* Osmo Marquee with Scroll Direction */
.marquee-advanced{ width:100%; position:relative; overflow:hidden; }
.marquee-advanced__scroll{ will-change:transform; width:100%; display:flex; position:relative; }
.marquee-advanced__collection{ will-change:transform; display:flex; position:relative; }
.marquee-advanced__item{ justify-content:flex-start; align-items:center; font-size:clamp(38px,7vw,104px); display:flex; }
.marquee__advanced__p{ white-space:nowrap; margin:0 .3em 0 0; font-size:1em; font-family:'Novecento Condensed','Saira Condensed',sans-serif; font-weight:800; text-transform:uppercase; color:#fff; letter-spacing:.01em; line-height:1; }
.marquee__advanced__arrow-svg{ color:#FFF302; width:.74em; height:.74em; margin-right:.3em; flex:none; position:relative; transition:transform .5s cubic-bezier(0.625,0.05,0,1); transform:rotate(0deg); }
[data-marquee-status="inverted"] .marquee__advanced__arrow-svg{ transform:rotate(-180deg); }
/* ===== Osmo Multilevel Navigation (Belvus-adapted) ===== */
:root{
  --nav-bg-height: calc(20em + calc(2em + 3em + 2.5em + 3em));
  --cubic-default: cubic-bezier(0.525, 0, 0, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.450s;
  --color-dark: #14101A;
}
.nav a{ color:inherit; text-decoration:none; }
/* ===== Nav CTA buttons, match Hero button height (44px) ===== */
.nav .nav-cta{ height:44px; min-height:44px; padding:0 22px; font-size:15px; font-weight:700; transition:background-color .25s var(--cubic-default), color .25s var(--cubic-default), border-color .25s var(--cubic-default), box-shadow .25s var(--cubic-default); }
.nav .nav-cta.btn--ghost{ padding:0 22px; background:rgba(255,255,255,0.7); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.nav .nav-cta.btn--ghost:hover, .nav .nav-cta.btn--ghost:focus-visible{ background:#fff; border-color:#14101A; }
.nav .nav-cta > svg{ flex:none; width:16px; height:16px; }
.nav .nav-cta.btn--primary{ background:#14101A; color:#fff; border:1.5px solid #14101A; box-shadow:0 8px 22px rgba(20,16,26,0.18); }
.nav .nav-cta.btn--primary:hover, .nav .nav-cta.btn--primary:focus-visible{ background:#FFF302; color:#000; border-color:#000; box-shadow:0 8px 22px rgba(20,16,26,0.10); }
/* ===== Kennisbank mega-menu ===== */
.kb-col-label{ margin:0 0 1.3em; font-size:12px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:#A39CA8; }
.kb-list{ display:flex; flex-direction:column; }
.kb-item{ display:flex; flex-direction:column; gap:3px; padding:0.6em 0; text-decoration:none; color:#14101A; }
.kb-item__title{ font-size:1.05em; font-weight:700; line-height:1.2; transition:color .2s var(--cubic-default); }
.kb-item__sub{ font-size:0.83em; font-weight:500; color:#8B8590; line-height:1.3; }
.kb-item:hover .kb-item__title{ color:#563240; }
.kb-feature{ display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #EFEAE3; border-radius:0.9em; overflow:hidden; text-decoration:none; color:#14101A; transition:border-color .2s var(--cubic-default); }
.kb-feature:hover{ border-color:#DCD3C8; }
.kb-feature__img{ height:11em; overflow:hidden; flex:none; }
.kb-feature__img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s var(--cubic-default); }
.kb-feature:hover .kb-feature__img img{ transform:scale(1.05); }
.kb-feature__body{ flex:1; display:flex; flex-direction:column; gap:0.35em; padding:1.1em 1.2em 1.3em; }
.kb-feature__title{ font-size:1.05em; font-weight:800; }
.kb-feature__sub{ font-size:0.86em; color:#8B8590; line-height:1.4; }
.kb-feature--placeholder{}
.kb-feature--tile{ height:19em; }
.kb-feature--tile .kb-feature__img{ flex:1; height:auto; min-height:0; }
.kb-feature__btn{ margin-top:auto; padding-top:1em; font-size:0.92em; font-weight:800; color:#14101A; }
/* Kennisbank panel is shorter than the Aanbod image tiles (desktop hover mega-menu only) */
@media screen and (min-width:768px){
body:has(.nav-kb-toggle:hover) .nav-bg,
body:has(.nav-kb-toggle:focus-visible) .nav-bg,
body:has(.nav-kb-dd:hover) .nav-bg,
body:has(.nav-kb-dd:focus-within) .nav-bg{ height:23.5em; }
}
.nav a:focus-visible, .nav button:focus-visible{ outline:1px solid var(--color-dark); }
.nav{ z-index:100; color:#14101A; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.94); backdrop-filter:saturate(1.3) blur(9px); -webkit-backdrop-filter:saturate(1.3) blur(9px); border-bottom:1px solid #EFEAE3; will-change:transform; transition:transform var(--duration-normal) var(--cubic-default), background-color var(--duration-normal) var(--cubic-default), color var(--duration-fast) var(--cubic-default), border-color var(--duration-normal) var(--cubic-default); }
/* Hidden (scrolled down), slides up out of view */
.nav.is-hidden{ transform:translateY(-100%); }
/* When a dropdown is open, keep transparent nav legible on its white panel */
body:has([data-dropdown-toggle]:hover) .nav.is-transparent,
body:has(.nav-dropdown:hover) .nav.is-transparent,
body:has(.nav-dropdown:focus-within) .nav.is-transparent{ color:#14101A; }
body:has([data-dropdown-toggle]:hover) .nav.is-transparent .nav-logo > svg,
body:has(.nav-dropdown:hover) .nav.is-transparent .nav-logo > svg{ fill:#14101A; }
body:has([data-dropdown-toggle]:hover) .nav.is-transparent .btn--ghost,
body:has(.nav-dropdown:hover) .nav.is-transparent .btn--ghost{ color:#14101A; border-color:#14101A; }
.nav-inner{ justify-content:space-between; align-items:center; width:100%; padding-top:1.25em; padding-bottom:1.25em; display:flex; position:relative; }
.nav-container{ z-index:1; width:100%; max-width:1280px; margin-left:auto; margin-right:auto; padding-left:3em; padding-right:3em; position:relative; }
.nav-end{ grid-column-gap:.75em; grid-row-gap:.75em; justify-content:flex-end; align-items:center; display:flex; }
.nav-button{ border:1px solid; border-radius:999px; justify-content:center; align-items:center; height:3em; padding-left:1.1em; padding-right:1.1em; font-size:.95em; font-weight:700; line-height:1.4; display:flex; cursor:pointer; color:inherit; font-family:inherit; background:transparent; transition:all var(--duration-fast) var(--cubic-default); }
.nav-button.is--primary{ color:#000; background-color:#FFF302; border-color:#000; }
.nav-button.is--primary:hover{ }
.nav-center__list{ grid-column-gap:.25em; justify-content:center; align-items:center; margin:0; padding-left:0; list-style:none; display:flex; }
.nav-center__list > li{ position:relative; }
.nav-link{ grid-column-gap:.4em; grid-row-gap:.4em; background-color:#0000; border-radius:.4em; justify-content:center; align-items:center; padding:.7em 1.1em; display:flex; cursor:pointer; border:none; color:inherit; font-family:inherit; font-size:1.0625rem; }
.nav-link__label{ font-size:15px; font-weight:700; line-height:1; position:relative; white-space:nowrap; }
.nav-link__dropdown-icon{ width:.72em; }
.nav-dropdown{ opacity:0; pointer-events:none; visibility:hidden; width:100%; padding-top:2.5em; padding-bottom:3em; position:fixed; left:0; right:0; transition:all var(--duration-fast) ease, transform var(--duration-normal) var(--cubic-default); }
.nav-dropdown.visible{ opacity:1; pointer-events:auto; visibility:visible; }
.nav-bg{ background-color:#fff; border-bottom-right-radius:.75em; border-bottom-left-radius:.75em; box-shadow:0 30px 60px rgba(20,16,26,0.12); width:100%; height:0; position:absolute; inset:0% 0% auto; overflow:hidden; transition:height var(--duration-normal) var(--cubic-default); }
.nav-dropdown__content{ grid-column-gap:1.25em; grid-row-gap:1.25em; width:100%; margin-bottom:0; padding-left:0; list-style:none; display:flex; }
.nav-dropdown__content-li{ flex:1; }
.nav-dropdown__link{ color:#fff; background-color:#F2ECE3; border-radius:.5em; flex-flow:column; flex:1; justify-content:flex-end; align-items:stretch; height:19em; padding:1.5em; display:flex; position:relative; overflow:hidden; }
.nav-dropdown__link.is--static{ color:#14101A; transition:background-color .2s var(--cubic-default); }
.nav a.nav-dropdown__link{ color:#fff; }
.nav a.nav-dropdown__link.is--static{ color:#14101A; }
.nav-dropdown__link-inner{ z-index:1; justify-content:space-between; align-items:center; display:flex; position:relative; }
.nav-dropdown__link-label{ font-size:1.55em; font-weight:600; line-height:1.05; transition:transform .2s var(--cubic-default); }
.nav-dropdown__link-bubble{ color:#fff; background-color:#563240; border-radius:100em; justify-content:center; align-items:center; width:1.6em; height:1.6em; padding:.32em; flex:none; display:flex; transition:transform .2s var(--cubic-default); }
.nav-dropdown__link .icon{ width:100%; height:100%; }
.nav-dropdown__link-bg{ position:absolute; inset:0%; }
.nav-dropdown__img{ object-fit:cover; width:100%; height:100%; transition:transform .35s var(--cubic-default); }
.nav-dropdown__img-overlay{ z-index:1; opacity:.3; background-image:linear-gradient(rgba(20,16,26,0), rgba(20,16,26,0) 45%, rgba(20,16,26,0.85)); position:absolute; inset:0%; transition:opacity .2s var(--cubic-default); }
.page-bg{ z-index:0; opacity:0; pointer-events:none; background-color:rgba(20,16,26,0.35); width:100%; height:100vh; position:absolute; inset:0% 0% auto; transition:opacity var(--duration-fast) var(--cubic-default); }
.menu-button{ grid-column-gap:.3em; grid-row-gap:.3em; background-color:#563240; border-radius:999px; flex-flow:column; justify-content:center; align-items:center; width:3em; height:3em; padding:.8em; border:none; cursor:pointer; display:none; }
.menu-button__line{ background-color:#fff; width:100%; height:2px; border-radius:2px; }
[data-dropdown-toggle]:hover + .nav-dropdown,
[data-dropdown-toggle]:focus-visible + .nav-dropdown,
.nav-dropdown:hover,
.nav-dropdown:focus-within{ opacity:1; visibility:visible; pointer-events:auto; }
:is(
  body:has([data-dropdown-toggle]:hover),
  body:has([data-dropdown-toggle]:focus-visible),
  body:has(.nav-dropdown:hover),
  body:has(.nav-dropdown:focus-within)
){
  .nav-bg{ height:var(--nav-bg-height); }
  .page-bg{ opacity:1; }
  .nav{ color:var(--color-dark); }
  .nav-button{ border-color:var(--color-dark); color:var(--color-dark); }
  .nav-button.is--primary{ background-color:#FFF302; border-color:#000; color:#000; }
}
.nav-link__dropdown-icon{ transition:transform var(--duration-normal) var(--cubic-default); }
[data-dropdown-toggle]{ transition:background-color var(--duration-fast) var(--cubic-default); }
@media screen and (min-width:768px){
  [data-dropdown-toggle]:hover .nav-link__dropdown-icon,
  [data-dropdown-toggle]:focus .nav-link__dropdown-icon,
  [data-dropdown-toggle]:focus-within .nav-link__dropdown-icon,
  [data-dropdown-toggle]:has(+ .nav-dropdown:hover) .nav-link__dropdown-icon,
  [data-dropdown-toggle]:has(+ .nav-dropdown:focus-within) .nav-link__dropdown-icon{ transform:rotate(180deg); }
  /* toggle hover affordance is the shared underline (same as the other links) */
}
.nav-dropdown__content-li{ transition:all var(--duration-normal) var(--cubic-default); transition-delay:.18s; opacity:0; transform:translate(4em,0px); }
.nav-dropdown__content-li:nth-child(2){ transition-delay:.24s; }
.nav-dropdown__content-li:nth-child(3){ transition-delay:.3s; }
.nav-dropdown__content-li:nth-child(4){ transition-delay:.36s; }
.nav-dropdown__content-li:nth-child(5){ transition-delay:.44s; }
body:has([data-dropdown-toggle]:hover) [data-dropdown-toggle]:hover + .nav-dropdown .nav-dropdown__content-li,
body:has([data-dropdown-toggle]:focus-visible) .nav-dropdown__content-li,
body:has(.nav-dropdown:hover) .nav-dropdown__content-li,
body:has(.nav-dropdown:focus-within) .nav-dropdown__content-li{ opacity:1; transform:translate(0em,0px); }
.nav-dropdown__link:hover .nav-dropdown__img-overlay,
.nav-dropdown__link:focus-visible .nav-dropdown__img-overlay{ opacity:0; }
.nav-dropdown__link:hover .nav-dropdown__img,
.nav-dropdown__link:focus-visible .nav-dropdown__img{ transform:scale(1.08); }
.nav-dropdown__link:hover .nav-dropdown__link-bubble,
.nav-dropdown__link:focus-visible .nav-dropdown__link-bubble{ transform:translateX(.25em); }
.nav-dropdown__link.is--static:hover,
.nav-dropdown__link.is--static:focus-visible{ background:#E4DBD0; }
.nav-link .nav-link__label::after{ content:''; position:absolute; left:0; bottom:-3px; width:100%; height:2px; background:currentColor; transition:transform var(--duration-normal) var(--cubic-default); transform:scale(0,1); transform-origin:right center; }
.nav-link:hover .nav-link__label::after,
.nav-link:focus-visible .nav-link__label::after,
[data-dropdown-toggle]:has(+ .nav-dropdown:hover) .nav-link__label::after,
[data-dropdown-toggle]:has(+ .nav-dropdown:focus-within) .nav-link__label::after{ transform:scale(1,1); transform-origin:left center; }
.nav-link.is--active .nav-link__label::after{ content:''; position:absolute; left:0; bottom:-3px; width:100%; height:3px; border-radius:3px; background:#FFF302; transform:none; }
@media screen and (max-width:991px){
  .nav-inner{ padding-top:1em; padding-bottom:1em; }
  .nav-container{ padding-left:1.25em; padding-right:1.25em; }
  .nav-button.md--hide{ display:none; }
  .nav-link{ padding-left:1em; padding-right:1em; }
  .nav-link__label{ font-size:1em; }
  .md--hide{ display:none; }
}
@media screen and (max-width:767px){
  .nav-logo{ z-index:1; position:relative; }
  .nav-end{ z-index:2; position:relative; }
  .nav-center{ z-index:0; opacity:0; visibility:hidden; height:100dvh; position:absolute; top:0; left:-1.25em; right:-1.25em; transform:translate(0,1em); transition:all var(--duration-normal) var(--cubic-default), opacity var(--duration-fast) var(--cubic-default); }
  .nav-center__list{ flex-flow:column; justify-content:flex-start; align-items:stretch; height:100%; padding-top:7em; padding-left:1.25em; padding-right:1.25em; overflow:hidden scroll; }
  .nav-link{ justify-content:space-between; align-items:center; width:100%; padding:1em 1.25em; }
  .nav-link__label{ font-size:1.6em; }
  .nav-dropdown{ opacity:1; pointer-events:auto; visibility:visible; padding-top:0; padding-bottom:0; position:relative; inset:auto; }
  .nav-bg{ border-radius:0; height:0; box-shadow:none; }
  .nav-dropdown__overflow{ grid-template-rows:0fr; width:100%; display:grid; position:relative; overflow:hidden; transition:grid-template-rows var(--duration-normal) var(--cubic-default); }
  .nav-dropdown__overflow-inner{ flex-flow:column; width:100%; min-height:0; display:flex; position:relative; overflow:hidden; }
  .nav-dropdown .nav-container{ padding-left:1.25em; padding-right:1.25em; }
  .nav-dropdown__content{ grid-gap:1.5em; grid-template-columns:1fr; padding-top:1em; padding-bottom:1em; display:grid; }
  .nav-dropdown__content-li{ width:100% !important; flex:none !important; }
  .nav-dropdown__link{ aspect-ratio:auto; height:12em; padding:1em; }
  .nav-dropdown__link-label{ font-size:1.2em; }
  .nav-dropdown__content-li{ opacity:1; transform:none; }
  .kb-list{ gap:.2em; }
  .kb-feature--tile{ height:16em; }
  .kb-feature__img{ height:9em; }
  .menu-button{ display:flex; }
  :root{ --nav-bg-height:100dvh; }
  .menu-button__line{ transition:all var(--duration-normal) var(--cubic-default); }
  :is([data-menu-status="open"]){
    color:var(--color-dark);
    .menu-button{ background-color:#563240; }
    .menu-button__line:nth-of-type(1){ transform:translate(0px,1.5px) rotate(135deg); background-color:#fff; }
    .menu-button__line:nth-of-type(2){ transform:translate(0px,-1.5px) rotate(-135deg); background-color:#fff; }
    .nav-bg{ height:var(--nav-bg-height); }
    .page-bg{ opacity:1; }
    .nav-center{ opacity:1; visibility:visible; transform:translate(0px,0em); transition-delay:.1s; }
  }
  [data-dropdown-toggle="open"] + .nav-dropdown .nav-dropdown__overflow{ grid-template-rows:1fr; }
  [data-dropdown-toggle="open"] + .nav-dropdown .nav-dropdown__content-li{ opacity:1; transform:translate(0em,0px); }
  [data-dropdown-toggle="open"] .nav-link__dropdown-icon{ transform:rotate(180deg); }
}
@media screen and (max-width:479px){
  .nav-logo img{ width:34px !important; height:34px !important; }
  .nav-end{ grid-column-gap:.5em; grid-row-gap:.5em; }
  .nav-button.is--primary{ height:2.75em; padding-left:.85em; padding-right:.85em; }
  .nav-dropdown__link{ padding:.75em; }
  .nav-dropdown__link-label{ font-size:1em; }
  .nav-dropdown__link-bubble{ width:1.25em; height:1.25em; padding:.375em; }
  .menu-button{ width:2.75em; height:2.75em; }
}