/* Reference-led block layout. Existing Sanum.be palette and content retained. */
body{background:#fff;font-family:Arial,Helvetica,sans-serif}
section[id]{scroll-margin-top:120px}
.container{width:min(1320px,calc(100% - 96px))}
.site-header{top:18px;margin:18px 32px -112px;border:1px solid #364253;border-radius:60px;background:#142030}
.nav-wrap{height:92px;width:calc(100% - 56px);max-width:1440px}
.main-nav{gap:32px}
.main-nav a{font-size:15px;font-weight:500}
.main-nav .nav-cta{border-radius:40px;padding:18px 26px;font-weight:700}
.site-header .brand img{height:58px;max-width:180px}
.hero{padding:198px 0 84px}
.hero-grid{gap:52px;grid-template-columns:1.06fr 1fr;align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(44px,4.8vw,70px);line-height:1.07;letter-spacing:-.045em}
.hero-lead{font-size:18px;line-height:1.65}
.eyebrow{font-size:13px;letter-spacing:.06em}
.button{border-radius:36px;min-height:56px;padding:0 28px;text-transform:none;letter-spacing:0;font-size:15px}
.button:after{content:'↗';display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:21px;height:21px;margin-left:14px;font-size:15px}
.hero-project{background:#fff;border:none;border-radius:28px;padding:16px;box-shadow:none;color:var(--ink)}
.hero-project img{border-radius:16px}
.hero-project-info{padding:22px 10px 12px;align-items:center}
.hero-project-info span{color:var(--blue)}
.hero-project-info small{color:#5d6878}
.hero-points{border:none;padding:0;gap:12px;margin-top:28px}
.hero-points li{background:#17283c;border:1px solid #30435a;border-radius:16px;padding:14px 16px;color:#e3edf9;font-size:12px}
.trustbar{border:none;background:var(--dark);padding-bottom:52px}
.trust-grid{border:1px solid #324156;border-radius:50px;overflow:hidden;background:#142030}
.trust-grid span{color:#c8d9ec;padding:24px 8px;border:none!important;font-size:12px;text-transform:none}
.section{padding:84px 0}
#diensten{margin:30px 28px;background:#e9f4fc;border-radius:36px}
#diensten .container{width:min(1320px,calc(100% - 72px))}
.section-intro{gap:48px;margin-bottom:42px;align-items:center}
.section-intro h2,.about-grid h2,.contact-grid h2{font-size:clamp(34px,3.8vw,52px);line-height:1.09;letter-spacing:-.035em}
.services{gap:24px;border:none;grid-template-columns:repeat(3,minmax(0,1fr))}
.services article{display:flex;flex-direction:column;position:relative;min-width:0;padding:30px 0 0;border:none;border-radius:26px;background:#fff;overflow:hidden}
.services article:hover{background:#fff}
.services article>span{margin:0 30px 18px;font-size:12px;letter-spacing:.1em}
.services h3{margin:0 30px 18px;max-width:290px;font-size:28px;line-height:1.15;letter-spacing:-.02em;min-height:64px}
.services p{margin:0 30px 28px;min-height:110px;font-size:16px;line-height:1.6}
.services article:nth-child(1),.services article:nth-child(1):hover{background:var(--blue);color:#fff}
.services article:nth-child(1)>span,.services article:nth-child(1)>p{color:#fff}
.service-visual{margin-top:auto;border-radius:26px 26px 0 0;background:#f4f6f9;padding:18px;min-height:230px;display:flex;align-items:center;justify-content:center}
.service-visual img{width:100%;max-width:300px;height:210px;object-fit:contain}
.projects-section{margin:30px 28px;border-radius:36px}
.portfolio{gap:28px}
.project{border:0;border-radius:26px;background:#fff;color:var(--ink);padding:12px 12px 0;overflow:hidden}
.project img{border:0;border-radius:16px}
.project>div{padding:24px 20px 26px}
.project span{color:var(--blue)}
.project p{color:var(--muted);margin-bottom:0}
.project-wide{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:12px}
.project-wide>div{padding:32px}
.project-wide h3{font-size:36px}
.process-section{background:#fff}
.process{gap:20px;border:none}
.process li{border:0!important;border-radius:24px;background:#f0f4f9;padding:28px;min-height:250px}
.process b{display:inline-grid;place-items:center;border-radius:50%;width:46px;height:46px;background:#fff;font-size:14px}
.process h3{margin-top:32px}
.process li:last-child{background:var(--blue);color:#fff}
.process li:last-child p{color:#fff}
.about-section{margin:0 28px 30px;border-radius:36px}
.about-grid{gap:64px}
.about-grid>div:last-child{border-radius:24px;background:#fff;color:var(--ink);padding:32px}
.about-grid>div:last-child p{color:var(--muted);font-size:16px;line-height:1.8}
.about-grid>div:last-child p:last-child{margin-bottom:0}
.about-grid a{color:var(--blue)}
.contact-section{margin:0 28px 30px;border-radius:36px;padding:72px 0}
.contact-section .eyebrow{color:var(--blue)}
.site-footer{border-radius:36px 36px 0 0}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
@media(max-width:1100px){.main-nav{gap:20px}.hero-grid{gap:28px}.services h3{font-size:25px}.services p{min-height:145px}.process{grid-template-columns:repeat(2,1fr)}.container{width:calc(100% - 64px)}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-project{max-width:700px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.services p{min-height:105px}.project-wide{display:block}.trust-grid{grid-template-columns:repeat(3,1fr)}.section-intro{grid-template-columns:1fr;gap:20px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){section[id]{scroll-margin-top:96px}.site-header{top:10px;margin:10px 12px -86px;border-radius:40px}.nav-wrap{height:76px;width:calc(100% - 36px)}.site-header .brand img{height:48px}.menu-button{border-radius:30px;padding:10px 18px}.main-nav{top:84px;border-radius:24px;left:0;right:0;border:1px solid #364253;padding:20px}.main-nav .nav-cta{padding:14px 20px}.hero{padding:134px 0 48px}.container{width:calc(100% - 40px)}.hero h1{font-size:43px}.hero-project-info{grid-template-columns:1fr}.trustbar{padding-bottom:30px}.trust-grid{border-radius:24px}.trust-grid span{font-size:11px;padding:16px 6px}#diensten,.projects-section,.about-section,.contact-section{margin:16px 12px;border-radius:26px}#diensten .container{width:calc(100% - 32px)}.section{padding:48px 0}.section-intro{margin-bottom:30px}.services{gap:16px}.services article{border-radius:22px}.services h3{font-size:23px;margin-left:22px;margin-right:22px}.services article>span{margin-left:22px}.services p{margin-left:22px;margin-right:22px;min-height:170px}.service-visual{padding:12px;min-height:170px}.service-visual img{height:150px}.portfolio{grid-template-columns:1fr}.project-wide h3{font-size:28px}.project-wide>div{padding:24px 20px}.process{grid-template-columns:1fr 1fr;gap:14px}.process li{padding:22px}.about-grid>div:last-child{padding:24px}.contact-section{padding:48px 0}.footer-grid{gap:28px}.site-footer{padding-top:48px}.hero-points li{flex:1 1 135px}}
@media(max-width:480px){.hero h1{font-size:38px}.services{grid-template-columns:1fr}.services h3,.services p{min-height:0}.service-visual{min-height:210px}.service-visual img{height:185px}.process{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}