@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-hero{--m-font-display:"II Literata",Georgia,serif;--m-font-body:"II Arimo",Arial,sans-serif;min-height:920px;padding:clamp(72px,8vw,112px) max(20px,5vw);overflow:hidden;background:var(--m-bg,#e8e1d3);color:var(--m-ink,#22261f);font-family:var(--m-font-body)}.msm-interieurontwerper-hero *{box-sizing:border-box}.msm-interieurontwerper-hero .ii-copy{max-width:860px;margin:0 auto 58px;text-align:center}.msm-interieurontwerper-hero .ii-copy>p{margin:0;color:var(--m-primary,#bd5c3d);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.msm-interieurontwerper-hero h1{margin:18px auto 22px;max-width:12ch;font:700 clamp(52px,7vw,96px)/.92 var(--m-font-display);letter-spacing:-.045em}.msm-interieurontwerper-hero .ii-copy>span{display:block;max-width:56ch;margin:auto;font-size:clamp(17px,2vw,21px);line-height:1.55}.msm-interieurontwerper-hero .ii-actions{display:flex;justify-content:center;gap:12px;margin:30px 0 16px}.msm-interieurontwerper-hero .ii-actions a{padding:13px 18px;border:1px solid var(--m-ink,#22261f);color:inherit;text-decoration:none;font-weight:700}.msm-interieurontwerper-hero .ii-actions a:first-child{border-color:var(--m-primary,#bd5c3d);background:var(--m-primary,#bd5c3d);color:var(--m-bg,#e8e1d3)}.msm-interieurontwerper-hero .ii-copy small{color:var(--m-muted,#62675e)}.msm-interieurontwerper-hero .ii-dossier{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1180px;margin:auto;border:1px solid color-mix(in srgb,var(--m-ink,#22261f) 18%,transparent);background:color-mix(in srgb,var(--m-bg,#e8e1d3) 82%,var(--m-surface,#354238));box-shadow:0 28px 70px color-mix(in srgb,var(--m-ink,#22261f) 14%,transparent)}.msm-interieurontwerper-hero .ii-dossier>aside{display:flex;flex-direction:column;gap:28px;padding:24px;border-right:1px solid color-mix(in srgb,var(--m-ink,#22261f) 15%,transparent);background:var(--m-surface,#354238);color:var(--m-bg,#e8e1d3)}.msm-interieurontwerper-hero .ii-dossier>aside>b{font:700 24px var(--m-font-display)}.msm-interieurontwerper-hero .ii-dossier>aside nav{display:grid;gap:8px}.msm-interieurontwerper-hero .ii-dossier>aside a{padding:10px;border-left:2px solid transparent;color:inherit;text-decoration:none}.msm-interieurontwerper-hero .ii-dossier>aside a[aria-current=page]{border-color:var(--m-primary,#bd5c3d);background:color-mix(in srgb,var(--m-bg,#e8e1d3) 9%,transparent)}.msm-interieurontwerper-hero .ii-dossier>aside small{margin-top:auto}.msm-interieurontwerper-hero .ii-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 18px;border-bottom:1px solid color-mix(in srgb,var(--m-ink,#22261f) 15%,transparent);font-weight:700}.msm-interieurontwerper-hero .ii-toolbar button{width:34px;height:34px;margin-left:5px;border:1px solid color-mix(in srgb,var(--m-ink,#22261f) 20%,transparent);background:var(--m-bg,#e8e1d3);color:inherit}.msm-interieurontwerper-hero .ii-board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;padding:18px}.msm-interieurontwerper-hero picture,.msm-interieurontwerper-hero picture img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}.msm-interieurontwerper-hero .ii-detail{padding:28px;background:var(--m-bg,#e8e1d3)}.msm-interieurontwerper-hero .ii-detail small{color:var(--m-primary,#bd5c3d);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.msm-interieurontwerper-hero .ii-detail>b{display:block;margin:16px 0;font:700 clamp(28px,3vw,42px)/1 var(--m-font-display)}.msm-interieurontwerper-hero .ii-detail p{line-height:1.55}.msm-interieurontwerper-hero dl{margin:28px 0 0}.msm-interieurontwerper-hero dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--m-ink,#22261f) 13%,transparent)}.msm-interieurontwerper-hero dd{margin:0;font-weight:700}.msm-interieurontwerper-hero .ii-status{display:flex;gap:20px;padding:0 18px 18px;font-size:13px}.msm-interieurontwerper-hero .ii-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--m-primary,#bd5c3d)}.msm-interieurontwerper-hero [data-stage]{opacity:0;transform:translateY(18px)}.msm-interieurontwerper-hero[data-visible=true] [data-stage]{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.msm-interieurontwerper-hero[data-visible=true] [data-stage=dossier]{transition-delay:.14s}@media(max-width:760px){.msm-interieurontwerper-hero{min-height:0;padding-inline:16px}.msm-interieurontwerper-hero .ii-actions{flex-direction:column}.msm-interieurontwerper-hero .ii-dossier{grid-template-columns:1fr}.msm-interieurontwerper-hero .ii-dossier>aside{display:none}.msm-interieurontwerper-hero .ii-board{grid-template-columns:1fr;padding:10px}.msm-interieurontwerper-hero picture,.msm-interieurontwerper-hero picture img{min-height:340px}.msm-interieurontwerper-hero .ii-status{overflow:auto;white-space:nowrap}.msm-interieurontwerper-hero h1{font-size:clamp(48px,14vw,68px)}}@media(prefers-reduced-motion:reduce){.msm-interieurontwerper-hero [data-stage]{opacity:1;transform:none;transition:none}}