/* Selected concept: Groen met licht. Existing native dialog behavior retained. */
.site-header.sm-menu-header{justify-content:space-between;gap:24px}
.sm-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-width:48px;min-height:48px;padding:0;border:0;border-radius:10px;background:#124f3f;box-shadow:none;color:#f7f8f3;font:500 16px/1.3 "DM Sans Variable",sans-serif;cursor:pointer}
.sm-menu-trigger-label{display:none}
.sm-menu-trigger-icon{display:block;flex:none;width:28px;height:22px;border:0;border-radius:0;background:#f7f8f3;box-shadow:none;mask-image:url(/assets/menu-strokes-7bdd0503647f.png);mask-mode:luminance;mask-repeat:no-repeat;mask-size:65.625px 48px;mask-position:-16.625px -13px}
.sm-menu-trigger-icon svg{display:none;flex:none;width:25px;height:25px}
.sm-menu-trigger:hover{background:#185b49}
dialog.sm-menu-dialog{position:fixed;inset:0 0 0 auto;box-sizing:border-box;width:430px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#124f3f;color:#f7f8f3;box-shadow:none}
dialog.sm-menu-dialog:not([open]){display:none}
dialog.sm-menu-dialog[open]{display:block;animation:sm-menu-enter .2s ease-out}
dialog.sm-menu-dialog::backdrop{background:rgb(9 30 23 / 10%)}
.sm-menu-shell{--sm-menu-inset:64px;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:28px var(--sm-menu-inset) 0}
.sm-menu-top{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;flex-shrink:0;margin-right:-28px;background:#124f3f}
.sm-menu-close{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 0 0 8px;border:0;border-radius:0;background:transparent;color:#f7f8f3;font:400 16px/1.4 "DM Sans Variable",sans-serif;cursor:pointer}
.sm-menu-close svg{display:block;width:28px;height:28px;flex:none}
.sm-drawer-nav{display:flex;flex-direction:column;flex-shrink:0;gap:0;margin-top:76px;margin-bottom:56px}
.sm-drawer-nav a{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:100px;padding:22px 0;border-bottom:1px solid #608878;color:#f7f8f3;font:350 32px/1.2 "DM Sans Variable",sans-serif;text-decoration:none}
.sm-drawer-nav a:last-child{color:#ffce45;border-bottom:0}
.sm-drawer-nav a:last-child::after{content:"";position:absolute;bottom:17px;left:0;width:54px;border-bottom:3px solid #ffce45}
.sm-drawer-nav a:hover,.sm-menu-contact a:hover,.sm-drawer-nav a:focus-visible,.sm-menu-contact a:focus-visible,.sm-menu-trigger:focus-visible .sm-menu-trigger-label{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.sm-menu-contact{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:6px;min-height:140px;margin:auto calc(-1 * var(--sm-menu-inset)) 0;padding:28px var(--sm-menu-inset);border-top:2px solid #ffce45;background:#f7f8f3}
.sm-menu-contact a{color:#124f3f;font:400 18px/1.5 "DM Sans Variable",sans-serif;text-decoration:none;overflow-wrap:anywhere}
/* Requested: no focus borders around the trigger or menu controls. */
.sm-menu-trigger:focus,.sm-menu-trigger:focus-visible{outline:none}
.sm-menu-dialog:focus,.sm-menu-dialog a:focus,.sm-menu-dialog a:focus-visible,.sm-menu-dialog button:focus,.sm-menu-dialog button:focus-visible{outline:none;box-shadow:none}
@keyframes sm-menu-enter{from{opacity:.6;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){
  .site-header.sm-menu-header{min-height:88px;padding:18px 20px;gap:16px}
  .sm-menu-trigger{gap:10px;font-size:15px;min-width:40px;min-height:40px;border-radius:8px}
  .sm-menu-trigger-icon{width:24px;height:18px;mask-size:56.25px 40.5px;mask-position:-14.25px -11.05px}
  .sm-menu-trigger-icon svg{width:24px;height:24px}
  dialog.sm-menu-dialog{width:100vw;max-width:100vw}
  .sm-menu-shell{--sm-menu-inset:48px}
  .sm-menu-top{margin-right:-18px}
  .sm-drawer-nav{margin-top:62px;margin-bottom:48px}
  .sm-drawer-nav a{min-height:96px;font-size:clamp(26px,8.2vw,32px)}
  .sm-menu-contact{min-height:124px;padding-block:24px}
}
@media(max-width:360px){.site-header.sm-menu-header{padding-inline:16px;gap:12px}.sm-menu-shell{--sm-menu-inset:30px}.sm-menu-top{margin-right:-6px}.sm-menu-contact a{font-size:16px}}
@media(max-height:720px){.sm-menu-shell{padding-top:20px}.sm-drawer-nav{margin-top:20px;margin-bottom:28px}.sm-drawer-nav a{min-height:76px;padding-block:16px;font-size:26px}.sm-drawer-nav a:last-child::after{bottom:5px}.sm-menu-contact{min-height:112px;padding-block:20px}}
@media(prefers-reduced-motion:reduce){dialog.sm-menu-dialog[open]{animation:none}.sm-menu-trigger-icon{transition:none}}