/* Aanvullingen buiten Webflow */
.team-extra{margin-top:5rem}
.team-extra_intro{max-width:46rem;margin:0 auto 3rem;text-align:center}
.team-extra_list{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5625rem}
.team-extra .team12_image-wrapper{min-height:0;aspect-ratio:4/5}
.team-extra h3{font-size:1.5rem}
@media (max-width:991px){.team-extra_list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){.team-extra_list{gap:2rem 1rem}.team-extra h3{font-size:1.125rem}.team-extra .text-size-medium{font-size:.875rem}}

/* Bolletjes achter de hero-tekst */
.section_header1 .hero-circle-images-wrapper{z-index:0}
.section_header1 .header1_component{z-index:2}
.section_header1 .h1-hero{position:relative}

/* Klantlogo's */
.small-logos-grid{display:flex;flex-wrap:wrap;align-items:center;gap:2rem 3rem}
.small-logos-grid img{display:block}
.client-logo_hdk{height:38px;width:auto}
.client-logo_nsi{height:38px;width:auto}

/* Testimonials: doorlopende band naar rechts (zoals alvaminds.com) */
.tmarquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tmarquee_track{display:flex;width:max-content;animation:tmarquee-right 60s linear infinite;will-change:transform}
.tmarquee:hover .tmarquee_track{animation-play-state:paused}
@keyframes tmarquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tmarquee_item{flex:0 0 420px;margin-right:1.5rem;display:flex}
.tmarquee_item .testimonial17_content{height:auto}
@media (prefers-reduced-motion:reduce){.tmarquee_track{animation:none}}
@media (max-width:767px){
 .tmarquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .tmarquee::-webkit-scrollbar{display:none}
 .tmarquee_track{animation:none}
 .tmarquee_item{flex-basis:85vw;margin-right:1rem;scroll-snap-align:start}
 .tmarquee_item.is-clone{display:none}
}

/* Footer: rustiger en strakker */
.footer3_menu-wrapper.pp-footer{display:grid;grid-template-columns:.9fr 1.1fr 1.4fr;column-gap:3rem;row-gap:2.5rem;align-items:start}
.pp-footer .footer-nav-name{margin-bottom:1.25rem;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:#f5d92d}
.pp-footer_list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.pp-footer_list.is-posts{gap:1.1rem}
.pp-footer_link,.pp-footer_post{color:#fff;opacity:.75;text-decoration:none;font-size:1rem;line-height:1.45;transition:opacity .2s,color .2s}
.pp-footer_link:hover,.pp-footer_post:hover{opacity:1;color:#f5d92d}
.pp-footer_post{display:flex;flex-direction:column;gap:.2rem}
.pp-footer_post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-footer_meta{font-size:.8125rem;opacity:.5;color:#fff}
.pp-footer_post .pp-footer_meta{opacity:.6}
@media (max-width:991px){.footer3_menu-wrapper.pp-footer{grid-template-columns:1fr 1fr}.pp-footer_col:last-child{grid-column:1/-1}}
@media (max-width:479px){.footer3_menu-wrapper.pp-footer{grid-template-columns:1fr}}

/* Marc-bio bij hover: past nu in de kleinere kaart */
.team-extra .member-hover-block{font-size:.875rem;line-height:1.5;padding:1.25rem 1.25rem 1.5rem;max-height:100%;overflow:auto;background-color:rgba(18,18,18,.92);border-radius:0}
.team-extra .member-hover-block .team-info-text{font-size:inherit;line-height:inherit;color:rgba(255,255,255,.88)}


/* Hero: 25+ ervaring als nette kaart */
.section_header1 ._25-experience{position:relative;z-index:3;align-self:end;justify-self:end;max-width:330px;padding:1.5rem 1.5rem 1.4rem;border-radius:20px;background:rgba(24,24,24,.72);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.exp-stat{font-size:3.25rem;line-height:1;font-weight:700;color:#f5d92d;margin-bottom:.5rem;letter-spacing:-.02em}
.section_header1 ._25-experience .text-weight-semibold{font-size:1.0625rem;line-height:1.35}
@media (max-width:991px){.section_header1 ._25-experience{justify-self:start}}

/* Hero: compacte ervaring-regel onder de knoppen */
.hero-stat{display:flex;align-items:center;gap:1.25rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);max-width:30rem}
.hero-stat_num{font-size:3.5rem;line-height:1;font-weight:700;letter-spacing:-.03em;color:#f5d92d}
.hero-stat_title{font-size:1.125rem;font-weight:600;color:#fff}
.hero-stat_sub{font-size:1rem;color:rgba(255,255,255,.65);margin-top:.15rem}
.section_header1 .h1-hero{font-size:clamp(2.75rem,5.4vw,5.5rem);line-height:1.02}

/* CTA: donker en uitgesprokener */
.section_cta1 .cta1_component{background:#181818;border-radius:28px;padding:clamp(2rem,5vw,4.5rem);color:#fff;align-items:center;overflow:hidden}
.section_cta1 h2{color:#fff;font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:1.05}
.section_cta1 h2 .grey-text{color:#f5d92d}
.section_cta1 .button.black-cta{background:#f5d92d;color:#181818;border-color:#f5d92d}
.section_cta1 .button.black-cta:hover{background:#fff;border-color:#fff}
.section_cta1 .button.is-secondary{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
.section_cta1 .button.is-secondary:hover{border-color:#f5d92d;color:#f5d92d}
.section_cta1 .cta-visual{display:block;width:100%;height:auto;max-width:560px;margin-left:auto}
.yellow-text{color:#f5d92d}
.hero-stat{opacity:0;animation:hero-stat-in .8s ease 1.6s forwards}@keyframes hero-stat-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-stat{opacity:1;animation:none}}

/* Hero opgeschoond */
.section_header1 .header1_content{max-width:44rem}
.section_header1 .h1-hero{font-size:clamp(2.75rem,5vw,5rem);line-height:1.04;letter-spacing:-.02em}
.section_header1 .header1_content .text-size-medium{font-size:1.25rem;max-width:32rem}
.hero-stat{margin-top:2.75rem;padding-top:1.25rem;gap:1rem;max-width:26rem}
.hero-stat_num{font-size:2.5rem}
.hero-stat_title{font-size:1rem}
.hero-stat_sub{font-size:.9375rem}
.hero-stat{animation:hero-stat-in .8s ease 1.4s forwards}
.hero-circle-images-wrapper img{height:auto}
/* Bollen staan stil (scroll-animatie via hero-scroll.js) */
.hero-circle-images-wrapper img{animation:none!important;will-change:translate,scale,opacity}
/* Hero: inhoud verticaal gecentreerd (iets boven het midden) en altijd volledig in beeld */
.section_header1{justify-content:center;min-height:100vh;min-height:100svh}
.section_header1 .padding-section-large.home{padding-top:clamp(6.5rem,15vh,9rem);padding-bottom:clamp(2.5rem,9vh,6rem)}
.section_header1 .h1-hero{font-size:clamp(2.5rem,min(5vw,9.2vh),5rem)}
.section_header1 .margin-top.margin-medium._2-rem{margin-top:clamp(1.25rem,3.5vh,2rem)}
.hero-stat{margin-top:clamp(1.25rem,4vh,2.75rem)}
/* Hero: tekst en bollen elk een eigen helft, nooit overlap */
@media (min-width:992px){
 .section_header1 .header1_content{max-width:min(44rem,46vw)}
 .section_header1 .h1-hero{font-size:clamp(2.5rem,min(4.4vw,9vh),5rem)}
 .section_header1 .hero-circle-images-wrapper{left:55%}
}
/* Dienstenkaarten: titels, teksten, lijnen, lijsten en knoppen op dezelfde hoogte */
@media (min-width:992px){
 .layout231_component{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 .layout231_item{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
 .layout231_item > .margin-bottom{align-self:start}
 .layout231_item .features-list-grid{align-self:start}
 .layout231_item > .top-margin-auto{align-self:end}
}
.layout231_item h3{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15}
@media (min-width:992px){.layout231_item > .top-margin-auto{margin-top:0;padding-top:1.75rem}}
.layout233_item .icon-1x1-large{width:7rem;height:7rem}
/* Grote schermen: hero niet hoger dan ~1000px, zodat tekst en bollen bij elkaar blijven */
.section_header1{min-height:clamp(640px,100svh,980px)}
@media (min-width:1600px){.section_header1 .hero-circle-images-wrapper{left:calc(50% + 4rem)}}
/* Formule-visual (vastgoed, mensen, technologie + AI & data) */
.formula-visual{background:none!important;border:0!important;display:flex;align-items:center;justify-content:center}
.formula-visual .fx-svg{width:100%;max-width:600px}
.section-cto-services .max-width-large{margin-bottom:clamp(2rem,4vw,3.5rem)}

/* Hero: geen lege ruimte onder 25+ (desktop) */
@media (min-width:992px){
 .section_header1{min-height:0!important}
 .section_header1 .padding-section-large.home{padding-bottom:clamp(2.5rem,5vh,4rem)}
 .section_header1 .hero-circle-images-wrapper{--hh:clamp(640px,100svh,980px);height:var(--hh);top:calc(var(--hh) * -.36)}
}

/* Team-hoverteksten passend op kleinere kaarten */
@media (max-width:1279px){.team-extra .member-hover-block{font-size:.8125rem;line-height:1.45;padding:1rem 1rem 1.25rem}}

/* Navigatie altijd zichtbaar (niet pas na scrollen, niet verdwijnen bij omlaag scrollen) */
.navbar14_component{opacity:1!important}
@media (min-width:992px){.navbar14_menu-link-wrapper{display:flex!important}}
.navbar14_container{background-color:#181818!important}

/* Cookie-banner en -instellingen altijd volledig zichtbaar wanneer geopend */
[fs-cc="banner"],[fs-cc="preferences"]{opacity:1!important}

.pp-footer_address:hover{opacity:.75;color:#fff}