/* ===== VARIABLES ===== */
:root {
  --black: #0A0A08;
  --off-black: #141410;
  --charcoal: #2A2A24;
  --gray-dark: #3E3E38;
  --gray: #6A6A62;
  --gray-light: #A5A59C;
  --sand: #E8E3D8;
  --sand-light: #F2EEE6;
  --cream: #F8F6F1;
  --white: #FDFCFA;
  --accent: #A87155;
  --accent-hover: #BA8268;
  --moss: #3B4A3A;
  --moss-light: #455645;
}

/* ===== RESET ===== */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  color: var(--black);
  background: var(--white);
  line-height: 1.7;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ===== NAV ===== */
.nav { position:fixed; top:0; left:0; right:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:1.25rem 3rem; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); }
.nav.on-hero { background:transparent; }
.nav.on-hero .nav-logo { filter:brightness(0) invert(1); }
.nav.on-hero .nav-links a { color:rgba(255,255,255,0.85); }
.nav.on-hero .nav-links a:hover { color:#fff; }
.nav.on-hero .nav-links a.active { color:var(--accent); }
.nav.on-hero .nav-links a.active.active-over { color:#fff; }
.nav.on-hero .nav-links-label { color:rgba(255,255,255,0.85); }
.nav.on-hero .nav-dropdown:hover .nav-links-label { color:#fff; }
.nav.on-hero .nav-toggle span { background:#fff; }
.nav.on-hero .nav-cta { background:#fff; color:var(--black); }
.nav.on-hero .lang-switch { color:rgba(255,255,255,0.6); }
.nav.on-hero .lang-flag-btn { color:rgba(255,255,255,0.6); }
.nav.scrolled { background:rgba(253,252,250,0.97); backdrop-filter:blur(24px); padding:0.85rem 3rem; box-shadow:0 1px 0 rgba(0,0,0,0.05); }
.nav.scrolled .nav-logo { filter:none; }
.nav.scrolled .nav-links a { color:var(--gray-dark); }
.nav.scrolled .nav-links a:hover { color:var(--black); }
.nav.scrolled .nav-links a.active { color:var(--accent); }
.nav.scrolled .nav-links a.active.active-over { color:var(--accent); }
.nav.scrolled .nav-links-label { color:var(--gray-dark); }
.nav.scrolled .nav-dropdown:hover .nav-links-label { color:var(--black); }
.nav.scrolled .nav-toggle span { background:var(--black); }
.nav.scrolled .nav-cta { background:var(--black); color:#fff; }
.nav.scrolled .nav-cta:hover { background:var(--charcoal); }
.nav.scrolled .lang-switch { color:var(--gray); }
.nav.scrolled .lang-flag-btn { color:var(--gray); }

.nav-logo { height:72px; width:auto; display:block; transition:filter 0.4s; z-index:1001; position:relative; }
.nav-links { display:flex; align-items:center; gap:2.25rem; }
.nav-links a { font-weight:700; font-size:0.88rem; text-decoration:none; transition:color 0.3s; letter-spacing:-0.01em; color:var(--gray-dark); }
.nav-right { display:flex; align-items:center; gap:1.5rem; z-index:1001; }
.lang-switch { display:flex; align-items:center; }
.lang-flag-switch { position:relative; }
.lang-flag-btn { background:none; border:none; cursor:pointer; padding:2px; line-height:0; }
.lang-flag-menu { display:none; position:absolute; top:calc(100% + 8px); left:0; z-index:1002; padding:2px; }
.lang-flag-switch.open .lang-flag-menu { display:block; }
.lang-flag-item { display:block; line-height:0; }
.flag-icon { width:18px; height:13px; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; }
.flag-icon div { flex:1; }
.fl-nl-r { background:#AE1C28; } .fl-nl-w { background:#FFF; } .fl-nl-b { background:#21468B; }
.flag-gb { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23C8102E' stroke-width='2'/%3E%3Cpath d='M30,0 V30 M0,15 H60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 V30 M0,15 H60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E") center/cover no-repeat; }
.nav-cta { font-weight:500; font-size:0.82rem; letter-spacing:0.02em; padding:0.6rem 1.5rem; text-decoration:none; transition:all 0.3s; background:var(--black); color:#fff; }
.nav-cta:hover { opacity:0.85; }

/* Nav without hero (contact, kennismaken, bedankt pages) */
.nav.no-hero { background:rgba(253,252,250,0.97); backdrop-filter:blur(24px); box-shadow:0 1px 0 rgba(0,0,0,0.05); }
.nav.no-hero .nav-links a { color:var(--gray-dark); }
.nav.no-hero .nav-links a:hover { color:var(--black); }
.nav.no-hero .nav-links a.active { color:var(--accent); }
.nav.no-hero .nav-links a.active.active-over { color:var(--accent); }
.nav.no-hero .nav-links-label { color:var(--gray-dark); }
.nav.no-hero .nav-dropdown:hover .nav-links-label { color:var(--black); }
.nav.no-hero .nav-toggle span { background:var(--black); }
.nav.no-hero .nav-cta { background:var(--black); color:#fff; }
.nav.no-hero .nav-cta:hover { background:var(--charcoal); }
.nav.no-hero .lang-switch { color:var(--gray); }
.nav.no-hero .lang-flag-btn { color:var(--gray); }

/* Dropdown */
.nav-dropdown { position:relative; }
.nav-dropdown > a, .nav-dropdown > .nav-links-label { display:flex; align-items:center; gap:0.3rem; }
.nav-links-label { font-weight:700; font-size:0.88rem; letter-spacing:-0.01em; cursor:default; transition:color 0.3s; color:var(--gray-dark); }
.nav-links-label .chevron { width:10px; height:10px; transition:transform 0.3s; }
.nav-dropdown:hover > a .chevron, .nav-dropdown:hover > .nav-links-label .chevron { transform:rotate(180deg); }
.dropdown-menu { position:absolute; top:100%; left:-1rem; padding-top:0.75rem; opacity:0; visibility:hidden; transform:translateY(6px); transition:all 0.3s cubic-bezier(0.4,0,0.2,1); z-index:100; }
.dropdown-menu-inner { background:var(--white); box-shadow:0 12px 40px rgba(10,10,8,0.1); padding:0.75rem 0; min-width:200px; }
.dropdown-menu a { display:block; padding:0.5rem 1.25rem; font-weight:400; font-size:0.85rem; color:var(--gray-dark) !important; white-space:nowrap; transition:background 0.2s, color 0.2s; }
.dropdown-menu a:hover { background:var(--sand-light); color:var(--black) !important; }
.nav-dropdown:hover .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; width:26px; height:18px; position:relative; z-index:1001; }
.nav-toggle span { display:block; width:100%; height:1.5px; position:absolute; left:0; transition:all 0.3s; }
.nav-toggle span:nth-child(1) { top:0; }
.nav-toggle span:nth-child(2) { top:50%; transform:translateY(-50%); }
.nav-toggle span:nth-child(3) { bottom:0; }
.nav-toggle.open span:nth-child(1) { top:50%; transform:translateY(-50%) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { bottom:50%; transform:translateY(50%) rotate(-45deg); }
.nav-toggle.open span { background:var(--black) !important; }
.mobile-menu { display:none; position:fixed; inset:0; background:var(--white); z-index:1000; flex-direction:column; align-items:center; justify-content:center; gap:1.25rem; overflow-y:auto; padding:5rem 1.5rem 2rem; }
.mobile-menu.open { display:flex; }
.mobile-menu a { font-size:1.05rem; font-weight:400; color:var(--black); text-decoration:none; }
.mobile-menu .mobile-cta { font-weight:500; font-size:0.88rem; letter-spacing:0.02em; padding:0.7rem 1.8rem; background:var(--accent); color:#fff !important; text-decoration:none; margin-top:0.75rem; }
.mobile-close { position:absolute; top:1.25rem; left:50%; transform:translateX(-50%); background:none; border:none; font-size:2rem; line-height:1; color:var(--black); cursor:pointer; padding:0.25rem 0.5rem; z-index:1001; }

/* ===== HERO (with background image) ===== */
.hero { min-height:65vh; display:flex; align-items:center; padding:8rem 4rem 4rem 8rem; position:relative; overflow:hidden; }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; z-index:0; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,8,0.7) 0%, rgba(10,10,8,0.45) 50%, rgba(10,10,8,0.15) 100%); z-index:1; }
.hero-content { position:relative; z-index:2; max-width:560px; opacity:0; animation:slideUp 1s ease forwards 0.3s; }
.hero-tag { font-weight:700; font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); margin-bottom:0.75rem; }
.hero h1 { font-weight:700; font-size:clamp(2.6rem,4.2vw,3.4rem); line-height:1.08; color:#fff; margin-bottom:1.5rem; letter-spacing:-0.03em; }
.hero h1 em { font-style:normal; color:var(--accent); }
.hero-sub { font-weight:300; font-size:1.05rem; color:rgba(255,255,255,0.75); max-width:420px; line-height:1.8; }
.hero-usps { display:flex; flex-direction:column; gap:0.5rem; margin-bottom:2.5rem; }
.hero-usp { display:flex; align-items:center; gap:0.65rem; font-size:0.92rem; color:rgba(255,255,255,0.7); font-weight:400; }
.hero-usp .usp-check { flex-shrink:0; width:14px; height:14px; color:var(--accent); opacity:0.7; }
.hero-cta { display:inline-flex; align-items:center; gap:0.75rem; font-family:'Manrope',sans-serif; font-weight:500; font-size:0.88rem; letter-spacing:0.02em; color:#fff; background:var(--accent); padding:1rem 2.2rem; text-decoration:none; transition:all 0.35s; }
.hero-cta:hover { background:var(--accent-hover); transform:translateY(-2px); box-shadow:0 12px 35px rgba(168,113,85,0.3); }
.hero-cta svg { width:14px; height:14px; transition:transform 0.3s; }
.hero-cta:hover svg { transform:translateX(4px); }

@keyframes slideUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* ===== BREADCRUMBS ===== */
.breadcrumb { padding:0.75rem 4rem; background:var(--white); }
.breadcrumb.breadcrumb-over { background:transparent; position:relative; z-index:2; }
.breadcrumb-list { display:flex; align-items:center; gap:0; list-style:none; font-size:0.75rem; font-weight:400; max-width:1100px; }
.breadcrumb-list li { display:flex; align-items:center; }
.breadcrumb-list a { color:var(--accent); text-decoration:none; transition:color 0.3s; }
.breadcrumb-list a:hover { color:var(--accent-hover); }
.breadcrumb-list .breadcrumb-current { color:var(--gray-light); }
.breadcrumb-separator { margin:0 0.4rem; color:var(--gray-light); font-size:0.65rem; }
.breadcrumb.breadcrumb-no-hero { padding-top:6.5rem; padding-bottom:0; }

/* ===== SHARED SECTIONS ===== */
.section-pad { padding:6.5rem 4rem; }
.container { max-width:1100px; margin:0 auto; }
.label { font-weight:600; font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); margin-bottom:1.25rem; }

/* ===== TESTIMONIAL ===== */
.testimonial-block { background:var(--moss); padding:5rem 4rem; }
.testimonial-inner { max-width:720px; margin:0 auto; text-align:center; }
.testimonial-inner blockquote { font-size:1.15rem; color:rgba(255,255,255,0.8); line-height:1.85; font-style:italic; margin-bottom:1.25rem; }
.testimonial-inner cite { font-size:0.88rem; color:rgba(255,255,255,0.45); font-style:normal; font-weight:500; }
.testimonial-linkedin { margin-top:1.25rem; font-size:0.8rem; color:rgba(255,255,255,0.4); }
.testimonial-linkedin a { color:rgba(255,255,255,0.4); text-decoration:none; transition:color 0.3s; }
.testimonial-linkedin a:hover { color:rgba(255,255,255,0.65); }
.testimonial-linkedin img { height:10px; width:auto; vertical-align:baseline; margin:0 1px; filter:brightness(0) invert(1); opacity:0.4; transition:opacity 0.3s; display:inline; }
.testimonial-linkedin a:hover img { opacity:0.65; }

/* ===== KLANTEN LOGO'S ===== */
.klanten { background:var(--sand); padding:4rem; text-align:center; }
.klanten-label { font-weight:600; font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); margin-bottom:2rem; }
.klanten-logos { display:grid; grid-template-columns:repeat(5,1fr); gap:3rem 2.5rem; max-width:1000px; margin:0 auto; align-items:center; justify-items:center; opacity:0.7; }
.klanten-logos img { height:40px; width:auto; max-width:120px; object-fit:contain; transition:opacity 0.3s; }
.klanten-logos img:hover { opacity:0.5; }

/* ===== CTA FINAL ===== */
.cta-final { background:var(--moss); text-align:center; padding:6.5rem 4rem; position:relative; overflow:hidden; }
.cta-final::before { content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 500'%3E%3Crect fill='%233B4A3A' width='1440' height='500'/%3E%3Cpath d='M0 380Q120 300 240 340Q360 240 480 300Q600 220 720 280Q840 200 960 260Q1080 210 1200 270Q1320 230 1440 280L1440 500L0 500Z' fill='%23324232' opacity='0.8'/%3E%3Cpath d='M0 410Q160 340 320 380Q480 300 640 350Q800 280 960 320Q1120 270 1280 310Q1380 290 1440 320L1440 500L0 500Z' fill='%232B3A2B' opacity='0.9'/%3E%3Cpath d='M0 440Q200 390 400 420Q600 370 800 400Q1000 360 1200 390Q1350 375 1440 400L1440 500L0 500Z' fill='%23243424' opacity='0.85'/%3E%3C/svg%3E") center bottom / cover no-repeat;
  pointer-events:none; z-index:0; }
.cta-final h2 { font-weight:600; font-size:clamp(2.2rem,3.8vw,3rem); line-height:1.2; color:#fff; margin-bottom:1.25rem; position:relative; letter-spacing:-0.02em; z-index:1; }
.cta-final h2 em { font-style:normal; color:var(--accent); }
.cta-final p { font-size:1.05rem; color:rgba(255,255,255,0.65); max-width:1000px; margin:0 auto 2.5rem; line-height:1.8; position:relative; z-index:1; }
.btn-accent { display:inline-flex; align-items:center; gap:0.75rem; font-family:'Manrope',sans-serif; font-weight:500; font-size:0.88rem; letter-spacing:0.02em; color:#fff; background:var(--accent); padding:1rem 2.2rem; text-decoration:none; transition:all 0.35s; position:relative; z-index:1; }
.btn-accent:hover { background:var(--accent-hover); transform:translateY(-2px); box-shadow:0 12px 35px rgba(168,113,85,0.3); }
.btn-accent svg { width:14px; height:14px; transition:transform 0.3s; }
.btn-accent:hover svg { transform:translateX(4px); }

/* ===== FOOTER ===== */
.footer { background:var(--black); padding:3.5rem 4rem 1.5rem; color:rgba(255,255,255,0.65); }
.footer-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:4rem; padding-bottom:2.5rem; border-bottom:1px solid var(--charcoal); }
.footer-brand .f-logo { height:88px; width:auto; filter:brightness(0) invert(1); margin-bottom:0.75rem; display:block; }
.footer-col h4 { font-weight:600; font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-bottom:1rem; }
.footer-col a { display:block; font-size:0.88rem; color:rgba(255,255,255,0.65) !important; text-decoration:none; margin-bottom:0.6rem; transition:color 0.3s; }
.footer-col a:visited { color:rgba(255,255,255,0.65) !important; }
.footer-col a:hover { color:#fff !important; }
.footer-bottom { max-width:1100px; margin:0 auto; padding-top:1.5rem; display:flex; justify-content:space-between; font-size:0.75rem; color:rgba(255,255,255,0.4); }
.footer-bottom a { color:rgba(255,255,255,0.45) !important; text-decoration:none; transition:color 0.3s; }
.footer-bottom a:visited { color:rgba(255,255,255,0.45) !important; }
.footer-bottom a:hover { color:#fff !important; }

/* ===== REVEAL ANIMATIONS ===== */
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.7s, transform 0.7s; }
.reveal.vis { opacity:1; transform:translateY(0); }
.reveal-s { opacity:0; transform:translateY(22px); transition:opacity 0.6s, transform 0.6s; }
.reveal-s.vis { opacity:1; transform:translateY(0); }

/* ===== HOMEPAGE BLOKKEN ===== */
.intro-problem { background:var(--white); }
.intro-problem-inner { max-width:700px; margin:0 auto; text-align:center; }
.intro-problem h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; margin-bottom:1.5rem; }
.intro-problem p { font-size:1.02rem; color:var(--gray-dark); line-height:1.85; margin-bottom:1rem; }
.intro-problem .highlight { font-weight:500; color:var(--black); margin-top:1.5rem; }
.wat-ik-doe { background:var(--sand-light); }
.wid-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; }
.wid-img { position:relative; overflow:hidden; min-height:500px; }
.wid-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 50%; }
.wid-text { padding:4rem; display:flex; flex-direction:column; justify-content:center; }
.wid-text h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; margin-bottom:1.25rem; }
.wid-text p { font-size:1.02rem; color:var(--gray-dark); line-height:1.85; margin-bottom:1rem; }
.profielen { background:var(--white); }
.profielen-header { text-align:center; margin-bottom:3.5rem; }
.profielen-header h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; }
.profielen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.profiel-card { background:var(--cream); padding:2.25rem 2rem; transition:transform 0.4s,box-shadow 0.4s; }
.profiel-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(10,10,8,0.06); }
.profiel-card .profiel-quote { font-weight:500; font-size:1rem; color:var(--black); line-height:1.5; margin-bottom:1rem; font-style:italic; }
.profiel-card p { font-size:0.95rem; color:var(--gray-dark); line-height:1.8; }
.expertises { background:var(--charcoal); }
.expertises-header { text-align:center; margin-bottom:3rem; }
.expertises-header h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; margin-bottom:0.75rem; color:#fff; }
.expertises-header p { font-size:1.02rem; color:rgba(255,255,255,0.55); line-height:1.85; max-width:620px; margin:0 auto; }
.expertises-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; justify-items:center; }
.expertises-grid .expertise-item:nth-child(4),
.expertises-grid .expertise-item:nth-child(5) { grid-column:auto; }
.expertises-bottom { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; max-width:733px; margin:1.5rem auto 0; }
a.expertise-link { text-decoration:none; color:inherit; display:block; }
.expertise-item { background:var(--white); padding:2rem 1.75rem; border-top:3px solid var(--sand); transition:border-color 0.3s,transform 0.4s,box-shadow 0.4s; }
.expertise-item:hover { border-color:var(--accent); transform:translateY(-3px); box-shadow:0 16px 40px rgba(10,10,8,0.06); }
.expertise-icon { width:40px; height:40px; background:var(--sand-light); display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.expertise-icon svg { width:20px; height:20px; color:var(--accent); }
.expertise-item h3 { font-weight:600; font-size:1.02rem; margin-bottom:0.5rem; letter-spacing:-0.01em; }
.expertise-item p { font-size:0.92rem; color:var(--gray-dark); line-height:1.75; }
.werkwijze { background:var(--white); }
.werkwijze-header { text-align:center; margin-bottom:3rem; }
.werkwijze-header h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; }
.werkwijze-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.wk-step { padding:2rem 1.75rem; text-align:center; }
.wk-num { font-weight:700; font-size:0.75rem; letter-spacing:0.12em; color:var(--accent); margin-bottom:0.6rem; }
.wk-step h3 { font-weight:600; font-size:1.05rem; margin-bottom:0.6rem; letter-spacing:-0.01em; }
.wk-step p { font-size:0.95rem; color:var(--gray-dark); line-height:1.8; }

/* ===== WAT HET JE OPLEVERT ===== */
.oplevert { background:var(--white); }
.oplevert-header { text-align:center; margin-bottom:3.5rem; }
.oplevert-header h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; }
.oplevert-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem 2.5rem; text-align:center; }
.oplevert-item h3 { font-weight:600; font-size:1.02rem; margin-bottom:0.5rem; letter-spacing:-0.01em; }
.oplevert-item p { font-size:0.92rem; color:var(--gray-dark); line-height:1.75; }

/* ===== TRAJECTEN ===== */
.trajecten { background:var(--sand-light); }
.trajecten-header { text-align:center; margin-bottom:3.5rem; }
.trajecten-header h2 { font-weight:600; font-size:clamp(2rem,3.2vw,2.6rem); line-height:1.2; letter-spacing:-0.02em; margin-bottom:0.5rem; }
.trajecten-header p { font-size:1.02rem; color:var(--gray-dark); line-height:1.85; }
.trajecten-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
.traject-card { background:var(--white); padding:2.25rem 2rem; border-top:3px solid var(--sand); transition:border-color 0.3s,transform 0.4s,box-shadow 0.4s; display:flex; flex-direction:column; }
.traject-card:hover { border-color:var(--accent); transform:translateY(-3px); box-shadow:0 16px 40px rgba(10,10,8,0.06); }
.traject-num { font-weight:700; font-size:0.72rem; letter-spacing:0.12em; color:var(--accent); margin-bottom:0.4rem; }
.traject-card h3 { font-weight:700; font-size:1.2rem; letter-spacing:-0.02em; margin-bottom:1rem; color:var(--black); }
.traject-voor { font-size:0.92rem; color:var(--gray-dark); line-height:1.75; margin-bottom:1rem; }
.traject-voor strong { font-weight:600; color:var(--black); }
.traject-wat { font-size:0.92rem; color:var(--gray-dark); line-height:1.75; margin-bottom:1rem; }
.traject-wat strong { font-weight:600; color:var(--black); }
.traject-meta { font-size:0.82rem; color:var(--gray-light); line-height:1.7; margin-bottom:1.25rem; font-style:italic; margin-top:auto; }
.traject-prijs { font-weight:700; font-size:1.3rem; color:var(--black); letter-spacing:-0.02em; }
.traject-prijs-sub { font-weight:400; font-size:0.78rem; color:var(--gray-light); margin-top:0.15rem; }

/* ===== RESPONSIVE ===== */
@media (max-width:1024px) {
  .hero { padding:8rem 2rem 3rem; }
  .wid-grid { grid-template-columns:1fr; }
  .wid-img { min-height:350px; }
  .wid-text { padding:3rem; }
}
@media (max-width:860px) {
  .breadcrumb { padding:0.75rem 1.5rem; }
  .breadcrumb.breadcrumb-no-hero { padding-top:5.5rem; }
  .nav-links { display:none; }
  .nav-toggle { display:block; order:3; }
  .nav { padding:1.1rem 1.5rem; }
  .nav.scrolled { padding:0.85rem 1.5rem; }
  .nav-right { order:2; }
  .nav-right .lang-switch { display:none; }
  .nav-right .nav-cta { display:none; }
  .mobile-menu .mobile-lang { display:flex; align-items:center; justify-content:center; gap:0.5rem; font-size:1rem; margin-top:0.5rem; }
  .mobile-menu .mobile-lang a { font-size:1rem; font-weight:500; color:var(--gray); }
  .mobile-menu .mobile-lang span { font-size:1rem; color:var(--gray-light); }
  .mobile-menu .mobile-lang .mobile-lang-active { font-weight:600; color:var(--black); }
  .footer-inner { grid-template-columns:1fr; gap:2rem; }
  .footer-bottom { flex-direction:column; gap:0.5rem; text-align:center; }
  .section-pad { padding:4rem 1.5rem; }
  .cta-final { padding:5rem 1.5rem; }
  .testimonial-block { padding:4rem 1.5rem; }
  .klanten { padding:3rem 1.5rem; }
  .klanten-logos { grid-template-columns:repeat(3,1fr); gap:3rem 2rem; }
  .profielen-grid { grid-template-columns:1fr; }
  .expertises-grid { grid-template-columns:1fr; }
  .expertises-bottom { grid-template-columns:1fr; }
  .werkwijze-steps { grid-template-columns:1fr; }
  .trajecten-grid { grid-template-columns:1fr; }
  .oplevert-grid { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .hero h1 { font-size:2.4rem; }
  .hero { padding:7rem 1.5rem 3rem; }
  .hero-bg { object-position:75% 30%; }
  .section-pad { padding:3.5rem 1.25rem; }
  .footer { padding:3rem 1.25rem 1.25rem; }
  .klanten-logos { grid-template-columns:repeat(2,1fr); gap:2.5rem 2rem; }
}