/*
Theme Name: Van Elferen Consulting Modern
Theme URI: https://www.vanelferen.nl/
Author: Van Elferen Consulting
Description: Moderne WordPress-herbouw van de oorspronkelijke Van Elferen Consulting website, met behoud van de herkenbare zwart-wit fotografie, donkerblauw, lichtgrijs en de pay-off “van data naar informatie”.
Version: 6.1
Text Domain: vec-modern
*/
:root{--navy:#000080;--ink:#1a1a1a;--charcoal:#333;--paper:#f4f4f4;--soft:#e4e4e4;--red:#d71920;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Calibri,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--charcoal);line-height:1.6}.site-shell{background:var(--paper);min-height:100vh}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.photo-ribbon{background:#222;padding:0}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:var(--max);margin:auto}.photo-grid img{width:100%;height:142px;object-fit:cover;display:block;filter:grayscale(100%);transition:.35s ease}.photo-grid img:hover{filter:grayscale(0)}.brand{background:var(--soft);text-align:center;padding:22px 20px 12px}.brand h1{margin:0;color:var(--navy);font-size:clamp(2.2rem,5vw,3.65rem);line-height:1;font-weight:400;letter-spacing:-.04em}.brand h1 strong{font-weight:700}.tagline{margin:9px 0 0;color:var(--navy);text-transform:lowercase;letter-spacing:.35em;font-size:.9rem}.nav{background:linear-gradient(#f9fafc,#c9ccd1,#f8f9fb);border-top:1px solid #bcc0c6;border-bottom:1px solid #aeb3bb}.nav .wrap{display:flex;justify-content:center;align-items:center;gap:10px}.nav a{display:block;padding:11px 18px;color:#143c70;text-decoration:none;font-size:1.05rem}.nav a:hover,.nav .current-menu-item>a{color:var(--red)}.hero{background:var(--soft);padding:58px 0 62px}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:54px;align-items:center}.eyebrow{color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.8rem}.hero h2,.page-hero h2{font-size:clamp(2.25rem,4.5vw,3.85rem);line-height:1.03;margin:.2em 0;color:var(--navy);letter-spacing:-.04em}.lead{font-size:1.16rem;max-width:760px}.hero-card{background:rgba(255,255,255,.94);padding:26px 28px;border-left:5px solid var(--navy);box-shadow:0 10px 24px rgba(0,0,0,.055)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;text-decoration:none;padding:12px 19px;border-radius:3px;font-weight:700}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{border:1px solid var(--navy);color:var(--navy);background:#fff}.section{padding:72px 0;background:#fff}.section.alt{background:var(--paper)}.section h2{color:var(--navy);font-size:clamp(1.8rem,4vw,3rem);margin-top:0}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expertise-card{background:#fff;border-top:5px solid var(--navy);padding:26px;box-shadow:0 9px 24px rgba(0,0,0,.06)}.expertise-card h3{color:var(--navy);margin:.2em 0 .5em}.expertise-card.ai{border-color:var(--red)}.expertise-card.ai h3{color:var(--red)}.quote-band{padding:48px 0;background:var(--navy);color:white;text-align:center}.quote-band p{font-size:clamp(1.35rem,3vw,2.1rem);margin:0;font-weight:300}.page-hero{background:var(--soft);padding:58px 0 48px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}.content-main h2,.content-main h3{color:var(--navy)}.content-main h2{font-size:2rem;margin-top:2.4rem}.content-main p{font-size:1.05rem}.side-panel{position:sticky;top:20px;background:#fff;border-top:5px solid var(--navy);padding:22px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.side-panel a{display:block;color:var(--navy);padding:7px 0;text-decoration:none}.article-card{background:#fff;padding:32px;margin-bottom:28px;border-top:5px solid var(--navy);box-shadow:0 8px 22px rgba(0,0,0,.06)}.article-card h2{margin-top:0}.article-card table{max-width:100%}.article-card img{max-width:100%;height:auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-box{background:#fff;padding:30px;border-top:5px solid var(--navy);box-shadow:0 8px 22px rgba(0,0,0,.06)}.contact-box a{color:var(--navy)}.qr-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.qr-row img{width:150px;height:auto;background:#fff;padding:6px}.footer{background:var(--charcoal);color:#ddd;padding:36px 0}.footer a{color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer small{opacity:.8}.mobile-toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--navy);padding:12px}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(5,1fr)}.photo-grid img{height:105px}.hero-grid,.content-layout,.contact-grid{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}.side-panel{position:static}.tagline{letter-spacing:.18em}.nav .wrap{flex-wrap:wrap}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 28px))}.photo-grid{grid-template-columns:repeat(5,1fr)}.photo-grid img{height:72px}.brand{padding-top:25px}.tagline{font-size:.72rem;letter-spacing:.12em}.nav .wrap{gap:0}.nav a{padding:11px 9px;font-size:.94rem}.hero{padding:48px 0}.expertise-grid{grid-template-columns:1fr}.section{padding:50px 0}.footer-grid{display:block;text-align:center}.footer-grid>*+*{margin-top:12px}}

/* v4 homepage refinements */
.nav .wrap>li{list-style:none}.nav .wrap>li::marker{content:""}.nav .wrap{gap:14px}.nav a{padding:10px 16px}.hero{padding:50px 0 54px}.hero h2 span{display:block}.hero h2{font-size:clamp(2.2rem,4vw,3.55rem);max-width:900px}.hero-grid{gap:48px}.hero-card{padding:25px 28px;box-shadow:0 8px 20px rgba(0,0,0,.045)}.section{padding:64px 0}.expertise-grid{gap:18px}.expertise-card{padding:28px;min-height:190px}.expertise-card p{font-size:1rem;line-height:1.65}.quote-band{padding:35px 0}.quote-band p{font-size:clamp(1.25rem,2.4vw,1.85rem)}.experience-section .hero-grid{grid-template-columns:1.15fr .85fr}.experience-image{overflow:hidden;max-width:430px;margin-left:auto}.experience-image img{width:100%;height:260px;object-fit:cover;display:block;filter:grayscale(100%)}.footer{padding:28px 0}.footer-links{display:flex;align-items:center;gap:10px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}
@media(max-width:900px){.experience-section .hero-grid{grid-template-columns:1fr}.experience-image{margin:10px 0 0;max-width:100%}.experience-image img{height:280px}}
@media(max-width:620px){.hero{padding:42px 0 46px}.hero h2{font-size:clamp(2rem,10vw,2.75rem)}.expertise-card{min-height:0}.footer-links{justify-content:center}}

/* v5 page refinements */
.work-areas{display:grid;gap:20px}.work-area{display:grid;grid-template-columns:64px 1fr;gap:22px;background:#fff;padding:28px;border-left:4px solid var(--navy);box-shadow:0 7px 20px rgba(0,0,0,.05);scroll-margin-top:24px}.work-area h2{margin:0 0 10px;font-size:1.8rem}.work-area p:last-child{margin-bottom:0}.work-number{font-size:1.4rem;font-weight:700;color:#aaa}.work-area-ai{border-left-color:var(--red)}.work-area-ai h2,.work-area-ai .work-number{color:var(--red)}.work-cta h2,.archive-bridge h2{color:#fff;margin:0 0 8px}.work-cta p{margin-bottom:20px}.btn-light{background:#fff;color:var(--navy)}
.archive-intro{max-width:820px;margin-bottom:30px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-summary{background:#fff;padding:28px;border-top:4px solid var(--navy);box-shadow:0 7px 20px rgba(0,0,0,.05)}.article-summary h3{color:var(--navy);font-size:1.35rem;margin:.3em 0 .65em}.article-summary p{margin-bottom:18px}.article-summary small{color:#666}.article-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:700}.archive-bridge{text-align:left}.archive-bridge .wrap{max-width:920px}.archive-bridge p{font-size:1.08rem;line-height:1.7}.eyebrow.light{color:#fff;opacity:.75;margin-bottom:8px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.contact-actions button{font-family:inherit;font-size:1rem;cursor:pointer}.contact-reveal{min-height:30px;margin-top:12px}.contact-reveal.visible{background:var(--paper);padding:12px 14px;border-left:3px solid var(--red)}.contact-reveal a{font-weight:700}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:6px;font-weight:700}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;font:inherit;border:1px solid #b9b9b9;background:#fff;padding:11px 12px;border-radius:2px}.contact-form textarea{resize:vertical}.contact-form .privacy-check{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;font-weight:400;font-size:.93rem}.contact-form .privacy-check input{margin-top:5px}.contact-form .btn{border:0;font:inherit;cursor:pointer;justify-self:start}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-notice{padding:12px 14px;margin-bottom:18px}.form-notice.success{border-left:4px solid #2f7d32;background:#edf7ed}.form-notice.error{border-left:4px solid var(--red);background:#fff0f0}.legal-copy{max-width:860px}.legal-copy h2:first-child{margin-top:0}
@media(max-width:760px){.article-list{grid-template-columns:1fr}.work-area{grid-template-columns:1fr;gap:4px}.work-number{font-size:.85rem}.contact-actions{align-items:stretch}.contact-actions .btn{width:100%;text-align:center}}

/* v6 SEO and semantic heading refinements */
.site-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:0;font-weight:400}
.hero h1,.page-hero h1{margin:0 0 18px;line-height:1.08;letter-spacing:-.025em}
.hero h1{font-size:clamp(2.2rem,4vw,3.55rem);max-width:900px}
.hero h1 span{display:block}
.page-hero h1{font-size:clamp(2.1rem,4vw,3.25rem)}
@media(max-width:620px){.hero h1{font-size:clamp(2rem,10vw,2.75rem)}}