.msm-uitzendbureau-sectoren{--se-p:var(--m-primary,#e26c35);--se-bg:var(--m-bg,#f0f3f0);--se-ink:var(--m-ink,#17262d);--se-s:var(--m-surface,#ffffff);--se-mu:var(--m-muted,#5b6b72);--se-a:var(--m-accent2,#3a5a6b);--se-l:var(--m-line,#d3dbd8);--se-r:var(--m-radius,14px);--se-fd:var(--m-font-display,"Archivo","Segoe UI",system-ui,sans-serif);--se-fb:var(--m-font-body,"Public Sans","Segoe UI",system-ui,sans-serif);position:relative;scroll-margin-top:112px;padding:clamp(64px,8vw,112px) 0;background:var(--se-bg);color:var(--se-ink);font-family:var(--se-fb);font-size:16px;line-height:1.55}
.msm-uitzendbureau-sectoren *{box-sizing:border-box}
.msm-uitzendbureau-sectoren .se-wrap{width:min(1180px,100% - 32px);margin:0 auto}
.msm-uitzendbureau-sectoren .se-head{display:grid;gap:14px;max-width:760px}
.msm-uitzendbureau-sectoren .se-kicker{margin:0;color:var(--se-p);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.msm-uitzendbureau-sectoren .se-title{margin:0;font:700 clamp(32px,4.6vw,56px)/1.05 var(--se-fd);letter-spacing:-.02em;color:var(--se-ink)}
.msm-uitzendbureau-sectoren .se-title.is-revealed{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msm-uitzendbureau-sectoren .se-intro{margin:0;max-width:60ch;color:var(--se-mu);font-size:17px}
/* 3d-text-reveal (React Bits Pro), originele component-CSS, gescoped; hoogte en verschuiving uit module.js */
.msm-uitzendbureau-sectoren .ms-reveal{--se-reveal-h:200px;--se-reveal-shift:0px;--se-reveal-size:32px;width:100%;margin:-6px 0 0}
.msm-uitzendbureau-sectoren .ms-reveal .text-reveal-3d-wrapper{position:relative;perspective-origin:0 50%;width:100%;height:var(--se-reveal-h);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.msm-uitzendbureau-sectoren .ms-reveal .text-reveal-3d-container{position:absolute;inset:var(--se-reveal-shift) 0 calc(-1 * var(--se-reveal-shift));text-align:left;transform-style:preserve-3d;transform-origin:center center}
.msm-uitzendbureau-sectoren .ms-reveal .text-reveal-3d-item{position:absolute;top:50%;left:50%;width:100%;font-family:var(--se-fd);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--se-ink);text-transform:uppercase;white-space:nowrap;backface-visibility:hidden}
.msm-uitzendbureau-sectoren .se-role{display:inline-flex;gap:4px;padding:4px;margin-top:6px;border:1px solid var(--se-l);border-radius:999px;background:var(--se-s);width:max-content;max-width:100%}
.msm-uitzendbureau-sectoren .se-role-btn{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--se-mu);font:600 15px/1 var(--se-fb);cursor:pointer;transition:background .2s,color .2s}
.msm-uitzendbureau-sectoren .se-role-btn[aria-checked="true"]{background:var(--se-ink);color:var(--se-s)}
.msm-uitzendbureau-sectoren .se-role-btn:focus-visible,.msm-uitzendbureau-sectoren .se-tab:focus-visible,.msm-uitzendbureau-sectoren .se-cta:focus-visible{outline:3px solid var(--se-p);outline-offset:3px}
.msm-uitzendbureau-sectoren .se-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.msm-uitzendbureau-sectoren .se-tab{min-height:44px;padding:0 18px;border:1px solid var(--se-l);border-radius:10px;background:var(--se-s);color:var(--se-ink);font:600 15px/1 var(--se-fb);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.msm-uitzendbureau-sectoren .se-tab:hover{border-color:color-mix(in srgb,var(--se-ink) 40%,var(--se-l))}
.msm-uitzendbureau-sectoren .se-tab[aria-selected="true"]{border-color:var(--se-p);background:color-mix(in srgb,var(--se-p) 12%,var(--se-s));color:var(--se-ink);box-shadow:inset 0 -3px 0 var(--se-p)}
.msm-uitzendbureau-sectoren .se-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:24px}
.msm-uitzendbureau-sectoren .se-stage{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--se-l);border-radius:var(--se-r);background:var(--se-s);touch-action:pan-y}
.msm-uitzendbureau-sectoren .se-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .5s}
.msm-uitzendbureau-sectoren .se-stage[data-morph="1"] .se-still{opacity:0}
.msm-uitzendbureau-sectoren .se-morph{position:absolute;inset:0}
/* particle-morph (React Bits Pro), originele component-CSS, gescoped */
.msm-uitzendbureau-sectoren .particle-morph-root{position:relative;overflow:hidden}
.msm-uitzendbureau-sectoren .particle-morph-canvas{position:absolute;inset:0}
.msm-uitzendbureau-sectoren .particle-morph-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;opacity:0;transition:opacity 500ms ease}
.msm-uitzendbureau-sectoren .particle-morph-fallback-active{opacity:1}
.msm-uitzendbureau-sectoren .particle-morph-content{position:relative;z-index:10}
.msm-uitzendbureau-sectoren .se-panels{display:grid;gap:16px}
.msm-uitzendbureau-sectoren .se-panel{display:grid;gap:12px;padding:clamp(20px,3vw,32px);border:1px solid var(--se-l);border-radius:var(--se-r);background:var(--se-s)}
.msm-uitzendbureau-sectoren .se-object{width:min(100%,260px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto}
.msm-uitzendbureau-sectoren .se-panel-title{margin:0;font:700 clamp(22px,2.4vw,28px)/1.2 var(--se-fd);letter-spacing:-.01em}
.msm-uitzendbureau-sectoren .se-line{position:relative;margin:0;padding-left:16px;font-size:17px;color:color-mix(in srgb,var(--se-ink) 86%,var(--se-s))}
.msm-uitzendbureau-sectoren .se-line::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:2px;background:var(--se-p)}
.msm-uitzendbureau-sectoren .se-line[data-for="werkgever"]{color:var(--se-a)}
.msm-uitzendbureau-sectoren .se-cta{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:48px;margin-top:6px;padding:10px 20px;border-radius:999px;background:var(--se-p);color:var(--se-s);font:600 15px/1.2 var(--se-fb);text-decoration:none;transition:transform .2s,background .2s}
.msm-uitzendbureau-sectoren .se-cta svg{flex-shrink:0;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.msm-uitzendbureau-sectoren .se-cta:hover{background:color-mix(in srgb,var(--se-p) 88%,var(--se-ink))}
.msm-uitzendbureau-sectoren .se-cta:hover svg{transform:translateX(3px)}
/* Met JavaScript: één paneel tegelijk, het object leeft in de puntenmatrix; de regel volgt de rol */
.msm-uitzendbureau-sectoren[data-js] .se-panel .se-object{display:none}
.msm-uitzendbureau-sectoren[data-js] .se-panel[hidden]{display:none}
.msm-uitzendbureau-sectoren[data-js][data-role="werk"] .se-line[data-for="werkgever"],.msm-uitzendbureau-sectoren[data-js][data-role="werkgever"] .se-line[data-for="werk"]{display:none}
/* Zonder JavaScript: vier kaarten met object, twee regels en een link */
.msm-uitzendbureau-sectoren:not([data-js]) .se-role,.msm-uitzendbureau-sectoren:not([data-js]) .se-tabs,.msm-uitzendbureau-sectoren:not([data-js]) .se-stage{display:none}
.msm-uitzendbureau-sectoren:not([data-js]) .se-grid{grid-template-columns:minmax(0,1fr)}
.msm-uitzendbureau-sectoren:not([data-js]) .se-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
.msm-uitzendbureau-sectoren:not([data-js]) .se-panel[hidden]{display:grid}
@media (max-width:860px){.msm-uitzendbureau-sectoren .se-grid{grid-template-columns:minmax(0,1fr)}.msm-uitzendbureau-sectoren .se-stage{max-width:520px;margin:0 auto;width:100%}}
@media (max-width:640px){.msm-uitzendbureau-sectoren:not([data-js]) .se-panels{grid-template-columns:minmax(0,1fr)}.msm-uitzendbureau-sectoren .se-role{display:flex;width:100%}.msm-uitzendbureau-sectoren .se-role-btn{flex:1;padding:0 10px}.msm-uitzendbureau-sectoren .se-tab{flex:1 1 calc(50% - 8px);text-align:center;padding:0 10px}}
@media (prefers-reduced-motion:reduce){.msm-uitzendbureau-sectoren .se-still,.msm-uitzendbureau-sectoren .particle-morph-fallback,.msm-uitzendbureau-sectoren .se-cta,.msm-uitzendbureau-sectoren .se-cta svg,.msm-uitzendbureau-sectoren .se-tab,.msm-uitzendbureau-sectoren .se-role-btn{transition:none}.msm-uitzendbureau-sectoren .se-cta:hover svg{transform:none}}