@font-face{font-family:'Waakveld Display';src:url('assets/fonts/barlow-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Waakveld Display';src:url('assets/fonts/barlow-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Waakveld Body';src:url('assets/fonts/source-sans-3-latin-wght-normal.woff2') format('woff2-variations');font-style:normal;font-weight:200 900;font-display:swap}
.msm-beveiligingsbedrijf-hero{box-sizing:border-box;color:var(--m-ink,#f4f5f1);background:var(--m-bg,#111416);font-family:var(--m-font-body,'Waakveld Body',sans-serif);font-size:17px;line-height:1.65;scroll-margin-top:115px}.msm-beveiligingsbedrijf-hero *{box-sizing:border-box}.msm-beveiligingsbedrijf-hero [hidden]{display:none!important}.msm-beveiligingsbedrijf-hero :is(h1,h2,h3,p,figure){margin:0}.msm-beveiligingsbedrijf-hero :is(h1,h2,h3){font-family:var(--m-font-display,'Waakveld Display',sans-serif);line-height:1.06;text-wrap:balance}.msm-beveiligingsbedrijf-hero h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.msm-beveiligingsbedrijf-hero p{max-width:62ch}.msm-beveiligingsbedrijf-hero a{color:inherit;text-underline-offset:5px}.msm-beveiligingsbedrijf-hero button{font:inherit;cursor:pointer}.msm-beveiligingsbedrijf-hero :is(a,button,input,select):focus-visible{outline:3px solid var(--m-primary,#f04b3e);outline-offset:5px}.msm-beveiligingsbedrijf-hero .wk-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.msm-beveiligingsbedrijf-hero .wk-eyebrow{font:600 12px/1.5 var(--m-font-body,'Waakveld Body',sans-serif);text-transform:uppercase;letter-spacing:.16em}.msm-beveiligingsbedrijf-hero .wk-muted{color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-hero .wk-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:12px 23px;background:var(--m-primary,#f04b3e);color:var(--m-bg,#111416);font-weight:700;text-decoration:none;border:1px solid transparent;border-radius:3px}.msm-beveiligingsbedrijf-hero .wk-button:hover{filter:brightness(1.08)}.msm-beveiligingsbedrijf-hero .wk-line-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.msm-beveiligingsbedrijf-hero img{max-width:100%;display:block}.msm-beveiligingsbedrijf-hero .wk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msm-beveiligingsbedrijf-hero{padding:48px 0 24px;overflow:clip}.msm-beveiligingsbedrijf-hero .wk-hero-grid{display:grid;grid-template-columns:1fr 1.17fr;gap:64px;align-items:center;min-height:min(680px,calc(100svh - 190px))}.msm-beveiligingsbedrijf-hero h1{font-size:clamp(3.5rem,6.3vw,6.3rem);letter-spacing:-.055em;margin:26px 0 25px;line-height:.94}.msm-beveiligingsbedrijf-hero .wk-hero-intro{font-size:18px;max-width:35ch;color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-hero .wk-hero-actions{display:flex;flex-wrap:wrap;gap:14px 25px;align-items:center;margin:34px 0}.msm-beveiligingsbedrijf-hero .wk-hero-actions .wk-line-link{font-size:14px}.msm-beveiligingsbedrijf-hero .wk-hero-trust{font-size:12px;border-left:2px solid var(--m-primary,#f04b3e);padding-left:16px;line-height:1.8}.msm-beveiligingsbedrijf-hero .wk-hero-trust span{color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-hero .wk-dashboard{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--m-ink,#f4f5f1) 30%,transparent);border-radius:12px;box-shadow:18px 22px 0 color-mix(in srgb,var(--m-ink,#f4f5f1) 4%,transparent);overflow:hidden;transform:rotate(1deg);background:var(--m-surface,#e9ece8);color:var(--m-bg,#111416)}.msm-beveiligingsbedrijf-hero .wk-dash-bar{display:flex;justify-content:space-between;gap:20px;font:600 9px var(--m-font-body,'Waakveld Body',sans-serif);letter-spacing:.1em;padding:15px 18px;border-bottom:1px solid color-mix(in srgb,var(--m-bg,#111416) 24%,transparent)}.msm-beveiligingsbedrijf-hero .wk-dash-bar span:last-child{border:1px solid currentColor;padding:3px 7px;font-size:8px}.msm-beveiligingsbedrijf-hero .wk-hero-photo{position:relative;margin:12px}.msm-beveiligingsbedrijf-hero .wk-hero-photo img{width:100%;height:auto;aspect-ratio:1.52;object-fit:cover;object-position:52% 45%}.msm-beveiligingsbedrijf-hero figcaption{position:absolute;bottom:12px;left:12px;right:12px;padding:9px;background:var(--m-bg,#111416);color:var(--m-ink,#f4f5f1);font-size:10px}.msm-beveiligingsbedrijf-hero .wk-dash-bottom{padding:18px 24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.msm-beveiligingsbedrijf-hero .wk-dash-bottom .wk-eyebrow{font-size:9px}.msm-beveiligingsbedrijf-hero .wk-dash-bottom b{display:block;font:600 24px var(--m-font-display,'Waakveld Display',sans-serif);margin:7px 0}.msm-beveiligingsbedrijf-hero .wk-dash-bottom p{font-size:12px;max-width:28ch}.msm-beveiligingsbedrijf-hero .wk-hero-choices{display:grid;gap:5px}.msm-beveiligingsbedrijf-hero .wk-hero-choices button{font-size:11px;text-align:left;background:transparent;border:1px solid color-mix(in srgb,var(--m-bg,#111416) 20%,transparent);padding:9px 14px;min-width:100px;min-height:44px;color:inherit}.msm-beveiligingsbedrijf-hero .wk-hero-choices button[aria-pressed=true]{background:var(--m-bg,#111416);color:var(--m-ink,#f4f5f1)}.msm-beveiligingsbedrijf-hero .wk-dash-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 24px;border-top:1px solid color-mix(in srgb,var(--m-bg,#111416) 20%,transparent);font-size:10px}.msm-beveiligingsbedrijf-hero .wk-hero-index{display:flex;justify-content:space-between;padding-top:46px;margin-top:32px;border-top:1px solid color-mix(in srgb,var(--m-ink,#f4f5f1) 24%,transparent);font-size:11px;letter-spacing:.05em;color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-hero[data-arrived] .wk-hero-copy>*{animation:wk-hero-in .65s both}.msm-beveiligingsbedrijf-hero[data-arrived] .wk-hero-copy>:nth-child(2){animation-delay:.07s}.msm-beveiligingsbedrijf-hero[data-arrived] .wk-hero-copy>:nth-child(3){animation-delay:.14s}.msm-beveiligingsbedrijf-hero[data-arrived] .wk-hero-copy>:nth-child(4){animation-delay:.21s}.msm-beveiligingsbedrijf-hero[data-arrived] .wk-hero-copy>:nth-child(5){animation-delay:.28s}@keyframes wk-hero-in{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.msm-beveiligingsbedrijf-hero .wk-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.msm-beveiligingsbedrijf-hero h1{font-size:clamp(3.3rem,7vw,5rem)}.msm-beveiligingsbedrijf-hero .wk-dash-bottom{grid-template-columns:1fr}.msm-beveiligingsbedrijf-hero .wk-hero-choices{grid-template-columns:repeat(3,1fr)}.msm-beveiligingsbedrijf-hero .wk-hero-choices button{min-width:0;padding:8px}}@media(max-width:650px){.msm-beveiligingsbedrijf-hero{padding-top:32px}.msm-beveiligingsbedrijf-hero .wk-hero-grid{grid-template-columns:1fr;gap:36px;min-height:0}.msm-beveiligingsbedrijf-hero h1{font-size:clamp(3.6rem,15vw,6rem);margin:22px 0}.msm-beveiligingsbedrijf-hero .wk-hero-intro{font-size:16px;max-width:34ch}.msm-beveiligingsbedrijf-hero .wk-hero-actions{margin:24px 0;gap:10px 20px}.msm-beveiligingsbedrijf-hero .wk-hero-trust{font-size:11px}.msm-beveiligingsbedrijf-hero .wk-dashboard{margin:0 5px;transform:rotate(1deg)}.msm-beveiligingsbedrijf-hero .wk-hero-photo img{aspect-ratio:1.5;object-position:center}.msm-beveiligingsbedrijf-hero .wk-dash-bottom{padding:14px 18px;grid-template-columns:1fr auto}.msm-beveiligingsbedrijf-hero .wk-hero-choices{grid-template-columns:1fr}.msm-beveiligingsbedrijf-hero .wk-hero-choices button{min-width:80px}.msm-beveiligingsbedrijf-hero .wk-dash-bottom b{font-size:21px}.msm-beveiligingsbedrijf-hero .wk-hero-index{gap:16px;flex-wrap:wrap;padding-top:25px;margin-top:38px;font-size:10px}}
@media(max-width:600px){.msm-beveiligingsbedrijf-hero .wk-wrap{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){.msm-beveiligingsbedrijf-hero *,.msm-beveiligingsbedrijf-hero *::before,.msm-beveiligingsbedrijf-hero *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}