/* Visie: drie invalshoeken komen samen in een professionele afweging. */
.vision-hero .product-hero-photo{object-position:68% 44%}.vision-hero h1{font-size:60px;letter-spacing:-1.5px}.vision-section .visual-heading{margin-bottom:23px}
.vision-map{max-width:1160px;margin-inline:auto}.vision-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px;position:relative;padding-bottom:45px}.vision-source{text-align:center;position:relative;padding-bottom:24px}.vision-source:after{content:'';width:2px;height:40px;background:#aecfe7;position:absolute;bottom:-40px;left:50%}.vision-sources:after{content:'';position:absolute;bottom:5px;left:calc((100% - 130px)/6);right:calc((100% - 130px)/6);height:2px;background:#aecfe7}.source-art{height:147px;margin-bottom:12px}.source-art svg{width:100%;height:100%;fill:none;stroke:#002d62;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.source-art .source-wash{fill:#ecf5fd;stroke:none}.source-art .source-accent{stroke:#e5005b;stroke-width:3}.vision-source h3{font-size:27px;margin:0 0 8px}.vision-source p{font-size:18px;line-height:1.5;max-width:29ch;margin:0 auto}.vision-outcome{position:relative;background:#002d62;color:white;display:flex;justify-content:center;align-items:center;gap:25px;max-width:780px;margin:25px auto 0;padding:25px 30px;border-radius:70% 30% 75% 25%/12% 18% 12% 18%}.vision-outcome:before{content:'';position:absolute;bottom:100%;height:30px;width:2px;background:#aecfe7;left:50%}.vision-outcome svg{width:61px;height:61px;flex:none;fill:none;stroke:#c4e4fa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vision-outcome h3{font-size:30px;line-height:1.2;color:white;margin:0 0 7px}.vision-outcome p{margin:0;font-size:18px;color:#e6f2fc}.vision-map-note{text-align:center;font-size:18px;margin:20px 0 0;color:#344f67}.vision-practice .practice-grid>img{object-position:center 48%}
.vision-principles{padding-block:43px 47px}.vision-principles>h2{font-size:32px;margin:0 0 28px}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.principles-grid article{display:flex;gap:18px;align-items:start}.principles-grid svg{width:48px;height:52px;flex:none;stroke:#002d62;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.principles-grid .principle-accent{stroke:#e5005b;stroke-width:2.4}.principles-grid h3{font-size:25px;line-height:1.2;margin:0 0 9px}.principles-grid p{font-size:18px;line-height:1.55;margin:0}.vision-product-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1100px){.vision-sources{gap:30px}.vision-sources:after{left:calc((100% - 60px)/6);right:calc((100% - 60px)/6)}.vision-hero h1{font-size:54px}.principles-grid{gap:26px}.principles-grid article{gap:12px}.principles-grid svg{width:40px;height:45px}.principles-grid h3{font-size:23px}}
@media(max-width:760px){.vision-hero h1{font-size:48px}.vision-hero .product-hero-photo{object-position:65% 42%}.vision-sources{gap:27px;grid-template-columns:1fr;padding:0}.vision-source{display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-items:center;text-align:left;padding:0}.source-art{grid-row:span 2;height:105px;margin:0}.vision-source h3{font-size:25px;align-self:end;margin-bottom:6px}.vision-source p{align-self:start;max-width:45ch;margin:0;font-size:18px}.vision-source:after,.vision-sources:after{display:none}.vision-outcome{margin-top:32px;padding:25px 22px;gap:17px}.vision-outcome:before{display:none}.vision-outcome svg{width:48px;height:54px}.vision-outcome h3{font-size:26px}.vision-outcome p{font-size:17px}.vision-map-note{font-size:17px;text-align:left}.principles-grid{grid-template-columns:1fr;gap:26px}.principles-grid article{gap:20px}.principles-grid svg{width:48px;height:50px}.principles-grid h3{font-size:25px}.vision-principles{padding-block:32px}.vision-product-links{gap:14px}}
@media(max-width:430px){.vision-hero h1{font-size:43px}.vision-source{grid-template-columns:80px 1fr;column-gap:13px}.source-art{height:90px}.vision-source h3{font-size:24px}.vision-source p{font-size:17px}.vision-outcome{padding-inline:17px;gap:14px}.vision-outcome h3{font-size:24px}.vision-outcome svg{width:42px}}

/* Onze visie: whitepaper vertaald naar de operationele afweging, met vervangbare productbeelden. */
.vision-position{padding-block:56px}
.vision-position-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:35px}
.vision-position-intro h2,.vision-section-heading h2,.vision-shared h2{font-size:38px;line-height:1.16}
.vision-position-intro p{max-width:62ch;font-size:19px;margin:0}
.vision-landscape{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px}
.vision-landscape article{padding:25px 26px;background:#f3f7fb;border-top:3px solid #afcde2}
.vision-landscape .vision-landscape-center{background:#eaf4fc;border-color:var(--magenta)}
.vision-landscape h3{font-size:29px;margin-bottom:12px}
.vision-landscape p{font-size:18px;margin:0;line-height:1.6}
.vision-position-note{max-width:86ch;margin:25px 0 0;font-size:18px}
.vision-foundation-band{background:#eff6fc;border-block:1px solid #d9e6f1}
.vision-foundation{padding-block:56px}
.vision-section-heading{max-width:850px;margin-bottom:34px}
.vision-section-heading p{font-size:19px;line-height:1.65;margin:18px 0 0}
.vision-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.vision-foundation-grid article{min-width:0}
.vision-foundation-grid svg{width:60px;height:60px;fill:none;stroke:var(--deep);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.vision-foundation-grid h3{font-size:29px;margin-bottom:12px}
.vision-foundation-grid p{max-width:34ch;font-size:18px;line-height:1.6;margin-bottom:17px}
.vision-foundation-grid article>span{display:block;font-size:16px;line-height:1.5;color:#385a78;border-top:1px solid #c5d8e7;padding-top:14px;max-width:38ch}
.vision-professional{margin-top:34px;padding:23px 27px;background:white;border-left:4px solid var(--magenta)}
.vision-professional strong{font:700 29px/1.3 var(--display);color:var(--deep)}
.vision-professional p{font-size:18px;margin:9px 0 0;max-width:88ch}
.vision-evidence{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:center;padding-block:60px}
.vision-evidence-reverse{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
.vision-evidence-copy h2{font-size:36px;line-height:1.16;margin-bottom:23px}
.vision-evidence-copy p{font-size:18px;max-width:54ch;line-height:1.65}
.vision-evidence-copy .page-label{font:400 19px/1.4 var(--display);margin-bottom:13px;color:#9e0844}
.vision-evidence-image{margin:0;min-width:0}
.vision-evidence-image>a{display:block;padding:17px;background:white;border:1px solid #cbdce8;border-top:4px solid var(--deep);box-shadow:0 12px 36px #002d6210}
.vision-evidence-image>a:hover{border-top-color:var(--magenta)}
.vision-evidence-image img{width:100%;height:auto}
.vision-evidence-image figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:14px;line-height:1.5;color:#45617b}
.vision-evidence-image figcaption a{font-weight:700;white-space:nowrap}
.vision-evidence-band{background:#f2f7fc;border-block:1px solid #e1eaf2}
.vision-shared{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:60px}
.vision-shared h2{margin-bottom:23px}
.vision-shared>div>p{font-size:18px;max-width:60ch}
.vision-shared>div>p:last-child{margin-bottom:0}
.vision-reference{border-left:3px solid var(--magenta);padding:6px 0 6px 30px}
.vision-reference h3{font-size:28px;margin-bottom:17px}
.vision-reference p{font-size:18px;line-height:1.65;max-width:48ch}
.vision-reference p:last-child{margin-bottom:0}
.vision-cycle-band{background:#ecf5fd;border-top:1px solid #d6e6f2}
@media(max-width:1100px){.vision-position-intro,.vision-shared{gap:40px}.vision-position-intro h2,.vision-section-heading h2,.vision-shared h2{font-size:34px}.vision-foundation-grid{gap:30px}.vision-evidence{gap:38px}.vision-evidence-copy h2{font-size:32px}.vision-landscape{gap:18px}.vision-landscape article{padding:22px}.vision-evidence-copy h2 br{display:none}}
@media(max-width:900px){.vision-evidence,.vision-evidence-reverse{grid-template-columns:1fr;gap:28px;padding-block:42px}.vision-evidence-reverse .vision-evidence-copy{grid-row:1}.vision-evidence-copy p{max-width:68ch}.vision-evidence-image{max-width:780px;width:100%}.vision-position-intro{grid-template-columns:1fr;gap:23px}.vision-position-intro h2 br{display:none}.vision-position-intro p{max-width:75ch}.vision-shared{grid-template-columns:1fr;gap:28px}.vision-shared>div>p{max-width:74ch}.vision-landscape{grid-template-columns:1fr}.vision-landscape article{padding:21px 24px}.vision-landscape p{max-width:72ch}.vision-landscape h3{font-size:27px;margin-bottom:8px}.vision-foundation-grid{grid-template-columns:1fr;gap:29px}.vision-foundation-grid article{display:grid;grid-template-columns:62px 1fr;column-gap:22px}.vision-foundation-grid svg{grid-row:span 3;margin:0}.vision-foundation-grid h3{margin-bottom:8px}.vision-foundation-grid p{max-width:65ch}.vision-foundation-grid article>span{max-width:65ch}.vision-reference p{max-width:70ch}}
@media(max-width:760px){.vision-story-hero .product-hero-copy{max-width:580px}.vision-story-hero .product-hero-copy>p:not(.page-label){max-width:52ch}.vision-position,.vision-foundation,.vision-shared{padding-block:36px}.vision-position-intro h2,.vision-section-heading h2,.vision-shared h2{font-size:31px}.vision-section-heading p,.vision-position-intro p{font-size:18px}.vision-evidence-copy h2{font-size:31px}.vision-professional{padding:20px 22px}.vision-professional strong{font-size:27px}.vision-evidence-image>a{padding:9px}.vision-evidence-image figcaption{font-size:13px;gap:15px}.vision-reference{padding-left:23px}.vision-reference h3{font-size:26px}}
@media(max-width:430px){.vision-position-intro h2,.vision-section-heading h2,.vision-shared h2,.vision-evidence-copy h2{font-size:29px}.vision-shared h2 br{display:none}.vision-foundation-grid article{grid-template-columns:43px 1fr;column-gap:15px}.vision-foundation-grid svg{width:43px;height:46px}.vision-foundation-grid h3{font-size:27px}.vision-foundation-grid p{font-size:18px}.vision-foundation-grid article>span{font-size:16px}.vision-professional{padding:18px}.vision-professional strong{font-size:25px}.vision-evidence{padding-block:36px}}

.vision-position-intro>*,.vision-landscape>*,.vision-evidence>*,.vision-shared>*{min-width:0}
