@font-face{font-family:"II Literata";font-style:normal;font-weight:200 900;font-display:swap;src:url("assets/fonts/literata-variable-latin.woff2") format("woff2")}@font-face{font-family:"II Arimo";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/arimo-variable-latin.woff2") format("woff2")}.msm-interieurontwerper-diensten{--m-font-display:"II Literata",Georgia,serif;--m-font-body:"II Arimo",Arial,sans-serif;position:relative;padding:110px 5vw;background:var(--m-surface,#354238);color:var(--m-bg,#e8e1d3);font-family:var(--m-font-body,Arial,sans-serif);overflow:hidden}.msm-interieurontwerper-diensten *{box-sizing:border-box}.msm-interieurontwerper-diensten header{max-width:900px;position:relative;z-index:2}.msm-interieurontwerper-diensten h2{font:700 clamp(50px,8vw,108px)/.9 var(--m-font-display,Georgia,serif);margin:10px 0 55px}.msm-interieurontwerper-diensten .ii-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.2;pointer-events:none}.msm-interieurontwerper-diensten .ii-service{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--m-bg,#e8e1d3) 25%,transparent);position:relative;z-index:2}.msm-interieurontwerper-diensten article{padding:35px;background:var(--m-surface,#354238);min-height:280px}.msm-interieurontwerper-diensten h3{font:700 34px var(--m-font-display,Georgia,serif)}.msm-interieurontwerper-diensten .ii-ring{position:relative;margin:45px auto 0;width:190px;height:190px;border:1px solid var(--m-primary,#bd5c3d);border-radius:50%;animation:ii-spin 20s linear infinite}.msm-interieurontwerper-diensten .ii-ring span{position:absolute;left:50%;top:50%;height:50%;font:700 13px/1 var(--m-font-body,Arial,sans-serif);letter-spacing:.08em;transform-origin:0 100%}@keyframes ii-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.msm-interieurontwerper-diensten .ii-service{display:flex;overflow:auto;scroll-snap-type:x mandatory}.msm-interieurontwerper-diensten article{flex:0 0 84vw;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.msm-interieurontwerper-diensten .ii-ring{animation:none}}

/* native-source:PatternWaves:start */
.msm-interieurontwerper-diensten .pattern-waves {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* native-source:PatternWaves:end */

.msm-interieurontwerper-diensten .ii-original-pattern{position:absolute;inset:0;pointer-events:none;z-index:0}.msm-interieurontwerper-diensten>header,.msm-interieurontwerper-diensten .ii-service{position:relative;z-index:1}.msm-interieurontwerper-diensten .ii-ring{z-index:1}