/* Voor mannen — volgt dezelfde sectiemaat, typografie en fotobreedte als de overige vervolgpagina's. */
body:has(.men-hero) .site-header { position: relative; top: auto; color:#fff; background:var(--vv-blue-dark); backdrop-filter:none; }
.men-hero, .men-step-section, .men-closing { padding: 84px 0; }
.men-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:56px; align-items:start; }
.men-grid--reverse { grid-template-columns:minmax(360px,.9fr) minmax(0,1fr); }
.men-copy h1, .men-step-section h2, .men-closing h2 { font-size:clamp(36px,3.2vw,48px); line-height:1.12; }
.men-lead { max-width:760px; font-size:20px; line-height:1.55; }
.men-photo { display:block; width:100%; height:auto; min-height:0; max-height:none; object-fit:contain; border-radius:12px; }
.men-narrow { max-width:940px; }
.men-step-number { display:grid; width:38px; height:38px; margin:0 0 20px; place-items:center; border:2px solid var(--vv-blue-dark); border-radius:50%; color:var(--vv-blue-dark); font-size:18px; font-weight:700; }
.men-step-number--light { border-color:#fff; color:#fff; }
.men-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 34px; margin-top:34px; }
.men-actions article { padding-top:18px; border-top:2px solid rgba(8,43,87,.16); }
.men-actions h3 { margin-bottom:7px; font-size:21px; }
.men-actions p { margin:0; }
.men-actions--compact { gap:22px 30px; }
.section--soft { background:#f3f7fb; }
.men-direct-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 26px; margin-top:32px; }
.men-direct-list div { display:flex; gap:12px; align-items:flex-start; padding:15px 0; border-top:1px solid rgba(8,43,87,.18); }
.men-direct-list span { color:var(--vv-orange); font-weight:700; }
.men-direct-list strong { font-size:19px; line-height:1.35; }
.men-shift { padding:76px 0; color:#fff; background:var(--vv-blue-dark); text-align:center; }
.men-shift__inner { max-width:1000px; }
.men-shift h2 { margin:0 auto 18px; font-size:clamp(34px,4vw,54px); line-height:1.08; color:#fff; }
.men-shift p { margin:0; color:#fff; font-size:clamp(20px,2vw,26px); font-weight:700; }
.men-question { margin:28px 0 24px; color:var(--vv-blue-dark); font-size:clamp(24px,2.5vw,32px); line-height:1.25; font-weight:700; }
.men-environment-list { display:grid; gap:11px; margin:28px 0 0; padding-left:22px; }
.men-app-cta { padding:78px 0; color:#fff; background:#0b376c; }
.men-app-cta h2 { color:#fff; }
.men-app-cta p { color:#fff; }
.men-app-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.men-app-cta__inner > div:first-child { max-width:790px; }
.men-app-cta__actions { flex:0 0 250px; text-align:left; }
.men-app-cta__actions .button { margin-bottom:15px; }
.men-app-cta__actions p { margin:0; font-size:14px; line-height:1.45; }
.men-closing { text-align:center; }
.men-closing .men-narrow { max-width:920px; }
.men-closing__payoff { margin:32px auto 0; color:var(--vv-blue-dark); font-size:clamp(23px,2.5vw,31px); line-height:1.25; font-weight:700; }
@media (max-width:980px){ .men-grid,.men-grid--reverse{grid-template-columns:1fr;gap:34px}.men-grid--reverse .men-photo{order:2}.men-app-cta__inner{align-items:flex-start;flex-direction:column}.men-app-cta__actions{flex-basis:auto}.men-photo{max-width:640px}.men-actions,.men-direct-list{grid-template-columns:1fr} }
@media (max-width:767px){ .men-hero,.men-step-section,.men-closing{padding:58px 0}.men-lead{font-size:19px}.men-shift{padding:58px 0}.men-actions{margin-top:28px}.men-app-cta{padding:58px 0}.men-copy h1,.men-step-section h2,.men-closing h2{font-size:clamp(34px,9vw,44px)} }