.hero{position:relative;height:78vh;min-height:480px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#0e4194 0%,#0a2f66 100%)}
.hero-bg-image{position:absolute;inset:0;object-fit:cover;object-position:68% 20%;width:100%;height:100%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(14,65,148,0.55) 100%)}
.hero-content{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 32px 56px;width:100%}
.hero-label{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#e51622;margin-bottom:1rem}
.hero h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;text-transform:uppercase;letter-spacing:0.03em;line-height:1.12;color:#fff;margin-bottom:0.9rem;max-width:780px}
.hero h1 em{font-style:normal;color:#e51622}
.hero-subtitle{font-size:1.15rem;font-weight:400;color:#fff;line-height:1.6;max-width:560px;margin-bottom:1.6rem}
.hero-btn-row{display:flex;gap:16px;flex-wrap:wrap}
.btn-primary{display:inline-block;background:#e51622;color:#fff;padding:14px 30px;border-radius:4px;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.02em;border:2px solid #e51622}
.btn-secondary{display:inline-block;background:transparent;color:#fff;padding:14px 30px;border-radius:4px;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.02em;border:2px solid rgba(255,255,255,0.6)}main{max-width:1240px;margin:0 auto;padding:0 32px 60px;display:flex;flex-direction:column;gap:60px}header.hero{margin-bottom:60px}
.eyebrow{display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#e51622;margin-bottom:0.6rem}
.section-title{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:#0e4194;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.03em;line-height:1.15}
.section-intro{font-size:1rem;line-height:1.75;color:#4a5568;max-width:720px;margin-bottom:40px}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story-image{overflow:hidden;border-radius:8px;background:#f4f5f6}.story-image.tandwiel-vorm{aspect-ratio:1264 / 842}.foto-signatuur{position:relative;isolation:isolate}
.foto-signatuur img{display:block;width:100%;height:100%;object-fit:cover;transition:filter 0.35s ease}.foto-signatuur::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(14,65,148,0.55) 100%);opacity:0;transition:opacity 0.35s ease;z-index:1;pointer-events:none}
.foto-signatuur:hover::before{opacity:1}.schild-uitsnede{clip-path:url(#schild-cut-desktop)}
@media (max-width:640px){.schild-uitsnede{clip-path:url(#schild-cut-mobiel)}}.tandwiel-uitsnede{clip-path:url(#tandwiel-cut-desktop)}
@media (max-width:640px){.tandwiel-uitsnede{clip-path:url(#tandwiel-cut-mobiel)}}.tandwiel-vorm{clip-path:polygon(0% 0%,100% 0%,100% 2.85%,100% 7.6%,100% 9.74%,100% 9.859999999999999%,100% 14.96%,100% 19.24%,100% 23.52%,100% 23.87%,100% 29.81%,100% 32.78%,100% 38.24%,100% 39.07%,100% 45.37%,100% 47.51%,100% 52.97%,100% 55.23%,100% 61.52%,100% 62.47%,100% 67.7%,100% 71.02%,100% 76.72%,100% 77.2%,100% 81.23999999999999%,100% 85.27%,100% 90.38%,100% 90.5%,100% 92.40000000000001%,100% 97.51000000000001%,100% 99.88%,0% 100%);transition:clip-path 0.5s ease,box-shadow 0.5s ease;box-shadow:0 8px 24px rgba(43,54,72,0)}
.tandwiel-vorm:hover{clip-path:polygon(0% 0%,84.97% 0%,86.63% 2.85%,84.89% 7.6%,86.08% 9.74%,90.51000000000001% 9.859999999999999%,92.56% 14.96%,90.03% 19.24%,91.38% 23.52%,95.33% 23.87%,96.59999999999999% 29.81%,93.43000000000001% 32.78%,94.15000000000001% 38.24%,97.86% 39.07%,98.34% 45.37%,94.7% 47.51%,94.86% 52.97%,98.26000000000001% 55.23%,97.86% 61.52%,93.98999999999999% 62.47%,93.34999999999999% 67.7%,96.44% 71.02%,95.25% 76.72%,91.3% 77.2%,89.87% 81.23999999999999%,92.48% 85.27%,90.27% 90.38%,85.59999999999999% 90.5%,84.41% 92.40000000000001%,86.16% 97.51000000000001%,84.41% 99.88%,0% 100%);box-shadow:0 20px 45px rgba(43,54,72,0.35)}.story-content p{font-size:0.95rem;line-height:1.8;color:#4a5568;margin-bottom:14px}
.story-content strong{color:#0e4194;font-weight:600}.reasons-grid,
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.timeline{margin-top:40px}
.step-card{position:relative;background:#f4f5f6;box-shadow:0 1px 14px rgba(43,54,72,0.09);border-radius:3px;padding:22px 26px 26px;overflow:visible}
.step-card .rollenbaan-strip{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;width:82%;aspect-ratio:2760 / 140;height:auto;max-width:none;margin:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.18))}
.reasons-grid .step-card,
.timeline .step-card{background:#fff;box-shadow:none}
.step-card h3{font-size:1.02rem;font-weight:700;color:#1a2332;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.01em}
.step-card p{font-size:0.9rem;line-height:1.7;color:#4a5568}.vacatures-highlight{background:#2b3648;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='70' viewBox='0 0 76 70'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='5' stroke-linecap='round'%3E%3Cline x1='4' y1='10' x2='72' y2='10'/%3E%3Cline x1='4' y1='60' x2='72' y2='60'/%3E%3Cline x1='4' y1='10' x2='72' y2='60'/%3E%3Cline x1='72' y1='10' x2='4' y2='60'/%3E%3C/g%3E%3Cg fill='none' stroke='%232b3648' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='4' y1='10' x2='72' y2='10'/%3E%3Cline x1='4' y1='60' x2='72' y2='60'/%3E%3Cline x1='4' y1='10' x2='72' y2='60'/%3E%3Cline x1='72' y1='10' x2='4' y2='60'/%3E%3C/g%3E%3C/svg%3E");background-size:152px 140px;background-repeat:repeat;margin:0 calc(-50vw + 50%);padding-top:60px;padding-bottom:60px;position:relative}
.vacatures-highlight .inner{max-width:1240px;margin:0 auto;padding:0 32px}
.vacatures-highlight .eyebrow{color:#e51622}
.vacatures-highlight .section-title{color:#fff}
.vacatures-highlight .section-intro{color:#fff}
.vacature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:0}
.vacature-card{border:none;border-radius:0;background:#fff;display:flex;flex-direction:row;align-items:stretch;overflow:visible;transition:transform 0.15s ease}
.vacature-card-image{order:1;width:220px;flex-shrink:0;overflow:hidden;background:#f4f5f6}
.vacature-card-image img{width:100%;height:100%;object-fit:cover}
.vacature-card-body{order:3;padding:30px 32px;display:flex;flex-direction:column;flex-grow:1;background:#fff;border-radius:0 4px 4px 0}
.vacature-card.open-sollicitatie .vacature-card-body{justify-content:center}
.vacature-card h3{font-size:1.55rem;font-weight:800;color:#0e4194;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.02em}
.vacature-card p{font-size:0.93rem;line-height:1.75;color:#4a5568;margin-bottom:22px;flex-grow:1}
.link-arrow{display:inline-flex;align-items:center;gap:8px;background:#e51622;color:#fff !important;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.02em;padding:12px 22px;border-radius:3px;width:fit-content}
.vacature-card.open-sollicitatie .link-arrow{background:#0e4194}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.team-card{border-radius:8px;overflow:hidden;background:#f4f5f6;border:1px solid #dddfe2;transition:transform 0.2s ease}
.team-card-image{aspect-ratio:4/3;overflow:hidden;background:#eaebed}
.team-card-image img{width:100%;height:100%;object-fit:cover}
.team-card-body{padding:22px 22px 26px}
.team-card-role{font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#e51622;margin-bottom:6px;display:block}
.team-card-name{font-size:1.15rem;font-weight:800;color:#0e4194;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.02em}
.team-card-quote{font-size:0.9rem;line-height:1.65;color:#4a5568;font-style:italic;margin-bottom:16px}
.team-card-link{font-size:0.82rem;font-weight:700;color:#e51622;text-transform:uppercase;letter-spacing:0.02em}.team-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.team-photo-item{overflow:hidden;border-radius:8px;aspect-ratio:4/3}
.team-photo-item img{width:100%;height:100%;object-fit:cover;background:#f4f5f6}
.roller-divider{display:flex;align-items:center;gap:10px;padding:40px 0}
.roller-divider::before,
.roller-divider::after{content:"";flex:1;height:3px;background:repeating-linear-gradient(90deg,#dddfe2 0 6px,transparent 6px 14px)}
.roller-divider .rollers{display:flex;gap:6px;flex-shrink:0}
.roller-divider .rollers span{width:10px;height:10px;border-radius:50%;background:#0e4194}
.roller-divider .rollers span:nth-child(3){background:#e51622}@media (max-width:900px){.story-section{grid-template-columns:1fr;gap:32px}.reasons-grid{grid-template-columns:1fr 1fr;row-gap:32px}.timeline{grid-template-columns:1fr 1fr;row-gap:32px}.vacature-grid{grid-template-columns:1fr}.vacature-card{flex-direction:column}.vacature-card-image{width:100%}.vacature-card-body{border-radius:0 0 4px 4px}.team-grid{grid-template-columns:1fr 1fr}.team-photos-grid{grid-template-columns:1fr 1fr;gap:16px}}
@media (max-width:640px){.hero{height:66vh;min-height:420px}.hero-content{padding:0 22px 40px}main{padding:0 22px 32px}header.hero{margin-bottom:32px}.vacatures-highlight{padding-top:32px;padding-bottom:32px}.sectie-cta-inner{padding:28px 22px}.reasons-grid{grid-template-columns:1fr;row-gap:36px}.timeline{grid-template-columns:1fr;row-gap:36px}.step-card .rollenbaan-strip{left:26px;width:calc(100% - 52px);transform:translateX(-3.35%)}.team-grid{grid-template-columns:1fr}.team-photos-grid{grid-template-columns:1fr;gap:16px}}.clippath-defs{position:absolute;overflow:hidden}.open-sollicitatie-title{font-size:1.3rem}.sectie-cta{background:#0e4194;border-top:4px solid #e51622;margin:0 calc(-50vw + 50%)}
.sectie-cta-inner{max-width:1240px;margin:0 auto;padding:36px 32px;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.sectie-cta-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.02em}
.sectie-cta-text{font-size:0.95rem;line-height:1.6;color:#fff;margin:0}
.sectie-cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.sectie-cta-btn{display:inline-block;color:#fff;padding:14px 32px;border-radius:4px;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.02em;white-space:nowrap}
.sectie-cta-btn-primary{background:#e51622;border:2px solid #e51622}
.sectie-cta-btn-secondary{background:transparent;border:2px solid rgba(255,255,255,0.6)}
.action-tile{background-color:#e51622;padding:40px 20px 10px;color:white;text-align:center}
.action-tile p.quote{font-size:18px;text-transform:uppercase;margin:0 auto 16px;font-weight:600}
.action-tile p.name{font-size:18px;margin:0 auto 16px}
.action-tile p.read-more{font-size:16px;margin-bottom:0}
.action-tile p.title{font-size:40px;text-transform:uppercase;margin:30px auto;font-weight:600;line-height:1}
.action-tile.red{background-color:#e51622}
.action-tile.blue{background-color:#0e4194}