*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#0A1424;color:#FFFFFF;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7CC6FF;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:#5CB8FF;color:#0A1424;padding:12px 16px;border-radius:4px;font-weight:700;z-index:10}
.skip:focus{left:8px}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
details>summary::after{content:'+';float:right;color:#7CC6FF;font-weight:400;font-size:26px;line-height:1}
details[open]>summary::after{content:'–'}
button{font-family:inherit}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* columns */
.wrap{max-width:1360px;margin:0 auto;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
.hdr{max-width:1360px;margin:0 auto;padding:22px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.hdr .logo{color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px}
.hdr .x{width:44px;height:44px;background:#5CB8FF;color:#0A1424;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;border-radius:4px}
.hdr .logo b{display:block;font-weight:800;font-size:19px}.hdr .logo small{display:block;font-size:13px;color:#A6B4CB}
.hdr nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;font-size:15px;font-weight:600}
.hdr nav a{color:inherit;text-decoration:none;padding:10px 0}.hdr nav a.act{color:#7CC6FF}
.hdr nav .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0}
.hdr nav .lang{border:1px solid #3B5072;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}
.hdr nav .cta{padding:12px 22px;background:#5CB8FF;color:#0A1424;border-radius:4px;font-weight:700}
.hero2{padding-top:40px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.grow{flex:999 1 500px;min-width:0}
.kick{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7CC6FF;margin-bottom:20px}
.h-xl{font-weight:900;font-size:clamp(60px,8vw,128px);line-height:.88;letter-spacing:-.045em;margin:0 0 26px}
.h-l{font-weight:900;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.03em;margin:0 0 36px}
.h-m{font-weight:800;font-size:clamp(32px,3.6vw,48px);letter-spacing:-.025em;margin:0}
.lead{font-size:20px;line-height:1.55;color:#DFE7F3;margin:0 0 32px;max-width:600px}
.stats{display:flex;flex-wrap:wrap;gap:32px}.stats b{display:block;font-weight:900;font-size:48px;line-height:1;color:#7CC6FF}.stats span{display:block;font-size:14px;color:#A6B4CB;margin-top:6px}
.collage{flex:1 1 360px;min-width:0;position:relative}
.collage-old img{display:block;width:min(100%,440px);margin:0 auto;aspect-ratio:4/5;object-fit:cover;object-position:center 12%;border-radius:6px;transform:rotate(2deg);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.feat{color:inherit;text-decoration:none;background:#101D33;border-radius:6px;overflow:hidden;display:flex;flex-wrap:wrap}
.feat img{flex:1 1 480px;min-width:0;width:100%;height:420px;object-fit:cover;display:block}
.feat-b{flex:1 1 420px;min-width:0;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.tag{align-self:flex-start;background:#5CB8FF;color:#0A1424;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:3px}
.feat-t{font-weight:900;font-size:clamp(30px,3.4vw,46px);line-height:1.02;letter-spacing:-.025em}
.feat-x{font-family:'Newsreader',serif;font-size:20px;line-height:1.55;color:#DFE7F3}
.acc{font-weight:700;font-size:16px;color:#7CC6FF}
.band{background:#2E7BEA;color:#FFFFFF}
.quote-serif{font-family:'Newsreader',serif;font-style:italic;font-size:clamp(30px,3.8vw,52px);line-height:1.15;margin:0 0 20px}
.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{font:600 15px 'Archivo',sans-serif;cursor:pointer;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid #3B5072;background:transparent;color:#FFFFFF}
.pill.on{background:#5CB8FF;border-color:#5CB8FF;color:#0A1424}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ccard{color:inherit;text-decoration:none;background:#101D33;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.ccard img{display:block;width:100%;height:190px;object-fit:cover}
.ccard-b{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.ccard-m{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7CC6FF}
.mut{color:#A6B4CB;font-weight:600}
.ccard-t{font-weight:800;font-size:22px;line-height:1.15}
.ccard-x{font-size:15px;line-height:1.6;color:#A6B4CB;flex-grow:1}
.col-hero{position:relative;height:420px}.col-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.col-cover{overflow:hidden}.cov-tag{position:absolute;left:clamp(16px,4vw,48px);top:36px;font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}.cov-nr{position:absolute;right:clamp(16px,4vw,48px);top:10px;font-weight:900;font-size:clamp(160px,24vw,320px);line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.45)}
.col-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),#0A1424)}
.col-art{position:relative;max-width:760px;margin:-200px auto 0;padding:0 clamp(16px,4vw,48px) 100px}
.col-h{overflow-wrap:anywhere;font-weight:800;font-size:24px;margin:36px 0 12px}
.col-p{overflow-wrap:anywhere;font-family:'Newsreader',serif;font-size:21px;line-height:1.65;color:#DFE7F3;margin:0 0 22px}
.col-foot{border-top:1px solid #20314D;margin-top:48px;padding-top:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.author{display:flex;align-items:center;gap:14px}.author img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.author a{display:block;font-weight:800;color:inherit}.author .mut{font-size:14px;font-weight:400}
.btn{font-weight:700;font-size:15px;background:#5CB8FF;color:#0A1424;border-radius:4px;padding:13px 20px;text-decoration:none;display:inline-block}
.btn-ghost{font-weight:600;font-size:15px;color:#FFFFFF;background:#0A1424;border:1px solid #3B5072;border-radius:4px;padding:12px 18px;text-decoration:none;display:inline-block}
.ftr{max-width:1360px;margin:0 auto;border-top:1px solid #20314D;padding:24px clamp(16px,4vw,48px) 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;color:#A6B4CB}
.ftr .links{display:flex;flex-wrap:wrap;gap:18px}.ftr a{color:inherit}
.mail-note{grid-column:1/-1;margin:0;font-size:15px;line-height:1.5;color:#DFE7F3}.mail-note a{color:#7CC6FF;font-weight:700}.mail-copy{margin-left:6px;font:600 13px 'Archivo',sans-serif;background:transparent;color:#FFFFFF;border:1px solid #3B5072;border-radius:999px;padding:4px 12px;cursor:pointer}
/* ---------- mobiel ---------- */
.menu-btn{display:none}
@media (max-width:900px){
 header{flex-wrap:nowrap!important;position:relative}
 header>a:first-child{position:relative;z-index:100}
 .js header>nav{display:none!important}
 .js header.menu-open>nav{display:flex!important;position:fixed;inset:0;z-index:90;flex-direction:column;flex-wrap:nowrap!important;align-items:flex-start!important;gap:2px!important;padding:104px 24px 40px!important;background:#0A1424;font-size:28px!important;font-weight:800!important;overflow-y:auto}
 .js header.menu-open>nav>a{padding:12px 0!important}
 .js header.menu-open>nav>a[aria-label="LinkedIn"],.js header.menu-open>nav>a.ico{margin-top:16px}
 .js header.menu-open>nav>a[href*="contact"]:last-child{margin-top:12px;padding:16px 28px!important;font-size:18px}
 .menu-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;border-radius:6px;border:1px solid #3B5072;background:#0A1424;color:#fff;cursor:pointer;position:relative;z-index:100}
 body.no-scroll{overflow:hidden}
}
@media (max-width:700px){
 [style*="padding: 100px clamp"],[style*="padding: 96px clamp"],[style*="padding: 88px clamp"],[style*="padding: 80px clamp"]{padding-top:60px!important;padding-bottom:60px!important}
 [style*="padding: 100px clamp(16px, 4vw, 48px) 0"],[style*="padding: 88px clamp(16px, 4vw, 48px) 0"]{padding-bottom:0!important}
 [style*="padding: 72px clamp"]{padding-top:48px!important;padding-bottom:48px!important}
 [style*="; height: 460px"],[style*="; height: 420px"],[style*="\"height: 460px"]{height:300px!important}
 [style*="; height: 400px"]{height:260px!important}
 [style*="height: 320px; object-fit"]{height:200px!important}
 [style*="height: 360px; object-fit"]{height:240px!important}
 [style*="min-height: 480px"]{min-height:340px!important}
 [style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 [style*="grid-template-columns: 2fr 1fr 2fr"]{grid-template-columns:1fr 1fr!important}
 [style*="grid-template-columns: 2fr 1fr 2fr"]>img:first-child{grid-column:1/-1}
 nav[aria-label="Diensten"]>div,nav[aria-label="Services"]>div{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 nav[aria-label="Diensten"]>div::-webkit-scrollbar,nav[aria-label="Services"]>div::-webkit-scrollbar{display:none}
 nav[aria-label="Diensten"] a,nav[aria-label="Services"] a{white-space:nowrap;flex:0 0 auto}
 section[style*="min-height: 600px"]{min-height:0!important;display:block!important}
 section[style*="min-height: 600px"]>img{position:relative!important;display:block;height:300px!important}
 section[style*="min-height: 600px"]>div[aria-hidden]{bottom:auto!important;height:300px}
 section[style*="min-height: 600px"]>div:not([aria-hidden]){margin-top:-72px;padding-top:0!important}
 #home a[style*="border-radius: 999px"]{font-size:14px!important;padding:9px 14px!important}
 .help-grid img{height:180px!important}
 .cov-tag{top:24px!important;font-size:13px!important}.cov-nr{font-size:120px!important;top:16px!important}
 main p,main h1,main h2,main h3{overflow-wrap:break-word}
 [style*="font-size: 52px; line-height: 1; letter-spacing: -0.03em"]{font-size:clamp(28px,9vw,44px)!important;overflow-wrap:anywhere}
 .js header.menu-open>nav>a[style*="border-radius: 999px"],.js header.menu-open>nav>a.lang{font-size:15px!important;padding:10px 16px!important;margin-top:8px}
 .js header.menu-open>nav>a[aria-label="LinkedIn"] svg{width:26px;height:26px}
 details>summary{font-size:18px!important}
 .ftr{padding-bottom:48px}
}

.col-fan{position:relative;height:clamp(340px,34vw,440px);width:100%;max-width:480px;margin:0 auto}.hero2>.col-fan{flex:1 1 360px;min-width:0}
.fan-card{position:absolute;left:50%;top:50%;width:min(78%,330px);background:#101D33;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5);display:block}
.fan-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.fan-card>span{display:block;padding:14px 18px 18px;font-weight:800;font-size:17px;line-height:1.2;color:#fff}
.fan-card small{display:block;font-size:11px;letter-spacing:.12em;color:#7CC6FF;margin-bottom:6px}
.fan-1{transform:translate(-44%,-40%) rotate(4deg);z-index:3}.fan-2{transform:translate(-60%,-56%) rotate(-5deg);z-index:2;filter:brightness(.8)}.fan-3{transform:translate(-36%,-68%) rotate(-12deg);z-index:1;filter:brightness(.6)}
@media (max-width:700px){.col-fan{display:none}}
.simple{max-width:760px;margin:0 auto;padding:120px clamp(16px,4vw,48px)}