.hm-h2{font-family:var(--font-display);letter-spacing:-.015em;color:#111827;text-wrap:balance;margin:0 0 16px;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.15}.hm-body{color:#111827;max-width:560px;margin:0 0 28px;font-size:18px;line-height:1.6}.hm-sub{color:#6b7280;margin:-6px 0 32px;font-size:18px;line-height:1.5}.hm-btn{border-radius:4px;padding:13px 18px;font-size:16px}.hm-btn.btn-primary:hover{color:var(--hem-soft-sand);background:#554c7d}.hm-btn.btn-outline{border-color:var(--hem-deep-purple)}.hm-btn.btn-outline:hover{border-color:var(--hem-deep-purple);background:#2a1f5c0f}.hm-actions{flex-wrap:wrap;gap:12px;display:flex}.hm-photo{background:var(--hem-sand);border-radius:8px;overflow:hidden}.hm-photo img{object-fit:cover;width:100%;height:100%;display:block}.hm-arrowlink{color:#111827;border-bottom:0;align-items:center;gap:6px;font-size:18px;text-decoration:none;display:inline-flex}.hm-arrowlink>span{text-underline-offset:4px;transition:text-decoration-color var(--t-fast) var(--ease-out);text-decoration:underline 1px #0000}.hm-arrowlink svg{transition:transform var(--t-base) var(--ease-out)}.hm-arrowlink:hover{color:#111827}.hm-arrowlink:hover>span{text-decoration-color:currentColor}.hm-arrowlink:hover svg{transform:translate(2px,-2px)}.hm-hero{padding-bottom:0}.hm-hero-frame{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);padding-block:clamp(56px,7vw,104px);display:grid;position:relative}.hm-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:#111827;margin:0 0 24px;font-size:clamp(40px,4.2vw,56px);font-weight:600;line-height:1.08}@media (width>=768px){.hm-hero h1{line-height:1.21429}}.hm-hero-lede,.hm-hero-lede p{color:#111827;max-width:560px;margin:0 0 32px;font-size:18px;line-height:1.55}.hm-hero-film{aspect-ratio:4/3;cursor:pointer;background:var(--hem-sand);border:0;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.hm-hero-film img,.hm-hero-film video{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out), opacity .6s var(--ease-out);display:block}.hm-hero-film video{opacity:0;position:absolute;inset:0}.hm-hero-film video.is-playing{opacity:1}.hm-hero-film:hover img,.hm-hero-film:hover video{transform:scale(1.03)}.hm-film-pill{background:var(--hem-white);height:40px;color:var(--hem-deep-purple);font-family:var(--font-body);transition:transform var(--t-fast) var(--ease-out);border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 14px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 10px #11182729}.hm-hero-film:hover .hm-film-pill{transform:scale(1.04)}.hm-hero-film:focus-visible{outline:2px solid var(--hem-deep-purple);outline-offset:3px}.hm-mark{pointer-events:none;width:11px;height:11px;position:absolute}.hm-mark:before,.hm-mark:after{content:"";background:var(--border-strong);position:absolute}.hm-mark:before{width:1px;height:100%;top:0;left:5px}.hm-mark:after{width:100%;height:1px;top:5px;left:0}.hm-mark:first-child{top:12px;left:-5px}.hm-mark:nth-child(2){top:12px;right:-5px}.hm-mark:nth-child(3){bottom:12px;left:-5px}.hm-mark:nth-child(4){bottom:12px;right:-5px}.hm-doen{background:0 0}.hm-doen-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.hm-doen-photo{aspect-ratio:6/7}.hm-doen-photo img{object-position:50% 12%}.hm-doen .hn-label{margin-bottom:16px}.hm-list{border-top:1px solid var(--border-subtle);margin:0 0 24px;padding:0;list-style:none}.hm-list li{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:16px;padding:16px 0;display:flex}.hm-list-n{font-family:var(--font-display);color:#623baa;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500}.hm-list-t{font-family:var(--font-display);color:#111827;font-size:24px;font-weight:500;line-height:1.25}.hm-doen-photo .hm-doen-alt{display:none}@media (hover:hover) and (pointer:fine){.hm-doen-photo{position:relative}.hm-doen-photo .hm-doen-alt{object-position:50% 50%;opacity:0;transition:opacity .6s var(--ease-in-out);display:block;position:absolute;inset:0}.hm-doen-grid:has(.hm-list li:first-child:hover) .hm-doen-alt:nth-child(1 of .hm-doen-alt),.hm-doen-grid:has(.hm-list li:nth-child(2):hover) .hm-doen-alt:nth-child(2 of .hm-doen-alt),.hm-doen-grid:has(.hm-list li:nth-child(3):hover) .hm-doen-alt:nth-child(3 of .hm-doen-alt),.hm-doen-grid:has(.hm-list li:nth-child(4):hover) .hm-doen-alt:nth-child(4 of .hm-doen-alt){opacity:1}.hm-list :is(.hm-list-n,.hm-list-t){transition:opacity var(--t-base) var(--ease-out)}.hm-list:has(li:hover) li:not(:hover) :is(.hm-list-n,.hm-list-t){opacity:.5}}.hm-projecten .hn-label{margin-bottom:16px}.hm-projects .card .meta{font-size:14px}.hm-projects .card h3{color:#111827}.hm-projects .card-img{box-shadow:none;border-radius:8px}.hm-projects a.card:hover .card-img{box-shadow:none}.hm-projects .card h3{text-underline-offset:5px;transition:text-decoration-color var(--t-fast) var(--ease-out);text-decoration:underline 1px #0000}.hm-projects a.card:hover h3{color:#111827;text-decoration-color:currentColor}.hm-projecten-all{width:fit-content;margin:8px 0 0 auto;display:flex}.hn-logos{background:var(--hem-white);padding-block:clamp(48px,5vw,72px);overflow:hidden}.hn-logos .hn-label{margin-bottom:28px}.hn-logos-viewport{width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hn-logos-track{flex:none;align-items:center;gap:clamp(40px,5vw,72px);margin:0;padding:0 clamp(40px,5vw,72px) 0 0;list-style:none;animation:60s linear infinite hn-logos-scroll;display:flex}.hn-logos-viewport:hover .hn-logos-track{animation-play-state:paused}.hn-logos-track li{flex:none;align-items:center;height:44px;display:flex}.hn-logos-track img{object-fit:contain;width:auto;max-width:160px;height:100%}.hn-logo-word{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg2);white-space:nowrap;font-size:22px;font-weight:500;line-height:1}@keyframes hn-logos-scroll{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.hn-logos-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.hn-logos-track{animation:none}.hn-logos-track[aria-hidden]{display:none}}.hm-logos>.wrap{border-top:1px solid var(--border-subtle);padding-top:clamp(40px,4vw,56px)}.hm-logos{padding-top:0}.hm-over{color:var(--hem-soft-sand);background:var(--hem-white);padding-block:clamp(40px,4vw,64px) clamp(120px,11vw,160px);position:relative;overflow:hidden}.hm-over:before{content:"";pointer-events:none;background:var(--hem-white) url(/assets/home/over-bg.jpg) center bottom / cover no-repeat;position:absolute;inset:0}.hm-over>.wrap{z-index:1;position:relative}.hm-over-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:center;gap:clamp(32px,3.5vw,56px);display:grid}.hm-over .hn-label{color:#f3f0ebb8;margin-bottom:16px}.hm-over .hn-label:before{background:var(--hem-magenta)}.hm-over .hm-h2{color:var(--hem-white)}.hm-over-text p:not(.hn-label){color:#f3f0ebd1;max-width:440px;margin:0 0 24px;font-size:18px;line-height:1.6}.hm-over-mark{right:calc(var(--gutter) - 5px);pointer-events:none;width:11px;height:11px;position:absolute}.hm-over-mark:before,.hm-over-mark:after{content:"";background:#f3f0eb4d;position:absolute}.hm-over-mark:before{width:1px;height:100%;top:0;left:5px}.hm-over-mark:after{width:100%;height:1px;top:5px;left:0}.hm-over-mark--top{top:0}.hm-over-mark--bottom{bottom:0}.hm-arrowlink--light,.hm-arrowlink--light:hover{color:var(--hem-white)}.hm-stats{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.hm-stats li{border-left:1px solid #f3f0eb38;flex-direction:column;gap:12px;padding:28px clamp(14px,2vw,32px);display:flex}.hm-stat-big{font-family:var(--font-display);color:var(--hem-white);font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1}.hm-stats li:first-child{border-left:0;padding-left:0}.hm-stats li:last-child{padding-right:0}.hm-stat-small{color:#f3f0ebe6;white-space:nowrap;font-size:clamp(17px,1.7vw,24px);line-height:1.3}.hm-werken{--hm-overlap:clamp(90px, 9.5vw, 140px);z-index:1;margin-top:calc(-1 * var(--hm-overlap));background:0 0;padding-top:0;position:relative}.hm-werken-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.hm-werken-text{padding-top:calc(var(--hm-overlap) + 20px)}.hm-werken .hn-label{margin-bottom:16px}.hm-werken .hm-body{margin-bottom:24px}.hm-werken-photo{aspect-ratio:3/2}.vmodal{z-index:260;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.vmodal.open{display:flex}.vmodal-backdrop{backdrop-filter:blur(6px);background:#0b1327cc;position:absolute;inset:0}.vmodal-dialog{z-index:1;width:min(960px,100%);position:relative}.vmodal-frame{aspect-ratio:16/9;box-shadow:var(--shadow-lg);background:#000;border-radius:8px;position:relative;overflow:hidden}.vmodal-frame video{background:#000;width:100%;height:100%;display:block}.vmodal-cap{color:var(--hem-soft-sand);align-items:baseline;gap:14px;margin-top:16px;display:flex}.vmodal-cap .s{font-family:var(--font-mono);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:#f3f0ebcc;font-size:14px}.vmodal-cap .t{font-family:var(--font-display);font-size:20px;font-weight:500}.vmodal-close{z-index:2;background:var(--hem-soft-sand);width:44px;height:44px;color:var(--hem-deep-purple);cursor:pointer;transition:transform var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:-14px;right:-14px}.vmodal-close:hover{background:var(--hem-white);transform:scale(1.06)}.vmodal-close svg{width:20px;height:20px}@media (width<=960px){.hm-hero-frame,.hm-doen-grid,.hm-over-grid,.hm-werken-grid{grid-template-columns:minmax(0,1fr)}.hm-mark,.hm-over-mark{display:none}.hm-stats{justify-content:flex-start}.hm-doen-photo{aspect-ratio:4/3}.hm-werken{--hm-overlap:60px}.hm-werken-text{padding-top:0}.hm-werken-photo{order:-1}}@media (width<=560px){.hm-stats{flex-direction:column;gap:20px}.hm-stats li,.hm-stats li:first-child{border-top:1px solid #f3f0eb38;border-left:0;padding:16px 0 0}.hm-over-mark{display:none}.hm-list-t{font-size:19px}.vmodal-close{top:8px;right:8px}}.hm-hero--square .hm-hero-film{aspect-ratio:1}.hm-hero--square .hm-film-pill{justify-content:center;width:40px;padding:0}.hm-hero--square .hm-mark:nth-child(4){display:none}.hm-hero--stacked .hm-hero-frame{grid-template-columns:minmax(0,1fr);gap:56px;padding-block:24px 32px}.hm-hero--stacked h1{max-width:840px}.hm-hero--stacked .hm-hero-lede,.hm-hero--stacked .hm-hero-lede p{max-width:640px}.hm-hero--stacked .hm-mark:nth-child(n+3){display:none}.hm-hero--stacked .hm-hero-film{aspect-ratio:3}.hm-hero--bleed .hm-hero-film{aspect-ratio:18/5;border-radius:0;width:100vw;margin-inline:calc(50% - 50vw)}.hm-hero--bleed .hm-film-pill{right:calc((100% - min(100%, var(--container))) / 2 + var(--gutter) + 16px)}.hm-hero--bleed-fade .hm-hero-film:after{content:"";pointer-events:none;background:linear-gradient(#2a1f5c52 0%,#2a1f5c00 32%,#fff0 78%,#fff 100%);position:absolute;inset:0}.hm-hero--bleed-fade .hm-film-pill{z-index:1}.hm-hero--centered .hm-hero-text{text-align:center}.hm-hero--centered h1,.hm-hero--centered .hm-hero-lede,.hm-hero--centered .hm-hero-lede p{margin-inline:auto}.hm-hero--centered .hm-actions{justify-content:center}.hm-hero--ambient .hm-hero-film{cursor:auto}.hm-hero--ambient .hm-hero-film:hover img,.hm-hero--ambient .hm-hero-film:hover video{transform:none}.hm-hero--cover{padding-top:0}.hm-hero--cover .pagehead-leaf{display:none}.hm-hero--cover .hm-hero-frame{gap:16px;padding-top:0}.hm-hero--cover .hm-hero-film{background:0 0;order:-1;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.hm-hero--cover .hm-hero-film:after{content:"";pointer-events:none;background:linear-gradient(#231b45 0%,#231b4500 100%);height:220px;position:absolute;top:0;left:0;right:0}.hm-hero--cover .hm-mark:nth-child(-n+3){display:none}@media (width>=961px){.hm-hero--cover .hm-mark:nth-child(4){display:block}}.hm-hero--cover .hm-hero-film{margin-top:calc(-80px - env(safe-area-inset-top))}@media (width<=860px){.hm-hero--cover .hm-hero-film{--hm-nav:calc(78px + env(safe-area-inset-top));margin-top:calc(-1 * var(--hm-nav));height:calc(56.25vw + var(--hm-nav))}.hm-hero--cover .hm-hero-film:after{height:140px}body:has(.hm-hero--cover) .nav-overlay:not(.is-scrolled):before{opacity:0}body:has(.hm-hero--cover) .nav-overlay .nav-logo img{transition:filter var(--t-base) var(--ease-out), opacity var(--t-base) var(--ease-out)}body:has(.hm-hero--cover) .nav-overlay .nav-toggle{transition:color var(--t-base) var(--ease-out)}body:has(.hm-hero--cover) .nav-overlay:not(.is-scrolled) .nav-logo img{filter:brightness(0)invert();opacity:1}body:has(.hm-hero--cover) .nav-overlay:not(.is-scrolled) .nav-wb{color:#fff;border-color:#fff}body:has(.hm-hero--cover) .nav-overlay:not(.is-scrolled) .nav-toggle[data-nav-open]{color:#fff}}@media (width<=560px){.hm-hero--cover .hm-hero-film{height:calc(75vw + var(--hm-nav))}}@media (width>=961px){.hm-hero--square .hm-hero-frame,.hm-doen--narrow .hm-doen-grid{grid-template-columns:minmax(0,514fr) minmax(0,588fr);gap:clamp(40px,6.8vw,98px)}.hm-hero--square .hm-hero-film,.hm-hero--stacked .hm-hero-film{aspect-ratio:auto;height:460px}.hm-hero--square{padding-bottom:84px}.hm-hero--square .hm-hero-frame{padding-block:24px 0}.hm-doen--wide .hm-doen-grid{grid-template-columns:minmax(0,588fr) minmax(0,552fr);gap:clamp(40px,4.2vw,60px)}.hm-doen--wide .hm-doen-photo{aspect-ratio:588/640}}@media (width<=960px){.hm-hero--stacked .hm-hero-film{aspect-ratio:16/9}.hm-hero--mobile-bleed .hm-hero-film{border-radius:0;width:100vw;margin-inline:calc(50% - 50vw)}}@media (width<=560px){.hm-hero--stacked .hm-hero-film{aspect-ratio:4/3}}.hm-werken+.cta-band{overflow:clip visible}.hm-werken+.cta-band .cta-band-leaf{width:640px;top:clamp(-320px,-22vw,-160px)}
