:root{--ink:#172b36;--muted:#647078;--paper:#f8f7f3;--white:#fff;--line:#dcded8;--accent:#ac5837;--light:#e9e8e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 48px}.preview{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;background:var(--ink);color:#fff;text-align:center;padding:7px 14px}.preview span{color:#c9d1d1}.header{background:rgba(248,247,243,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:26px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:12px;line-height:1}.brand small{font-size:10px;letter-spacing:1px;margin-left:-7px;margin-top:10px}.mark{width:28px;height:32px;position:relative;display:inline-block;clip-path:polygon(0 0,42% 0,60% 42%,79% 0,100% 0,57% 100%);background:var(--accent)}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.navcta{border:1px solid var(--ink);padding:11px 18px}.arrow{display:inline-block;margin-left:20px}.menu{display:none;border:0;background:none;padding:10px;font-size:21px}.hero{padding-top:69px;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";height:1px;width:29px;background:currentColor}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:10px;align-items:center}.hero-copy{z-index:2;position:relative;padding-bottom:45px}h1{font-size:clamp(42px,4.7vw,65px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:23px 0 25px;max-width:670px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:16px;color:var(--muted);max-width:440px;line-height:1.8}.hero-foot{margin-top:34px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;display:flex;gap:20px;align-items:center}.hero-foot span:first-child{width:26px;height:26px;border:1px solid #b9c0bc;border-radius:50%;display:grid;place-items:center;font-size:15px}.art{height:427px;position:relative;margin-top:-24px;margin-right:-50px}.art svg{width:100%;height:100%;overflow:visible}.art-label{position:absolute;bottom:16px;right:32px;font:9px/1.5 Arial;letter-spacing:1.4px;color:var(--muted);text-align:right}.paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path{display:grid;grid-template-columns:45px 1fr 35px;gap:12px;padding:31px 32px 32px 0;align-items:start;transition:background .2s}.path+.path{border-left:1px solid var(--line);padding-left:38px;padding-right:0}.path:hover{background:#eeeee7}.path .num{font-size:11px;color:var(--accent);padding-top:6px}.path h2{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:0 0 10px}.path p{font-size:13px;color:var(--muted);margin:0;max-width:340px}.path .circle{border:1px solid #b9c0bc;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;margin-top:4px}.section{padding:90px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}h2{font-size:40px;line-height:1.16;letter-spacing:-1.5px;font-weight:500;margin:15px 0 0}.section-head p{font-size:15px;color:var(--muted);margin:0;max-width:450px}.audiences{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:27px}.audiences button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:13px;color:var(--muted)}.audiences button[aria-selected=true]{border-color:var(--accent);color:var(--ink);font-weight:700}.service-layout{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--line);min-height:340px}.service-tabs{display:flex;flex-direction:column;padding:20px;border-right:1px solid var(--line);gap:4px}.service-tabs button{border:0;background:none;text-align:left;font-size:13px;padding:14px 15px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.service-tabs button[aria-selected=true]{background:var(--ink);color:white}.service-content{padding:39px 44px;background:#fff;display:grid;grid-template-columns:1fr 150px;gap:30px}.service-content h3{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:8px 0 15px}.service-content p{font-size:14px;color:var(--muted);max-width:520px;margin:0 0 19px}.service-content ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.service-content li{font-size:12px;color:var(--ink)}.service-content li:before{content:'';color:var(--accent);margin-right:12px}.mini-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.service-graphic{align-self:center}.scope-note{font-size:10px;color:var(--muted);margin:12px 0 0}.text-link{font-size:12px;border-bottom:1px solid var(--accent);display:inline-block;padding-bottom:3px;margin-top:20px}.approach{background:#eaece6;padding:70px 0}.approach .section-head{margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.step{border-top:1px solid #bfc8bf;padding-top:22px}.step .number{font-size:10px;color:var(--accent);letter-spacing:2px}.step h3{font-size:21px;font-weight:500;margin:14px 0 9px;letter-spacing:-.4px}.step p{font-size:13px;color:var(--muted);margin:0}.contact{padding:70px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{max-width:650px}.contact p{font-size:14px;color:var(--muted);margin-bottom:0}.btn{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:16px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;white-space:nowrap}.btn:hover{background:#28424d}footer{border-top:1px solid var(--line);padding:26px 0 30px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.footer-brand{font-weight:bold;color:var(--ink);letter-spacing:2px;font-size:13px}.footer-links{display:flex;gap:20px}dialog{border:1px solid var(--line);max-width:530px;width:calc(100% - 40px);padding:38px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#172b3670;backdrop-filter:blur(4px)}dialog h2{font-size:29px;letter-spacing:-1px;margin-top:15px}dialog p{font-size:14px;color:var(--muted)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:22px;padding:5px 10px}.dialog-options{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.dialog-options button{padding:10px 15px;background:white;border:1px solid var(--line);font-size:12px}.dialog-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-status{font-size:11px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:20px!important}.skip{position:absolute;left:12px;top:-60px;background:white;padding:10px;z-index:99}.skip:focus{top:12px}
@media(min-width:1450px){h1{font-size:69px}.art{height:450px}}@media(max-width:900px){.wrap{padding:0 28px}nav{gap:18px}.hero-grid{grid-template-columns:1.1fr .9fr}h1{font-size:49px}.art{margin-right:-20px}.service-layout{grid-template-columns:225px 1fr}.service-content{padding:30px;grid-template-columns:1fr}.service-graphic{display:none}.section-head{gap:30px}.path{grid-template-columns:28px 1fr 30px}.path+.path{padding-left:25px}.path h2{font-size:23px}}
@media(max-width:640px){html{scroll-padding-top:80px}.wrap{padding:0 24px}.preview{font-size:8px;letter-spacing:1.1px;padding:6px 8px}.nav{height:70px}.brand{font-size:22px;gap:9px}.mark{width:24px;height:28px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.navcta{text-align:center}.hero{padding-top:37px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}.hero-copy{padding-bottom:0}h1{font-size:44px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.intro{font-size:14px;line-height:1.8;max-width:325px}.hero-foot{display:none}.art{height:260px;margin:-2px -10px 0 -10px}.art-label{font-size:7px;right:6px;bottom:2px}.paths{grid-template-columns:1fr;margin-top:22px}.path,.path+.path{padding:25px 0;grid-template-columns:27px 1fr 30px;gap:10px;border-left:0}.path+.path{border-top:1px solid var(--line)}.path h2{font-size:23px}.path p{font-size:12px}.path .num{font-size:9px}.section{padding:58px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}h2{font-size:33px;letter-spacing:-1.2px}.section-head p{font-size:13px}.audiences{gap:23px;margin-bottom:20px}.audiences button{font-size:12px}.service-layout{grid-template-columns:1fr}.service-tabs{padding:12px;display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);gap:5px}.service-tabs button{padding:11px 10px;font-size:10px;line-height:1.5;min-height:49px;gap:6px}.service-content{padding:26px 23px;min-height:320px}.service-content h3{font-size:25px}.service-content p{font-size:13px}.scope-note{font-size:9px}.approach{padding:50px 0}.steps{grid-template-columns:1fr;gap:26px}.step h3{font-size:21px;margin-top:8px}.contact{padding:55px 0}.contact-inner{align-items:flex-start;flex-direction:column;gap:25px}.contact h2{font-size:32px}.contact p{font-size:13px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}.footer-links{gap:15px}dialog{padding:28px}dialog h2{font-size:26px}}
@media(max-width:360px){h1{font-size:39px}.eyebrow{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Visueel systeem afgestemd op de bestaande VOLTREX-website. */
:root{--ink:#0b0d0f;--muted:#55606e;--paper:#ffffff;--line:#e7e9ec;--accent:#ffda24;--light:#f7f8f9}
body{font-family:Arial,Helvetica,sans-serif}.preview{background:#f7f8f9;color:#55606e;letter-spacing:1px}.preview span{color:#55606e}.header{background:#fff}.nav{height:86px}.brand{font:800 25px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.7px;gap:9px}.brand small{font-size:10px;letter-spacing:0;margin-left:2px}.original-logo{width:36px;height:36px;border-radius:6px;background:#121a20}.navcta,.btn{background:#ffda24;color:#111;border:0;border-radius:11px;font-weight:600}.navcta:hover,.btn:hover{background:#f2cb16}.hero{padding-top:52px}.hero>.wrap>.eyebrow{display:none}.hero-grid{grid-template-columns:1fr 1.08fr;gap:25px}.hero-copy{padding-bottom:35px}h1,h2,h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-1.4px}h1{font-size:56px;line-height:1.04;letter-spacing:-2.3px;margin:0 0 24px}h1 em{color:var(--ink)}.intro{font-size:18px;line-height:1.55}.hero-cta{margin-top:8px}.art{height:440px;margin:0 -25px 0 0;display:flex;align-items:center}.building-image{width:100%;height:auto;object-fit:contain}.paths{border-top:0;padding:24px 0 35px}.path h2{font-size:20px;font-weight:800;letter-spacing:0;text-transform:uppercase;position:relative}.path h2:before{content:"";position:absolute;width:5px;height:25px;left:-16px;top:0;background:#ffda24;border-radius:2px}.path .num{font-size:30px;color:#111;padding-top:0;line-height:1}.path .circle{border:0;border-radius:0}.path p{font-size:13px}.path:hover{background:#fafafa}.eyebrow{color:#55606e}.eyebrow:before{height:3px;background:#ffda24}.section{padding:65px 0}.section-head h2{font-size:36px;font-weight:800}.audiences button[aria-selected=true]{border-color:#ffda24}.service-tabs button{border-radius:6px}.service-tabs button[aria-selected=true]{background:#ffda24;color:#111;font-weight:600}.service-content h3{font-weight:800;font-size:27px;letter-spacing:-.8px}.mini-label{color:#55606e;font-weight:700}.service-content li:before{color:#111}.service-graphic{display:none}.service-content{grid-template-columns:1fr}.text-link{border-color:#ffda24;font-weight:600}.approach{background:#fafbfc}.step{border-top:3px solid #ffda24}.step .number{color:#55606e}.step h3{font-size:21px;font-weight:800}.dialog-options button[aria-pressed=true]{border-color:#ffda24;background:#ffda24;color:#111}a:focus-visible,button:focus-visible{outline-color:#665300}
@media(max-width:900px){h1{font-size:48px}.art{margin-right:0}.intro{font-size:17px}}
@media(max-width:640px){.nav{height:70px}.brand{font-size:23px}.original-logo{width:32px;height:32px}.hero{padding-top:33px}.hero-grid{display:flex;gap:0}h1{font-size:40px;line-height:1.08;letter-spacing:-1.5px;margin-bottom:18px}.hero-copy{padding-bottom:14px}.intro{font-size:16px;line-height:1.6}.hero-cta{margin-top:4px}.art{height:auto;min-height:210px;margin:0 -14px}.paths{margin-top:12px;padding-top:0;padding-bottom:15px}.path h2{font-size:18px}.path .num{font-size:24px}.path,.path+.path{grid-template-columns:30px 1fr 25px;gap:17px;padding:27px 0}.path h2:before{left:-12px;height:22px;width:4px}.section{padding:45px 0}.section-head h2{font-size:30px}.service-content h3{font-size:24px}.contact h2{font-weight:800;font-size:30px}.step h3{font-weight:800}}
@media(max-width:360px){h1{font-size:36px}}
.hero-grid{grid-template-columns:.85fr 1.3fr}.art{height:390px}.building-image{width:100%}.service-content{grid-template-columns:1fr 210px}.semantic-service-art{width:100%;align-self:center}.service-content h3{font-size:25px}.service-content p{font-size:13px}@media(max-width:900px){.service-content{grid-template-columns:1fr}.semantic-service-art{max-width:250px;justify-self:center}.hero-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.hero-grid{display:flex}.art{height:auto;min-height:180px;margin:10px -15px}.service-content{grid-template-columns:1fr}.semantic-service-art{max-width:230px}.hero-copy{padding-bottom:0}}
.art{display:flex;flex-direction:row;align-items:center;gap:0}.art .audience-image{width:50%;height:auto}@media(max-width:640px){.art{flex-direction:column;padding-bottom:0}.art .audience-image{width:100%;max-width:350px}.hero-grid{gap:0}}
.audience-figure{width:50%;margin:0;text-align:center;padding:0 4px}.art .audience-figure .audience-image{width:100%;max-width:none}.audience-figure figcaption{font-size:10px;font-weight:700;line-height:1.5;margin-top:12px}@media(max-width:640px){.audience-figure{width:100%;max-width:350px;margin-bottom:20px}.audience-figure figcaption{font-size:11px;margin-top:8px}}

/* Production interaction safeguards; original approved visual system retained. */
html{overflow-wrap:break-word}img{max-width:100%}.hero-grid>*{min-width:0}.menu{min-width:44px;min-height:44px}nav a{display:inline-flex;align-items:center;min-height:44px}.audiences button,.dialog-options button,.dialog-close{min-height:44px}.contact-direct{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-direct a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.dialog-options a{min-height:44px;display:inline-flex;align-items:center;background:#ffda24;color:#111;padding:10px 16px;border-radius:8px;font-size:13px}.privacy{font-size:12px;color:var(--muted)}.site-note{font-size:11px;color:var(--muted)}.contact-links{display:flex;flex-direction:column;gap:10px}.contact-links>a{font-size:13px;text-decoration:underline}.brand img{object-fit:contain}.audiences{flex-wrap:wrap}.service-content{min-width:0}.semantic-service-art{height:auto}.footer-links{flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #665300;outline-offset:4px}.skip{position:fixed}.no-script-services{margin-block:24px}.no-script-services details{padding:14px;border-bottom:1px solid var(--line)}
@media(max-width:800px){.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}nav a{padding:8px 4px}.navcta{justify-content:center}.nav{gap:16px}}@media(max-width:640px){.service-tabs button{font-size:12px}.art{position:relative}.footer-links{gap:12px}.dialog-options{display:grid}.wrap{padding-inline:20px}.contact-direct{gap:12px}.service-content{padding:24px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ui-icon{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px}.num .ui-icon{width:26px;height:26px}.service-content li:before{display:inline-block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;margin-right:14px;transform:rotate(45deg)}

.semantic-service-art.tab-service-art{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;transform:none}

[data-static-panel]{display:contents}[data-static-panel][hidden]{display:none!important}