:root{--navy:#0b1722;--blue:#1175b8;--sky:#d7edf8;--orange:#f36d22;--cream:#f3f1eb;--white:#fff;--text:#17222c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:var(--cream)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Barlow Condensed',Arial,sans-serif}h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.83;letter-spacing:-.035em;text-transform:uppercase;margin:0}h1 em,h2 em{color:var(--orange);font-style:normal}h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.92;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:24px}.header{height:88px;padding:0 5vw;display:flex;align-items:center;gap:4vw;background:var(--white);position:relative;z-index:20}.dark-head{background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:.76;letter-spacing:.02em;white-space:nowrap}.brand small{display:block;color:var(--blue);font-size:13px;letter-spacing:.28em;margin-top:8px}.brand-mark{width:48px;height:38px;display:flex;align-items:flex-end;gap:3px;transform:skewX(-13deg)}.brand-mark i{display:block;background:var(--orange);width:21px}.brand-mark i:first-child{height:36px;clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}.brand-mark i:last-child{height:27px;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}.inverse{color:#fff}.header nav{display:flex;gap:34px;margin-left:auto}.header nav a{font-size:14px;font-weight:600;position:relative}.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--orange);transition:.2s}.header nav a:hover:after,.header nav a.active:after{right:0}.header-call{padding:15px 20px;background:var(--orange);color:#fff;font-weight:600;font-size:13px}.menu{display:none;background:none;border:0}.hero{height:calc(100vh - 88px);min-height:650px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,31,.96) 0%,rgba(8,20,31,.82) 40%,rgba(8,20,31,.13) 75%),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=2000&q=85') center/cover}.hero:after{content:"";position:absolute;right:-10vw;top:-25vw;width:45vw;height:120vh;background:rgba(17,117,184,.23);transform:skewX(-16deg)}.hero-content{position:relative;z-index:2;width:min(820px,90%);margin-left:8vw}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:600;font-size:12px;color:#b5e3f8;margin-bottom:28px}.eyebrow:before{content:"";display:inline-block;width:35px;height:2px;background:var(--orange);vertical-align:middle;margin-right:14px}.eyebrow.dark{color:var(--blue)}.lead{font-size:18px;line-height:1.65;max-width:550px;margin:32px 0}.actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 24px;font-size:14px;font-weight:600;border:0;cursor:pointer}.primary{background:var(--orange);color:#fff}.ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.light{background:#fff;color:var(--navy)}.hero-card{position:absolute;z-index:3;right:5vw;bottom:0;background:var(--orange);padding:28px 34px;width:300px}.hero-card span,.contact-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;opacity:.75;margin-bottom:7px}.hero-card strong{display:block;font-family:'Barlow Condensed';font-size:26px;text-transform:uppercase}.hero-card a{display:inline-block;border-bottom:1px solid;margin-top:20px;font-size:13px}.section{padding:110px 8vw}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;background:#fff}.intro>div:last-child{padding-top:45px}.intro p,.copy p{line-height:1.8;color:#65717a}.text-link{display:inline-flex;gap:25px;font-weight:600;font-size:14px;border-bottom:2px solid var(--orange);padding-bottom:7px;margin-top:20px}.services{background:var(--sky)}.section-head{display:flex;justify-content:space-between;align-items:end}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.service-grid article{background:#fff;padding:45px;border-right:1px solid #dae1e4;min-height:330px}.service-grid article:nth-child(2){transform:translateY(22px);background:var(--navy);color:#fff}.service-grid article>span{font-size:11px;color:#88949b}.icon{font-size:32px;color:var(--orange);margin:45px 0 25px}.service-grid h3{font-size:30px;text-transform:uppercase;margin-bottom:15px}.service-grid p,.value-row p{font-size:14px;line-height:1.7;color:#71808a}.cta{padding:80px 8vw;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:800px;margin:0}.cta .phone{display:block;text-align:center;margin-top:18px;font-weight:600}footer{background:var(--navy);color:#dce3e7;padding:70px 8vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer>div:not(.brand){display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.6}footer strong{text-transform:uppercase;letter-spacing:.15em;color:#7891a2;font-size:11px;margin-bottom:6px}.copyright{grid-column:1/-1;border-top:1px solid #243542;margin:20px 0 0;padding-top:25px;font-size:11px;color:#6f808d}.page-hero{height:540px;color:#fff;display:flex;align-items:center;padding:0 8vw;position:relative;background-position:center;background-size:cover}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,31,.95),rgba(8,20,31,.4))}.page-hero>div{position:relative;z-index:2}.page-hero h1{font-size:clamp(4rem,7vw,7.5rem)}.about-hero{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=85')}.services-hero{background-image:url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=2000&q=85')}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;background:#fff}.photo{min-height:560px;background-size:cover;background-position:center}.photo-about{background-image:url('https://images.unsplash.com/photo-1616401784845-180882ba9ba8?auto=format&fit=crop&w=1200&q=85')}.copy{padding:50px 0}.values{background:var(--sky)}.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bfd5df;margin-top:45px}.value-row article{background:var(--sky);padding:35px}.value-row b{font-size:12px;color:var(--orange)}.value-row h3{font-size:30px;text-transform:uppercase;margin:30px 0 10px}.service-list{background:#fff}.service-item{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;border-top:1px solid #d7dddf;padding:42px 0;gap:40px}.service-item:last-child{border-bottom:1px solid #d7dddf}.service-item>b{color:var(--orange)}.service-item h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:10px}.service-item p{max-width:700px;line-height:1.7;color:#66747d}.service-item>span{font-size:30px;color:var(--blue)}.process{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--sky)}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #b9d2dd}.process li b{width:32px;height:32px;background:var(--orange);color:#fff;display:grid;place-items:center}.process li span{line-height:1.6;color:#60727c}.process li strong{display:block;color:var(--text)}.contact-head{background:var(--navy);color:#fff;padding:100px 8vw;display:grid;grid-template-columns:1.5fr .7fr;gap:8vw}.contact-head>div:first-child>p:last-child{max-width:600px;line-height:1.7;color:#a8b8c3;margin-top:30px}.contact-card{background:var(--blue);padding:45px}.contact-card>a:first-of-type{display:block;font-family:'Barlow Condensed';font-size:38px;font-weight:700;margin-bottom:36px}.contact-card p{line-height:1.7}.light-link{color:#fff}.contact-body{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7vw}form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}input,textarea{width:100%;margin-top:8px;border:1px solid #cbd3d7;background:#f7f7f5;padding:16px;font:inherit;font-size:14px;outline:none}input:focus,textarea:focus{border-color:var(--blue)}form .btn{align-self:flex-start}.form-note{font-size:12px;color:#7c888f}.map{background:var(--cream)}.map iframe{width:100%;height:390px;border:0}.map>div{padding:28px}.map strong{font-family:'Barlow Condensed';font-size:24px;text-transform:uppercase}.map p{font-size:14px;line-height:1.6;margin:8px 0 0}
@media(max-width:900px){.header{height:74px}.header-call{display:none}.menu{display:block;margin-left:auto;width:38px;height:38px}.menu span{display:block;height:2px;background:currentColor;margin:7px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--navy);color:#fff;padding:30px;flex-direction:column}.header nav.open{display:flex}.hero{height:760px}.hero-content{margin-left:6vw}.hero-card{right:0}.intro,.split,.process,.contact-head,.contact-body{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(2){transform:none}.section-head{align-items:start;flex-direction:column}.value-row{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}footer .brand{grid-column:1/-1}.page-hero{height:460px}.photo{min-height:430px}.contact-head{padding-top:70px}}@media(max-width:560px){h1{font-size:3.7rem}.section{padding:75px 6vw}.hero{min-height:690px}.hero-content{margin-left:6vw;margin-top:-70px}.hero-card{width:88%;right:0}.actions{align-items:flex-start;flex-direction:column}.intro>div:last-child{padding-top:0}.service-grid article{padding:34px}.service-item{grid-template-columns:35px 1fr;gap:15px}.service-item>span{display:none}.cta{padding:65px 6vw}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}.page-hero{padding:0 6vw}.contact-card{padding:30px}}

/* Blauw-witte huisstijl gebaseerd op de belettering van de vrachtwagen. */
:root{--navy:#071d35;--blue:#1762ad;--sky:#e5f1fb;--orange:#1762ad;--cream:#f4f8fb;--text:#102a43}
.brand{line-height:1}.brand img{display:block;width:250px;height:auto}.brand.inverse img{filter:brightness(0) invert(1)}
.brand-mark,.brand>span:not(.brand-mark){display:none}
.hero-card{border-top:4px solid #fff}
.primary,.header-call{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
@media(max-width:560px){.brand img{width:205px}.header{padding-left:4vw;padding-right:4vw}}