/* Eén compositie; bestaande source-window-inhoud blijft intact. */
.spatial-hero{position:relative;isolation:isolate;height:100svh;min-height:940px;overflow:clip;background:#EEF6FB;padding-top:125px}
.room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;z-index:-3}
.spatial-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#eef6fbed 0%,#eef6fb70 15%,#eef6fb18 52%,#eef6fb00 70%)}
.site-header{height:84px}.site-header nav{gap:30px}.site-header .nav-cta{background:#eef6fbcc}.hero-copy{z-index:6}.eyebrow{margin-bottom:20px}.hero-first{font-size:clamp(72px,7.2vw,138px)}.hero-second{font-size:clamp(54px,5.5vw,106px)}.hero-description{margin-top:22px;margin-bottom:21px}.hero-cta{box-shadow:0 9px 24px #0e1b3310}
.source-field{height:490px;bottom:-80px;perspective:1700px;z-index:2}.source-window{height:310px;max-width:none;width:36vw;box-shadow:0 28px 54px -20px #0e1b3352,0 5px 12px #0e1b3312;border-color:#d9e6ef}.source-caption{padding:12px 16px;font-size:13px;background:#f8fcff}.source-ui{transform:scale(.74)}
.source-law{left:-21%;top:98px;width:34vw;transform:rotate(-12deg) rotateY(12deg);z-index:1}
.source-mail{left:1.5%;top:55px;transform:rotate(-8deg) rotateY(7deg);z-index:2}
.source-xls{left:68%;top:44px;width:38vw;transform:rotate(9deg) rotateY(-9deg);z-index:2}
.source-pdf{left:8%;top:280px;width:31vw;transform:rotate(-6deg);z-index:3}
.source-doc{left:34%;top:142px;width:42vw;height:470px;transform:rotate(3deg) rotateX(2deg);z-index:5}.source-doc .source-ui{transform:scale(.8)}
.source-dossier{left:-4%;top:377px;width:31vw;transform:rotate(-10deg);z-index:4}.source-notes{left:79%;top:330px;width:29vw;transform:rotate(11deg);z-index:4}
.engine{position:relative;width:86px;height:86px;left:auto;bottom:auto;margin:24px auto 0;border-radius:22px;z-index:4;transform:rotate(-6deg)}.engine img{width:68px;height:68px}.assembly-caption{position:relative;margin-top:12px;text-align:center;font-size:13px;color:#1B3156;z-index:6}
.source-ui .of-ik,.source-ui .pd-balk{background:var(--ink-soft)}.source-ui .xs .kies{border-color:var(--accent)}.source-ui .of-tabs .aan{color:white;box-shadow:inset 0 -2px 0 var(--sky)}.source-ui .wd-blad p.hulp,.source-ui .ds-tijd b,.source-ui .of-groep>small{color:var(--ink-soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.spatial-hero{padding-top:138px}.source-field{height:510px}.source-ui{transform:scale(.91)}.source-doc .source-ui{transform:scale(1.04)}.source-window{height:350px}.source-doc{height:520px}}
@media(max-width:1100px){.site-header nav{display:none}.hero-first{font-size:8vw}.hero-second{font-size:6.2vw}.source-ui{transform:scale(.58)}.source-doc .source-ui{transform:scale(.67)}.source-doc{width:48vw;left:30%}.source-field{bottom:-90px}}
@media(max-width:600px){.site-header{height:76px;padding-inline:22px}.brand img{width:132px}.nav-cta{min-height:39px;padding:0 11px;font-size:11px;gap:7px}.nav-cta svg{width:15px;height:15px}.spatial-hero{height:auto;min-height:1050px;padding-top:117px}.room{object-position:24% 50%;opacity:.48}.spatial-hero::before{background:linear-gradient(180deg,#eef6fbcc,#eef6fb75 45%,#eef6fb00 75%)}.hero-copy{text-align:left;padding-inline:22px}.eyebrow{font-size:10px;margin-bottom:25px}.hero-first{font-size:50px;line-height:1.04;max-width:340px}.hero-second{font-size:44px;line-height:1.04;max-width:340px;margin-top:16px}.hero-description{font-size:15px;line-height:1.6;margin:23px 0 24px;max-width:330px}.hero-description br{display:none}.hero-cta{font-size:13px;min-height:49px;padding-inline:20px}.source-field{height:375px;bottom:-5px;perspective:1100px}.source-window{width:310px;height:210px}.source-caption{font-size:10px;padding:10px 12px}.source-caption span:last-child{font-size:9px}.source-ui{transform:scale(.41)}.source-mail{left:-150px;top:28px;transform:rotate(-10deg)}.source-xls{left:65%;top:15px;width:310px;transform:rotate(11deg)}.source-law{left:-245px;top:150px;width:300px}.source-doc{left:18%;top:150px;width:390px;height:360px;transform:rotate(3deg)}.source-doc .source-ui{transform:scale(.52)}.source-pdf{left:-115px;top:275px;width:270px}.source-dossier{left:-180px;top:365px}.source-notes{left:85%;top:340px}.engine{width:68px;height:68px;border-radius:17px;margin-top:35px}.engine img{width:54px;height:54px}.assembly-caption{font-size:11px}.note-content{padding:14px}.note-content p{font-size:14px}.note-content span{font-size:11px}}
