@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-traject{--m-font-display:"II Literata",Georgia,serif;--m-font-body:"II Arimo",Arial,sans-serif;padding:110px 5vw;background:var(--m-ink,#22261f);color:var(--m-bg,#e8e1d3);font-family:var(--m-font-body,Arial,sans-serif);overflow:hidden}.msm-interieurontwerper-traject *{box-sizing:border-box}.msm-interieurontwerper-traject h2{overflow-wrap:normal;word-break:normal;font:700 clamp(50px,8vw,108px)/.9 var(--m-font-display,Georgia,serif);margin:10px 0 60px}.msm-interieurontwerper-traject .ii-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.msm-interieurontwerper-traject article{min-width:0}.msm-interieurontwerper-traject .ii-model{position:relative;background:var(--m-bg,#e8e1d3);overflow:hidden}.msm-interieurontwerper-traject .ii-model img{width:100%;aspect-ratio:1;object-fit:contain;filter:grayscale(1);transition:.5s}.msm-interieurontwerper-traject .ii-model i{position:absolute;inset:0;background:radial-gradient(circle,var(--m-ink,#22261f) 0 2px,transparent 2.5px) 0 0/9px 9px;mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent 0 var(--radius,18%),#000 calc(var(--radius,18%) + 12%));pointer-events:none;transition:mask-position .08s}.msm-interieurontwerper-traject .ii-model:hover img{filter:none}.msm-interieurontwerper-traject h3{font:700 44px var(--m-font-display,Georgia,serif);margin:12px 0}.msm-interieurontwerper-traject h3 [data-warp-char]{display:inline-block;transform:translateY(var(--warp-y,0)) rotate(var(--warp-r,0));transition:transform .65s cubic-bezier(.2,.8,.2,1)}@media(max-width:760px){.msm-interieurontwerper-traject h2{font-size:clamp(34px,9.2vw,40px);line-height:1;letter-spacing:-.02em}.msm-interieurontwerper-traject .ii-steps{display:flex;overflow:auto;scroll-snap-type:x mandatory}.msm-interieurontwerper-traject article{flex:0 0 86vw;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.msm-interieurontwerper-traject .ii-model img{transition:none;filter:none}.msm-interieurontwerper-traject .ii-model i{display:none}}


/* native-source:HalftoneReveal:start */
.msm-interieurontwerper-traject .halftone-reveal {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.msm-interieurontwerper-traject .halftone-reveal-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* native-source:HalftoneReveal:end */

/* native-source:WarpText:start */
.msm-interieurontwerper-traject .warp-text {
  position: relative;
  display: block;
  width: 100%;
  min-height: 220px;
  overflow: hidden;
  isolation: isolate;
  border-radius: inherit;
}

.msm-interieurontwerper-traject .warp-text canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.msm-interieurontwerper-traject .warp-text__fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7%;
  text-align: center;
  white-space: pre-line;
}

/* native-source:WarpText:end */

.msm-interieurontwerper-traject .ii-model{position:relative}.msm-interieurontwerper-traject .ii-model>img{opacity:1}.msm-interieurontwerper-traject .ii-model>i{display:none}.msm-interieurontwerper-traject .ii-original-halftone{position:absolute;inset:0;pointer-events:none}.msm-interieurontwerper-traject .ii-original-title{margin:0}.msm-interieurontwerper-traject .ii-original-warp{height:64px;width:100%;position:relative}

.msm-interieurontwerper-traject .ii-original-halftone,.msm-interieurontwerper-traject .ii-original-warp{opacity:0}.msm-interieurontwerper-traject [data-source-ready=true]{opacity:1}.msm-interieurontwerper-traject .ii-model:has([data-source-ready=true])>img{opacity:0}.msm-interieurontwerper-traject h3:has(+[data-source-ready=true]){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.msm-interieurontwerper-traject .ii-steps>article{position:relative}.msm-interieurontwerper-traject .ii-original-warp>.warp-text{height:64px;min-height:0}