/* Contact hero: title size and photo frame aligned with the homepage */
html body.v43 #main .contact-page-hero h1,html body.v43 #main .contact-page-hero h1 .heading-part{font-size:clamp(2rem,3.25vw,2.8rem)!important;line-height:1.02!important;letter-spacing:-.02em!important}
html body.v43 #main .contact-page-hero .hero-lead{font-size:19px!important;line-height:1.65!important;max-width:56ch}
html body.v43 #main .contact-page-hero-grid{align-items:center!important}
html body.v43 #main .contact-page-hero-image{position:relative!important;margin:0 0 0 auto!important;padding:0!important;width:100%;max-width:450px;aspect-ratio:1/1;border-radius:14px!important;border:1px solid #fff!important;overflow:hidden!important;box-shadow:none!important;background:none!important}
html body.v43 #main .contact-page-hero-image picture,html body.v43 #main .contact-page-hero-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
html body.v43 #main .contact-page-hero-image figcaption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:64px 28px 28px!important;border:0!important;border-radius:0!important;background:linear-gradient(to top,rgba(0,39,102,.85),rgba(0,39,102,0))!important;color:#fff!important;font-size:clamp(18px,1.6vw,22px)!important;font-weight:800!important;line-height:1.25!important;box-shadow:none!important}
@media(max-width:900px){html body.v43 #main .contact-page-hero-image{margin:2rem 0 0!important;max-width:none}}
/* Glass caption: only as big as the text itself */
html body.v43 #main .contact-page-hero-image figcaption{left:20px!important;right:auto!important;bottom:20px!important;width:fit-content!important;max-width:calc(100% - 40px)!important;padding:12px 18px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.35)!important;background:rgba(0,39,102,.45)!important;backdrop-filter:blur(14px) saturate(140%)!important}
html body.v43 #main .contact-page-hero .hero-lead+.hero-lead{margin-top:-.4rem}
html body.v43 #main .contact-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}
html body.v43 #main .contact-call-button{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)!important}
html body.v43 #main .contact-call-button:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important}
html body.v43 #main section.contact-page-hero h1 span.contact-accent{color:#87FFC7!important;-webkit-text-fill-color:#87FFC7!important}

/* "Een korte vraag" steps: compact cards with homepage-style watermark numbers */
.contact-process-section .contact-process-grid{counter-reset:cstep}
.contact-process-section .contact-process-card{position:relative;overflow:hidden;counter-increment:cstep;padding:24px 26px!important;min-height:0!important;height:auto!important}
.contact-process-section .contact-process-card::after{content:counter(cstep);position:absolute;top:12px;right:20px;font-size:64px;font-weight:800;line-height:1;letter-spacing:-.02em;color:rgba(52,104,208,.12);pointer-events:none}
.contact-process-section .contact-process-card > span{display:none!important}
.contact-process-section .contact-process-card h3{margin-top:0!important;padding-right:64px}
.contact-process-section .contact-process-card p{margin-bottom:0}
.contact-process-section .contact-process-card p{margin-bottom:0!important}
.contact-process-section .contact-process-card::after{font-size:64px!important;width:auto}