*{box-sizing:border-box}.contact-page{margin:0;background:#f3f5f8;color:#09172b;font-family:Inter,sans-serif}.contact-header{position:absolute;z-index:3;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.contact-header a{text-decoration:none;color:inherit;font-weight:800;font-size:12px;text-transform:uppercase}.contact-brand{display:flex;align-items:center;gap:12px}.contact-brand img{width:55px;height:55px;object-fit:contain}.contact-brand strong{font:800 21px 'Barlow Condensed'}.contact-hero{min-height:670px;display:flex;align-items:flex-end;padding:150px 7vw 90px;color:#fff;background:linear-gradient(90deg,rgba(4,13,28,.96),rgba(4,13,28,.42)),url('assets/hero-team.jpg') center 42%/cover}.contact-hero p,.contact-kicker{font-size:11px;font-weight:800;letter-spacing:.2em}.contact-hero h1{margin:28px 0;font:900 clamp(68px,9vw,140px)/.78 'Barlow Condensed';text-transform:uppercase}.contact-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}.contact-hero span{font-size:20px;color:#dbe5f2}.contact-layout{width:min(1380px,calc(100% - 48px));margin:auto;padding:110px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.contact-layout aside{position:sticky;top:40px;align-self:start}.contact-layout h2{font:900 clamp(52px,6vw,90px)/.85 'Barlow Condensed';text-transform:uppercase}.contact-layout aside p:not(.contact-kicker){max-width:520px;line-height:1.7;color:#5c6878}.contact-layout aside a{display:inline-block;margin-top:25px;color:#0354a6;font-weight:800}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:45px;background:#fff;border-top:7px solid #0354a6;box-shadow:0 25px 70px rgba(7,21,43,.12)}.contact-form label{display:grid;gap:8px;font-size:12px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px;border:1px solid #ccd3dc;background:#fafbfc;font:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:#0354a6;box-shadow:0 0 0 3px rgba(3,84,166,.1)}.contact-form .full,.contact-form button,#contact-message{grid-column:1/-1}.contact-form button{min-height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border:0;background:#07152b;color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer}.contact-form button b{font-size:24px}.contact-hp{position:absolute;left:-9999px}.success{color:#08783d}.error{color:#c9171d}.contact-page footer{min-height:140px;display:flex;align-items:center;gap:18px;padding:30px 7vw;background:#07152b;color:#fff}.contact-page footer img{width:58px}.contact-page footer span{font-weight:800;text-transform:uppercase}@media(max-width:800px){.contact-header{height:76px;padding:0 18px}.contact-brand strong{font-size:17px}.contact-header>a:last-child{font-size:9px}.contact-hero{min-height:590px;padding:125px 22px 55px;background-position:58% center}.contact-hero h1{font-size:clamp(58px,18vw,82px)}.contact-hero h1 em{-webkit-text-stroke:1px #fff}.contact-hero span{font-size:16px}.contact-layout{width:calc(100% - 32px);padding:70px 0;grid-template-columns:1fr}.contact-layout aside{position:static}.contact-form{grid-template-columns:1fr;padding:25px 18px}.contact-form .full,.contact-form button,#contact-message{grid-column:auto}}

/* v2026.3.33 browser- en mobiele eindcorrecties */
html,body{max-width:100%;overflow-x:hidden}@supports(overflow:clip){html,body{overflow-x:clip}}
.contact-header,.contact-main,.contact-grid,.contact-card,form{min-width:0}
input,select,textarea,button{max-width:100%}
.contact-header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #74b9ff;outline-offset:3px}
