/* Constructie 02. One palette, content-specific layouts, shared motion. */
[data-brand="constructie"]{--ink:#152c42;--muted:#496177;--paper:#f7f9fc;--teal:#20496b;--mint:#e7eef5;--lime:#dce7ef;--line:#c5d3df;--purple:#e7eef5;--coral:#dce7ef;--heading:'Public Sans',Arial,sans-serif;--brand-orange:#ff6600;--brand-orange-soft:#e7eef5;--action-orange:#20496b;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
[data-brand="constructie"] .papier-mast{background:#20496b;color:#fff}
[data-brand="constructie"] .papier-mast__inner{border-color:#5c7c97;min-height:92px}
[data-brand="constructie"] .papier-mast :is(a,button){color:#fff}
[data-brand="constructie"] .papier-merkteken{width:58px;height:42px}
[data-brand="constructie"] .company-menu-button{background:#20496b;border-color:#a9c0d3}
[data-brand="constructie"] .papier-nav .company-nav-contact{border-color:#ff6600}
[data-brand="constructie"] :is(.papier-plaat,.project-art,.papier-register,.papier-noot--contact,.approach li>a){border-radius:2px;box-shadow:none}
[data-brand="constructie"] .company-home{--brand-orange-soft:#e7eef5;--action-orange:#20496b;max-width:none}
[data-brand="constructie"] .company-home .hero-a{background:#20496b;color:#fff;max-width:none;padding-inline:max(40px,calc((100vw - 1200px)/2));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;padding-block:48px 58px}
[data-brand="constructie"] .company-home .hero-a :is(h1,.accent-word,.period){color:#fff}
[data-brand="constructie"] .company-home .hero-a h1{font-size:clamp(44px,4.9vw,72px);font-weight:500;letter-spacing:-2.4px}
[data-brand="constructie"] .company-home .hero-a :is(.lead,.text-link,.company-signature,.company-signature strong){color:#d9e5ef}
[data-brand="constructie"] .company-home .accent-word svg{display:none}
[data-brand="constructie"] .company-home .hero-a .button.dark{background:#f7f9fc;color:#152c42;border-left:3px solid #ff6600;border-radius:2px}
[data-brand="constructie"] .company-home .company-signature{border-color:#ff6600}
[data-brand="constructie"] .brand-working-example{padding-block:32px}
[data-brand="constructie"] .brand-working-example .hp-panel{max-width:100%;background:#e7eef5}
[data-brand="constructie"] .brand-page-hero{background:#20496b;color:#fff;padding:42px 40px}
.brand-page-heading{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:55px;align-items:center}
[data-brand="constructie"] .brand-page-hero h1{color:#fff;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.1;margin:0 0 24px;letter-spacing:-1.8px;max-width:24ch}
[data-brand="constructie"] .brand-page-hero p{color:#d9e5ef;font-size:17px;line-height:1.65;max-width:60ch;margin:0}
.brand-scene{margin:0;min-width:0;align-self:center;isolation:isolate}
.brand-scene svg{width:100%;display:block;max-height:310px;fill:none;stroke:#a4bfd4;stroke-width:1.3}
.brand-scene rect{fill:#244f72}
.brand-scene text{fill:#d9e5ef;stroke:none;font:15px 'Public Sans',sans-serif}
.brand-scene circle{fill:#ff6600;stroke:none}
.brand-scene .brand-join{stroke:#ff6600;stroke-width:2;transform-origin:center;transform-box:fill-box}
.brand-scene .brand-part{transform-origin:center;transform-box:fill-box}
.brand-scene figcaption{border-top:1px solid #5c7c97;display:flex;justify-content:space-between;align-items:center;min-height:45px;font:11px 'Public Sans',sans-serif;color:#d9e5ef;letter-spacing:2px}
.brand-scene button{background:none;color:#fff;border:1px solid #9bb6ca;border-radius:2px;min-width:44px;min-height:40px;font-size:25px;cursor:pointer}
.brand-scene.brand-construction svg{max-height:510px;stroke:#88a9c3}
.brand-construction .plate{fill:#20496b;stroke:#b9d4e8}
.brand-construction .layer-top .plate{fill:#285777}
.brand-construction .layer-bottom .plate{fill:#193e5d}
.brand-construction .orange-joint{stroke:#ff6600;stroke-width:2.5}
.brand-construction .guide-lines{opacity:.3}
.brand-construction .connectors{stroke-dasharray:3 5;opacity:.4}
.brand-construction .plate-labels text{font-size:12px;fill:#c5d9e8}
[data-brand="constructie"] .brand-scene :focus-visible{outline:3px solid #ff6600;outline-offset:4px}
[data-brand="constructie"] .company-footer{background:#e7eef5;border-radius:0}
[data-brand="constructie"] .company-home :is(.document-art,.access-art,.leitz-art,.nk-card-art){background:#e7eef5;color:#152c42}
[data-brand="constructie"] .company-home .approach li>a{background:#e7eef5}
[data-brand="constructie"] :is(.papier-knop,.button,button){transition:transform 160ms var(--ease-out)}
[data-brand="constructie"] :is(.papier-knop,.button,button):active{transform:scale(.98)}
[data-brand="constructie"] .video-hero{padding-block:16px}
@media(hover:hover) and (pointer:fine){[data-brand="constructie"] .papier-nav a:hover{text-decoration:underline;text-decoration-color:#ff6600;text-underline-offset:8px}[data-brand="constructie"] :is(.project,.papier-artikelen a):hover{transform:translateY(-2px);transition:transform 180ms var(--ease-out)}}
@media(max-width:960px){[data-brand="constructie"] .company-menu-open .papier-nav{background:#20496b}.brand-page-heading{gap:28px}[data-brand="constructie"] .papier-mast__inner{padding-inline:22px}}
@media(max-width:700px){[data-brand="constructie"] .company-home .hero-a{grid-template-columns:1fr;padding:30px 22px;gap:28px}[data-brand="constructie"] .company-home .hero-a h1{font-size:48px;letter-spacing:-1.8px}[data-brand="constructie"] .brand-page-hero{padding:30px 22px}.brand-page-heading{grid-template-columns:1fr;gap:24px}[data-brand="constructie"] .brand-page-hero h1{font-size:39px;letter-spacing:-1.3px}.brand-scene svg{max-height:235px}.brand-scene.brand-construction svg{max-height:340px}[data-brand="constructie"] .papier-merkteken{width:49px;height:37px}[data-brand="constructie"] .papier-merk{font-size:23px}}
@media(max-width:360px){[data-brand="constructie"] .company-home .hero-a h1{font-size:42px}[data-brand="constructie"] .brand-page-hero h1{font-size:34px}[data-brand="constructie"] .papier-mast__inner{padding-inline:14px;gap:10px}[data-brand="constructie"] .papier-merk{font-size:20px}}
@media(prefers-reduced-motion:reduce){[data-brand="constructie"] *,[data-brand="constructie"] *::before,[data-brand="constructie"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-brand="constructie"] :is(.papier-knop,.button,button):active{transform:none}}
[data-brand="constructie"] .papier-mast .papier-merk :is(strong,b,span){color:#fff}
[data-brand="constructie"] .brand-page-hero{background:#20496b}
.brand-page-heading>*{min-width:0;overflow-wrap:anywhere}
[data-brand="constructie"] .brand-page-hero h1{overflow-wrap:anywhere}
[data-brand="constructie"] .brand-scene figcaption,[data-brand="constructie"] .brand-scene figcaption>span{color:#d9e5ef;background:transparent}
[data-brand="constructie"] .evidence-main :is(th,td,caption){overflow-wrap:anywhere;min-width:0}
[data-brand="constructie"] .evidence-main table{table-layout:fixed;max-width:100%;width:100%}
[data-brand="constructie"] main>.brand-page-hero{grid-column:1/-1;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-top:0;box-sizing:border-box}
[data-brand="constructie"] .brand-scene figcaption{letter-spacing:0;font-size:11px}
[data-brand="constructie"] .brand-page-hero h1{background:none;-webkit-text-fill-color:currentColor}
[data-brand="constructie"] .video-hero{min-height:0;padding:20px 0}
[data-brand="constructie"] .hp-flex :is(.hp-customer,.hp-model-app){background:#f7f9fc;border-color:#b9cbd9;border-radius:2px}
[data-brand="constructie"] .hp-flex :is(.hp-speaker,.hp-model-state,.hp-section-label){color:#496177}
[data-brand="constructie"] .hp-flex .hp-wish-options button{color:#20496b;border-color:#92adc3}
[data-brand="constructie"] .hp-flex .hp-wish-options button[aria-pressed=true],[data-brand="constructie"] .hp-flex .hp-apply{background:#20496b;color:#fff;border-color:#20496b}
[data-brand="constructie"] .hp-flex .hp-apply[aria-disabled=true]{background:#dce7ef;color:#152c42}
[data-brand="constructie"] .hp-flex[data-phase=result] .hp-apply{background:#f7f9fc;color:#20496b;border-color:#92adc3}
[data-brand="constructie"] :is(.evidence-header,.register-header){background:#20496b;color:#fff}
[data-brand="constructie"] :is(.evidence-header,.register-header) :is(a,.brand-name,.brand-highlight){color:#fff;-webkit-text-fill-color:currentColor;opacity:1}
[data-brand="constructie"] :is(.evidence-brand,.register-brand) img{width:58px;height:42px}

/* Context illustrations occupy their own fixed-ratio canvas; article text never moves. */
.context-illustration{position:relative;width:100%;background:#20496b;overflow:hidden}
.context-illustration>div{width:100%;line-height:0}
.context-illustration .context-art{display:block;width:100%;height:auto;aspect-ratio:900/620;max-height:none}
.context-illustration[data-context-state="waiting"] [data-context-phase]{opacity:0}
.context-illustration [data-context-replay]{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #93b5cd;background:#20496b;color:#e5f0f7;font:27px/1 system-ui;border-radius:2px;cursor:pointer}
.context-illustration [data-context-replay][hidden]{display:none}
.context-illustration [data-context-replay]:focus-visible{outline:2px solid #ff6600;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.context-illustration[data-context-state="waiting"] [data-context-phase]{opacity:1}}

.brand-construction.context-illustration [data-context-replay]{position:static}.brand-construction.context-illustration figcaption{padding:10px 0}.brand-construction.context-illustration .context-art{max-height:540px}