[data-pagina=projecten].prj-paneel-hul{justify-self:center;width:min(100%,460px)}[data-pagina=projecten] .prj-paneel{text-align:left;border-radius:26px;gap:6px;padding:18px;animation:7s ease-in-out infinite prj-dein;display:grid}[data-pagina=projecten] .prj-paneel-kop{border-bottom:1px solid #2d2e351a;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:4px 6px 12px;display:grid}[data-pagina=projecten] .prj-paneel-kop img{border-radius:10px;width:36px;height:36px}[data-pagina=projecten] .prj-paneel-kop strong{font-size:16px;line-height:1.2;display:block}[data-pagina=projecten] .prj-paneel-regel{color:var(--kleur-tekst-zacht);font-size:15px;line-height:1.3;display:block}[data-pagina=projecten] .prj-paneel-live{background:var(--kleur-mint);border-radius:50%;width:10px;height:10px;display:inline-block;position:relative;box-shadow:0 0 0 4px #4fc99b33}[data-pagina=projecten] .prj-paneel-lijst{gap:4px;margin:0;padding:0;list-style:none;display:grid}[data-pagina=projecten] .prj-paneel-rij{min-height:64px;color:var(--kleur-tekst);transition:background-color var(--duur-hover) var(--ease-uit), translate var(--duur-hover) var(--ease-uit);background:#ffffff80;border:1px solid #ffffffb3;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:grid}[data-pagina=projecten] .prj-paneel-nr{color:var(--kleur-tekst-gedempt);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}[data-pagina=projecten] .prj-paneel-naam strong{font-family:var(--font-kop), system-ui, sans-serif;letter-spacing:-.01em;font-size:18px;line-height:1.2;display:block}[data-pagina=projecten] .prj-paneel-naam span{color:var(--kleur-tekst-zacht);font-size:15px;line-height:1.3;display:block}[data-pagina=projecten] .prj-paneel-stippen{gap:6px;display:inline-flex}[data-pagina=projecten] .prj-paneel-stippen .stip{width:10px;height:10px}@media (hover:hover) and (pointer:fine){[data-pagina=projecten] .prj-paneel:hover{animation-play-state:paused}[data-pagina=projecten] .prj-paneel-rij:hover{background:#ffffffeb;translate:4px}}@media (prefers-reduced-motion:no-preference){[data-pagina=projecten] .prj-paneel-live:after{content:"";background:var(--kleur-mint);border-radius:50%;animation:2.4s ease-out infinite prj-puls;position:absolute;inset:0}[data-pagina=projecten] .prj-paneel-rij{animation:prj-rij-in .7s var(--ease-uit) both;animation-delay:calc(.35s + var(--i) * .12s)}}@media (prefers-reduced-motion:reduce){[data-pagina=projecten] .prj-paneel{animation:none}}@keyframes prj-puls{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes prj-dein{0%,to{translate:0}50%{translate:0 -10px}}@keyframes prj-rij-in{0%{opacity:.65;translate:18px}to{opacity:1;translate:0}}[data-pagina=projecten] .prj{padding-block:var(--ruim) var(--ruim)}[data-pagina=projecten] .prj-filter-hul{justify-content:center;margin-bottom:clamp(40px,5vw,72px);display:flex}[data-pagina=projecten] .prj-filter{border-color:var(--kleur-lijn);background:#ffffffb3;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;display:inline-flex}[data-pagina=projecten] .prj-filterknop{min-height:48px;color:var(--kleur-tekst);font:inherit;cursor:pointer;transition:background-color var(--duur-hover) var(--ease-uit), color var(--duur-hover) var(--ease-uit);background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 20px;font-size:16px;font-weight:500;display:inline-flex}[data-pagina=projecten] .prj-filtertal{background:var(--kleur-achtergrond-zacht);font-variant-numeric:tabular-nums;min-width:32px;height:32px;transition:background-color var(--duur-hover) var(--ease-uit), color var(--duur-hover) var(--ease-uit);border-radius:999px;place-items:center;padding:0 8px;font-size:15px;font-weight:600;display:grid}[data-pagina=projecten] .prj-filterknop[aria-pressed=true]{background:var(--kleur-tekst);color:var(--kleur-donker-tekst)}[data-pagina=projecten] .prj-filterknop[aria-pressed=true] .prj-filtertal{background:var(--kleur-accent);color:var(--kleur-tekst)}@media (hover:hover) and (pointer:fine){[data-pagina=projecten] .prj-filterknop[aria-pressed=false]:hover{background:var(--kleur-achtergrond-zacht)}}[data-pagina=projecten] .prj-lijst{gap:clamp(72px,9vw,136px);display:grid}[data-pagina=projecten] .prj-rij-hul[data-uit=ja]{display:none}[data-pagina=projecten] .prj-rij{--fade:79, 201, 155;--vol:var(--kleur-mint);--licht:var(--kleur-mint-licht);align-items:center;gap:clamp(32px,4vw,56px);scroll-margin-top:120px;display:grid}[data-pagina=projecten] .prj-rij[data-kleur=lila]{--fade:169, 133, 234;--vol:var(--kleur-lila);--licht:var(--kleur-lila-licht)}@media (min-width:1024px){[data-pagina=projecten] .prj-rij{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;column-gap:clamp(48px,5.5vw,88px)}[data-pagina=projecten] .prj-podium{align-self:center}[data-pagina=projecten] .prj-rij[data-kant=rechts]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}[data-pagina=projecten] .prj-rij[data-kant=rechts] .prj-podium{order:2}}[data-pagina=projecten] .prj-podium{isolation:isolate;aspect-ratio:7/5.6;border-radius:var(--radius-sectie);background:radial-gradient(ellipse 90% 70% at 50% 100%, rgba(var(--fade), .55) 0%, rgba(var(--fade), .2) 50%, rgba(var(--fade), 0) 80%), linear-gradient(180deg, var(--kleur-oppervlak) 0%, var(--licht) 100%);place-items:center;padding:clamp(28px,4.5vw,64px) clamp(20px,3.5vw,52px);display:grid;position:relative}[data-pagina=projecten] .prj-podium:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--korrel);opacity:.28;mix-blend-mode:multiply;background-size:180px 180px;position:absolute;inset:0}[data-pagina=projecten] .prj-podium-gloed{z-index:-1;background:radial-gradient(closest-side, rgba(var(--fade), .45), rgba(var(--fade), 0));filter:blur(10px);border-radius:50%;height:30%;position:absolute;inset:auto 12% -6%}[data-pagina=projecten] .prj-kader{border-radius:var(--radius-kaart);background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);width:100%;transition:transform .7s var(--ease-uit), box-shadow .7s var(--ease-uit);display:grid;overflow:hidden;transform:perspective(1600px)rotateY(-7deg)rotateX(3deg);box-shadow:0 40px 70px -40px #2d2e3580}[data-pagina=projecten] .prj-rij[data-kant=rechts] .prj-kader,[data-pagina=projecten] .prj-rij[data-kant=rechts] .prj-venster{transform:perspective(1600px)rotateY(7deg)rotateX(3deg)}[data-pagina=projecten] .prj-kader img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform 1.2s var(--ease-uit);display:block}[data-pagina=projecten] .prj-vink{box-sizing:border-box;background:var(--vol);border:1.5px solid var(--vol);border-radius:50%;flex:none;width:22px;height:22px;position:relative}[data-pagina=projecten] .prj-vink:after{content:"";border:solid var(--kleur-tekst);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;rotate:45deg}@keyframes prj-vink{0%,6%{background:var(--kleur-oppervlak);border-color:var(--kleur-lijn)}14%,88%{background:var(--vol);border-color:var(--vol)}to{background:var(--kleur-oppervlak);border-color:var(--kleur-lijn)}}[data-pagina=projecten] .prj-venster{--vol:var(--kleur-lila);border-radius:var(--radius-kaart);background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);width:100%;transition:transform .7s var(--ease-uit), box-shadow .7s var(--ease-uit);display:grid;overflow:hidden;transform:perspective(1600px)rotateY(-7deg)rotateX(3deg);box-shadow:0 40px 70px -40px #2d2e3580}[data-pagina=projecten] .prj-venster-balk{border-bottom:1px solid var(--kleur-lijn);background:var(--kleur-achtergrond);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}[data-pagina=projecten] .prj-venster-balk img{border-radius:9px;width:32px;height:32px}[data-pagina=projecten] .prj-venster-balk strong{font-size:16px}[data-pagina=projecten] .prj-venster-status{background:var(--kleur-mint-licht);border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}[data-pagina=projecten] .prj-venster-status .prj-paneel-live{width:8px;height:8px;box-shadow:none}[data-pagina=projecten] .prj-venster-rijen{gap:14px;padding:clamp(16px,2vw,24px);display:grid}[data-pagina=projecten] .prj-venster-rij{background:var(--kleur-achtergrond);border:1px solid var(--kleur-lijn);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;padding:16px;display:grid;position:relative}[data-pagina=projecten] .prj-venster-taal{background:var(--kleur-lila-licht);border-radius:12px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}[data-pagina=projecten] .prj-venster-titel{font-size:16px;font-weight:600}[data-pagina=projecten] .prj-venster-stappen{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}[data-pagina=projecten] .prj-stap{background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:14px;font-weight:500;display:flex;overflow:hidden}[data-pagina=projecten] .prj-stap .prj-vink{width:20px;height:20px}[data-pagina=projecten] .prj-stap .prj-vink:after{top:2.5px;left:5.5px}[data-pagina=projecten] .prj-venster-spoor{background:var(--kleur-lijn);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}[data-pagina=projecten] .prj-venster-spoor span{border-radius:inherit;background:var(--kleur-lila);transform-origin:0;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){[data-pagina=projecten] .prj-stap .prj-vink{animation:prj-vink 8s var(--ease-uit) infinite both;animation-delay:calc(var(--d,0) * 1s)}[data-pagina=projecten] .prj-stap[data-j="1"]{--d:.7}[data-pagina=projecten] .prj-stap[data-j="2"]{--d:1.4}[data-pagina=projecten] .prj-stap[data-j="3"]{--d:2.1}[data-pagina=projecten] .prj-venster-rij[data-r="1"] .prj-stap{--e:1.2}[data-pagina=projecten] .prj-venster-rij[data-r="1"] .prj-stap .prj-vink{animation-delay:calc((var(--d,0) + 1.2) * 1s)}[data-pagina=projecten] .prj-venster-spoor span{animation:prj-spoor 8s var(--ease-uit) infinite both}[data-pagina=projecten] .prj-venster-rij[data-r="1"] .prj-venster-spoor span{animation-delay:1.2s}}@keyframes prj-spoor{0%,4%{transform:scaleX(.04)}34%,88%{transform:scaleX(1)}to{transform:scaleX(.04)}}@media (hover:hover) and (pointer:fine){[data-pagina=projecten] .prj-rij:hover .prj-kader,[data-pagina=projecten] .prj-rij:hover .prj-venster{transform:perspective(1600px)rotateY(0)rotateX(0)translateY(-6px);box-shadow:0 50px 80px -40px #2d2e358c}[data-pagina=projecten] .prj-rij:hover .prj-kader img{transform:scale(1.035)}[data-pagina=projecten] .prj-groep li:hover:before{background:var(--kleur-accent);scale:1.3}}[data-pagina=projecten] .prj-tekst{flex-direction:column;align-items:stretch;min-width:0;display:flex}[data-pagina=projecten] .prj-tekst-inhoud{justify-items:start;margin-block:auto;display:grid}[data-pagina=projecten] .prj-nr{font-family:var(--font-kop), system-ui, sans-serif;color:var(--kleur-tekst);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:18px;font-weight:600;display:inline-flex}[data-pagina=projecten] .prj-nr span{color:var(--kleur-tekst-gedempt);font-size:15px}[data-pagina=projecten] .prj-naam{letter-spacing:-.032em;margin-top:14px;font-size:clamp(40px,4.444vw,64px);line-height:1.02}[data-pagina=projecten] .prj-bedrijf{font-size:var(--lead);color:var(--kleur-tekst-zacht);margin:18px 0 0;line-height:1.5}[data-pagina=projecten] .prj-gebouwd-kop{margin-top:32px}[data-pagina=projecten] .prj-gebouwd{border-top:1px solid var(--kleur-lijn);width:100%;margin-top:14px;display:grid}[data-pagina=projecten] .prj-groep{border-bottom:1px solid var(--kleur-lijn);grid-template-columns:8.6em 1fr;align-items:start;gap:8px 16px;padding:14px 0;display:grid}[data-pagina=projecten] .prj-groep .prj-label{margin-top:8px}[data-pagina=projecten] .prj-groep ul{margin:0;padding:0;list-style:none;display:grid}[data-pagina=projecten] .prj-groep li{color:var(--kleur-tekst);padding:7px 0 7px 18px;font-size:16px;line-height:1.45;position:relative}[data-pagina=projecten] .prj-groep li:before{content:"";background:var(--kleur-mint);width:8px;height:8px;transition:background-color var(--duur-hover) var(--ease-uit), scale var(--duur-hover) var(--ease-uit);border-radius:50%;position:absolute;top:16px;left:0}[data-pagina=projecten] .prj-groep:has([data-soort=automatisering]) li:before{background:var(--kleur-lila)}[data-pagina=projecten] .prj-label{white-space:nowrap;background:var(--kleur-mint-licht);min-height:28px;color:var(--kleur-tekst);border-radius:999px;justify-self:start;align-items:center;padding:0 12px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #4fc99b99}[data-pagina=projecten] .prj-label[data-soort=automatisering]{background:var(--kleur-lila-licht);box-shadow:inset 0 0 0 1px #a985ea99}[data-pagina=projecten] .prj-techniek{color:var(--kleur-tekst-zacht);margin:0;font-size:15px;line-height:1.5}[data-pagina=projecten] .prj-techniek span{color:var(--kleur-tekst);font-weight:600}[data-pagina=projecten] .prj-knoppen{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:28px;display:flex}[data-pagina=projecten] .prj-status{background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);border-radius:999px;align-items:center;gap:8px;min-height:30px;margin:14px 0 0;padding:0 12px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}[data-pagina=projecten] .prj-status-stip{background:var(--kleur-accent);border-radius:50%;width:8px;height:8px;position:relative}@media (prefers-reduced-motion:no-preference){[data-pagina=projecten] .prj-status-stip:after{content:"";background:var(--kleur-accent);border-radius:50%;animation:2.4s ease-out infinite prj-puls;position:absolute;inset:0}}[data-pagina=projecten] .prj-hubvenster{--vol:var(--kleur-lila)}[data-pagina=projecten] .prj-rij[data-kleur=mint] .prj-hubvenster{--vol:var(--kleur-mint)}[data-pagina=projecten] .prj-hub-regels{gap:10px;padding:clamp(16px,2vw,24px);display:grid}[data-pagina=projecten] .prj-hub-regel{background:var(--kleur-achtergrond);border:1px solid var(--kleur-lijn);border-radius:16px;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:16px;font-weight:500;line-height:1.3;display:flex}[data-pagina=projecten] .prj-hub-tijd{color:var(--kleur-tekst-zacht);white-space:nowrap;margin-left:auto;padding-left:12px;font-size:14px;font-weight:500}@media (prefers-reduced-motion:no-preference){[data-pagina=projecten] .prj-hub-regel .prj-vink{animation:prj-vink 8s var(--ease-uit) infinite both;animation-delay:calc(var(--d,0) * 1s)}[data-pagina=projecten] .prj-hub-regel[data-j="1"]{--d:.7}[data-pagina=projecten] .prj-hub-regel[data-j="2"]{--d:1.4}[data-pagina=projecten] .prj-hub-regel[data-j="3"]{--d:2.1}}@media (max-width:599px){[data-pagina=projecten] .prj-hub-regel{padding:8px 14px;font-size:15px}[data-pagina=projecten] .prj-hub-tijd{display:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-pagina=projecten] .prj-gebouwd{background:linear-gradient(var(--kleur-tekst), var(--kleur-tekst)) top left / 0% 1px no-repeat;border-top-color:#0000;animation:linear both prj-lijn;animation-timeline:view();animation-range:entry 20% cover 45%}[data-pagina=projecten] .prj-podium{animation:linear both prj-podium;animation-timeline:view();animation-range:entry cover 40%}}}@keyframes prj-lijn{to{background-size:100% 1px}}@keyframes prj-podium{0%{scale:.94}to{scale:1}}@media (max-width:1023px){[data-pagina=projecten] .prj-podium{aspect-ratio:auto;padding:32px 22px}[data-pagina=projecten] .prj-rij{gap:64px}}@media (max-width:599px){[data-pagina=projecten] .prj-groep{grid-template-columns:1fr}[data-pagina=projecten] .prj-groep .prj-label{margin-top:0}[data-pagina=projecten] .prj-venster-stappen{grid-template-columns:repeat(2,minmax(0,1fr))}[data-pagina=projecten] .prj-stap{font-size:15px}[data-pagina=projecten] .prj-filterknop{padding:0 6px 0 14px;font-size:15px}[data-pagina=projecten] .prj-label,[data-pagina=projecten] .prj-venster-status{font-size:15px}}[data-pagina=projecten] .prj-ook{padding-block:0 var(--ruim)}[data-pagina=projecten] .prj-ook-kaart{background:radial-gradient(ellipse 60% 80% at 85% 0%, #6a9eff47 0%, #6a9eff00 70%), var(--kleur-donker);color:var(--kleur-donker-tekst);padding-block:clamp(48px,6vw,88px)}[data-pagina=projecten] .prj-ook-kaart:after{content:"";z-index:-1;pointer-events:none;background-image:var(--korrel);opacity:.18;mix-blend-mode:screen;background-size:180px 180px;position:absolute;inset:0}[data-pagina=projecten] .prj-ook-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}[data-pagina=projecten] .prj-ook-kop .kop-kaart{color:var(--kleur-donker-tekst)}[data-pagina=projecten] .prj-ook-namen{color:var(--op-donker);margin:0;font-size:16px}[data-pagina=projecten] .prj-ook-band{margin-top:clamp(28px,3.5vw,48px);overflow:hidden}[data-pagina=projecten] .prj-ook-baan{width:max-content;display:flex}[data-pagina=projecten] .prj-ook-set{flex:none;display:flex}[data-pagina=projecten] .prj-ook-naam{font-family:var(--font-kop), system-ui, sans-serif;letter-spacing:-.04em;white-space:nowrap;color:var(--kleur-donker-tekst);align-items:center;gap:clamp(28px,3.5vw,56px);padding-right:clamp(28px,3.5vw,56px);font-size:clamp(64px,10vw,152px);font-weight:600;line-height:1;display:inline-flex}[data-pagina=projecten] .prj-ook-naam[data-vorm=open]{color:#f8f7f452}[data-pagina=projecten] .prj-ook-stip{background:var(--kleur-accent);border-radius:50%;flex:none;width:clamp(14px,1.4vw,22px);height:clamp(14px,1.4vw,22px)}[data-pagina=projecten] .prj-ook-naam[data-vorm=open] .prj-ook-stip{background:var(--kleur-primair)}@media (prefers-reduced-motion:reduce){[data-pagina=projecten] .prj-ook-baan{animation:none}}[data-pagina=projecten] .prj{padding-top:var(--strak)}[data-pagina=projecten] .prj-lijst{gap:clamp(56px,6vw,88px)}@media (max-width:1023px){[data-pagina=projecten] .prj-rij{gap:40px}}[data-pagina=projecten] .prj-ook-band-link{color:inherit;text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){[data-pagina=projecten] .prj-ook-band-link:hover .prj-ook-naam[data-vorm=open]{color:#f8f7f499}}