.hm{--hm-ink:#121b1d;--hm-face:#fbfbf9;--hm-side:#e7e6e0;--hm-roof:#d3d1c9;--hm-roof-dark:#b9b7ae;--hm-ground:#eeede8;--hm-glass:#dfe3e1;--hm-lit:#ecc78c;--hm-accent:#cfd8c6;--hm-accent-ink:#3f5a43;--hm-w:1.1px;--t:640ms;--e:cubic-bezier(0.2,0.7,0.2,1);position:relative;perspective:1400px}.hm--inverse,.v2-close .hm,.v2-shapes .hm{--hm-ink:rgba(243,243,240,0.86);--hm-face:#102a2d;--hm-side:#0c2225;--hm-roof:#183538;--hm-roof-dark:#1f4044;--hm-ground:#0f2629;--hm-glass:#163236;--hm-accent:#2f4c45;--hm-accent-ink:#cfd8c6}.hm__svg{width:100%;height:auto;overflow:visible;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .8s var(--e)}.hm__svg circle,.hm__svg ellipse,.hm__svg line,.hm__svg polygon,.hm__svg rect{stroke:var(--hm-ink);stroke-width:var(--hm-w);stroke-linejoin:round;vector-effect:non-scaling-stroke}.hm-layer{transition:opacity var(--t) var(--e),transform var(--t) var(--e);transform-box:view-box}.hm-ground-shadow{display:none}.hm-slab-top{fill:var(--hm-ground)}.hm-slab-front,.hm-slab-side{fill:var(--hm-side)}.hm-path,.hm-wall-front{fill:var(--hm-face)}.hm-wall-light{opacity:0;stroke:none!important;transition:opacity var(--t) var(--e)}.hm-wall-side{fill:var(--hm-side)}.hm-roof-slope{fill:var(--hm-roof)}.hm-roof-edge,.hm-roof-fascia{fill:var(--hm-roof-dark)}.hm-roof-ridge{stroke-width:1.4px}.hm-roof-seam{opacity:.35}.hm-glass{fill:var(--hm-glass)!important}.hm-glass,.hm-glow{stroke:none!important}.hm-glow{fill:var(--hm-lit)!important;opacity:0;transition:opacity var(--t) var(--e)}.hm-frame{fill:none}.hm-mullion{opacity:.8}.hm-door{fill:var(--hm-ink)}.hm-handle{fill:var(--hm-face);stroke:none!important}.hm-canopy-top{fill:var(--hm-roof)}.hm-canopy-front{fill:var(--hm-roof-dark)}.hm-ws-front,.hm-ws-side,.hm-ws-top{fill:var(--hm-accent)}.hm-ws-side{filter:brightness(.94)}.hm-ext-glass,.hm-ext-side,.hm-ext-top{fill:var(--hm-accent);opacity:.7;stroke:none!important}.hm-ext-line{opacity:.5}.hm-ext-outline{fill:none;stroke-dasharray:5 5}.hm-canopy-hi,.hm-shadow{display:none}.hm-trunk{opacity:.6}.hm-canopy{fill:color-mix(in srgb,var(--hm-face) 60%,transparent)}.hm-hedge{display:none}.hm-piece{fill:var(--hm-accent)}.hm-halo{fill:none;stroke-dasharray:3 6;opacity:.7}.hm-workspace{opacity:0;transform:translate(26px,18px)}.hm-extension{opacity:0;transform:translate(-26px,14px) scale(.98)}.hm-done,.hm-pieces{opacity:0}.hm[data-state=kopen] .hm-wall-front{fill:var(--hm-accent)}.hm[data-state=kopen] .hm-roof,.hm[data-state=kopen] .hm-volume{transform:translateY(-10px)}.hm[data-state=kopen] .hm-env{opacity:.35}.hm[data-state=kopen] .hm-w-living .hm-glow,.hm[data-state=kopen] .hm-w-side .hm-glow{opacity:.9}.hm[data-state=ondernemer] .hm-workspace{opacity:1;transform:none}.hm[data-state=ondernemer] .hm-w-desk .hm-glow{opacity:.95}.hm[data-state=overwaarde] .hm-extension{opacity:1;transform:none}.hm[data-state=complex] .hm-pieces{opacity:1}@media (prefers-reduced-motion:no-preference){.hm[data-state=complex] .hm-roof{animation:hm-assemble-roof 1.2s var(--e) both}.hm[data-state=complex] .hm-part--right{animation:hm-assemble-right 1.2s var(--e) both}.hm[data-state=complex] .hm-part--front{animation:hm-assemble-front 1.2s var(--e) both}.hm[data-state=complex] .hm-piece{animation:hm-piece 1.2s var(--e) both;transform-box:fill-box;transform-origin:center}.hm[data-state=complex] .hm-piece--1{animation-delay:.12s}.hm[data-state=complex] .hm-piece--2{animation-delay:.24s}}.hm[data-state=complex] .hm-w-gable .hm-glow{opacity:.9}@keyframes hm-assemble-roof{0%{transform:translate(10px,-46px)}}@keyframes hm-assemble-right{0%{transform:translate(34px,-10px)}}@keyframes hm-assemble-front{0%{transform:translate(-30px,14px)}}@keyframes hm-piece{0%{transform:translateY(-14px) rotate(20deg);opacity:0}}.hm[data-state=done] .hm-glow{opacity:.85}.hm[data-state=done] .hm-done{opacity:1}@media (prefers-reduced-motion:no-preference){.hm[data-state=done] .hm-halo{animation:hm-halo 1.6s var(--e) both;transform-box:fill-box;transform-origin:center}}@keyframes hm-halo{0%{transform:scale(.85);opacity:0}}.hm[data-preview=true] .hm-extension,.hm[data-preview=true] .hm-workspace{opacity:.6}@media (prefers-reduced-motion:no-preference){.hm--intro .hm-ground{animation:hm-in-fade 1s var(--e) both}.hm--intro .hm-volume{animation:hm-in-volume 1.1s var(--e) .15s both}.hm--intro .hm-roof{animation:hm-in-roof 1.1s var(--e) .3s both}.hm--intro .hm-env{animation:hm-in-fade 1.2s var(--e) .5s both}}@keyframes hm-in-volume{0%{opacity:0;transform:translateY(-18px)}}@keyframes hm-in-roof{0%{opacity:0;transform:translateY(-34px)}}@keyframes hm-in-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hm__svg{transform:none!important}.hm-layer{transition-duration:1ms}}.hm[data-build="1"] .hm-env--front,.hm[data-build="1"] .hm-roof{opacity:0;transform:translateY(-30px)}.hm[data-build="1"] .hm-volume line,.hm[data-build="1"] .hm-volume polygon{fill:transparent!important;stroke-dasharray:4 4}.hm[data-build="1"] .hm-glass,.hm[data-build="1"] .hm-wall-light{opacity:0}.hm[data-build="2"] .hm-env--front{opacity:.4}.hm[data-build="3"] .hm-glow{opacity:.85}.hm-photo{position:relative;perspective:1400px;isolation:isolate}.hm-photo__scene{position:relative;transform:rotateX(var(--model-rx,0deg)) rotateY(var(--model-ry,0deg));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hm-photo__image{width:100%;height:auto;filter:drop-shadow(0 32px 28px rgba(0,0,0,.12));transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .8s}.hm-photo__focus{width:26%;height:16%;left:43%;top:67%;border-radius:50%;background:radial-gradient(ellipse,rgba(239,188,109,.5),transparent 68%);mix-blend-mode:screen;transform:rotate(-28deg);transition:left .85s,top .85s,opacity .6s}.hm-photo__focus,.hm-photo__outline{position:absolute;opacity:0;pointer-events:none}.hm-photo__outline{inset:8% 9% 9%;border:1px solid rgba(183,122,75,.35);transform:rotate(-7deg);transition:opacity .8s,transform 1s}.hm-photo[data-state=kopen] .hm-photo__focus{opacity:1;top:63%;left:29%}.hm-photo[data-state=ondernemer] .hm-photo__focus{opacity:1;top:41%;left:54%}.hm-photo[data-state=overwaarde] .hm-photo__focus{opacity:1;top:73%;left:58%}.hm-photo[data-state=complex] .hm-photo__outline{opacity:1;transform:rotate(0)}.hm-photo[data-state=kopen] .hm-photo__image{transform:translateY(4px) scale(1.018)}.hm-photo[data-state=ondernemer] .hm-photo__image{transform:translateY(-10px) rotate(-1deg)}.hm-photo[data-state=overwaarde] .hm-photo__image{transform:translateX(-12px) scale(1.02)}.hm-photo[data-state=done] .hm-photo__image{transform:translateY(-8px)}.hm-photo[data-state=done] .hm-photo__outline{opacity:1;transform:rotate(0);border-color:rgba(183,122,75,.6)}@media(prefers-reduced-motion:no-preference){.hm-photo--intro .hm-photo__image{animation:model-enter 1.4s cubic-bezier(.2,.7,.2,1) both}}@keyframes model-enter{0%{opacity:0;transform:translateY(38px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hm-photo__image,.hm-photo__scene{transform:none!important;transition:none;animation:none}.hm-photo__focus,.hm-photo__outline{transition:none}}