/* VVU 7.1.1: geometry only. Colours and backgrounds come from the existing VVU theme. */
html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}
body{margin:0}main{min-width:0;max-width:100%}main :where(section,article,div){min-width:0}
main :where(img,video,svg){max-width:100%}main :where(img,video){height:auto}
main :where(h1,h2,h3,p,li,a){overflow-wrap:anywhere}
main :where(input,textarea,select){max-width:100%}
[data-studio-block]{max-width:100%}
html body [data-studio-fluid]{width:min(100%,var(--studio-width,100%));max-width:100%;height:auto}
html body [data-studio-fluid="image"]{aspect-ratio:var(--studio-ratio,auto);object-fit:contain}
html body [data-studio-stack]{display:grid;grid-template-columns:repeat(var(--studio-cols,2),minmax(0,1fr));gap:clamp(16px,3vw,40px)}
html body .v648-solution-detail{width:min(100%,1320px);margin:0 auto;padding:clamp(20px,4vw,56px);}
.v648-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:28px}
html body .v648-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,60px)!important;align-items:center!important;height:auto!important;min-height:0!important;width:100%!important}
html body .v648-hero-copy{width:auto!important;min-width:0!important;max-width:100%!important;padding:clamp(20px,3vw,40px)!important}
.v648-kicker,.v648-section-head>span{font-size:13px;font-weight:750;letter-spacing:.12em}
html body .v648-hero h1{font-size:clamp(30px,4.6vw,62px);line-height:1.1;letter-spacing:-.035em;margin:16px 0 24px;max-width:100%;white-space:normal}
html body .v648-intro{font-size:clamp(17px,1.6vw,21px);line-height:1.65;width:auto;max-width:100%}
.v648-usps{padding-left:22px;line-height:1.6}.v648-usps li{margin:8px 0}
html body .v648-hero-photo{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:4/3;overflow:hidden;border-radius:16px}
html body .v648-hero-photo>img{position:static!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.v648-photo-brand{position:absolute;right:16px;bottom:16px;width:100px}.v648-photo-brand img{width:100%;height:auto}
.v648-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.v648-hero-actions a,.v648-cta>a{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:6px;white-space:normal;text-decoration:none;font-weight:700;max-width:100%}
.v648-primary,.v648-cta>a{}.v648-secondary{border:1px solid #bdc6cd;}
html body .v648-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px);margin:clamp(36px,6vw,80px) 0}
.v648-story-grid article{padding:clamp(20px,3vw,36px);border-radius:12px}.v648-story-grid article>span{font-weight:700}.v648-story-grid h2,.v648-features h2,.v648-cta h2{font-size:clamp(24px,2.6vw,36px);line-height:1.2}.v648-story-grid p,.v648-cta p{line-height:1.7}
.v648-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.v648-feature-grid>div{display:flex;gap:14px;align-items:flex-start}.v648-feature-grid b{}
html body .v648-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,48px);border-radius:14px;margin-top:48px;min-width:0;max-width:100%;height:auto}
.v648-cta>div{flex:1;min-width:0}.v648-cta>a{flex-shrink:0}.v648-cta p{margin-bottom:0}
@media(max-width:1024px){
 html body .v648-hero{grid-template-columns:minmax(0,1fr)!important}
 html body .v648-hero-photo{max-width:760px!important;margin-inline:auto;aspect-ratio:16/10}
 html body .v648-hero h1{font-size:clamp(26px,5vw,44px)!important}
}
@media(max-width:600px){
 html body [data-studio-stack],html body [data-studio-block="columns"]{grid-template-columns:minmax(0,1fr)!important}
 html body .v648-solution-detail{padding:20px 16px!important}
 html body .v648-story-grid,html body .v648-feature-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html body .v648-cta{flex-direction:column!important;align-items:stretch!important}
 html body .v648-hero-actions{flex-direction:column!important;align-items:stretch!important}
 html body .v648-hero-actions a,html body .v648-cta>a{width:100%!important;white-space:normal!important}
 html body .v648-hero-photo{aspect-ratio:4/3}
}

/* Keep text clear of rounded card edges, including long Dutch headings. */
html body .v648-hero-copy{box-sizing:border-box!important;overflow:visible!important}
html body .v648-hero-copy .v648-kicker{display:block;position:static;transform:none;margin:0 0 16px;line-height:1.4}
html body .v648-hero-copy h1{margin:0 0 20px!important;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:600px){
 html body .v648-hero-copy{padding:24px!important}
 html body .v648-hero-copy h1{font-size:clamp(26px,6.4vw,34px)!important;line-height:1.15!important}
 html body .v648-hero-copy .v648-intro{font-size:17px!important;line-height:1.65!important;margin:0 0 20px}
}