:root{--navy:#0a1d34;--navy-2:#15395f;--blue-soft:#eaf1f7;--blue-pale:#f5f8fb;--white:#fff;--text:#183047;--muted:#66798b;--line:#dbe4ec;--max:1180px;--shadow:0 18px 50px rgba(10,29,52,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.kicker{margin:0 0 14px;color:var(--navy-2);font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.title{margin:0;color:var(--navy);font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.05em}.section-title{margin:0;color:var(--navy);font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.08;letter-spacing:-.035em}.lead{color:var(--muted);font-size:1.08rem;max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--navy);background:var(--navy);color:white;font-weight:750;transition:.2s}.btn:hover{background:var(--navy-2);border-color:var(--navy-2);transform:translateY(-2px)}.btn-light{background:white;color:var(--navy)}.btn-light:hover{background:var(--blue-soft);color:var(--navy)}
.header{position:relative;z-index:10;background:white;border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:13px;color:var(--navy);font-weight:800}.logo-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-size:.91rem;letter-spacing:-.03em}.logo-name{font-size:1rem;line-height:1.15}.logo-name small{display:block;margin-top:5px;color:var(--muted);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:650}.nav-links>a:not(.btn):hover,.nav-links .active{color:var(--navy-2)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:white;color:var(--navy);font-size:1.35rem}
.hero{padding:115px 0 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}.hero-copy p{max-width:650px;margin:28px 0 36px;color:var(--muted);font-size:1.15rem}.hero-copy .hero-intro{margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-panel{min-height:430px;background:var(--blue-pale);position:relative;display:grid;place-items:center}.hero-panel::before,.hero-panel::after{content:"";position:absolute;border:1px solid #cbd9e5}.hero-panel::before{inset:42px}.hero-panel::after{inset:86px}.monogram{position:relative;z-index:1;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:white;box-shadow:var(--shadow);color:var(--navy);font-size:2.6rem;font-weight:800;letter-spacing:-.08em}.trust{border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:24px 18px;text-align:center;color:var(--navy);font-weight:700;border-right:1px solid var(--line)}.trust-item:last-child{border:0}
section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.services{background:var(--blue-pale)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:white;border:1px solid var(--line);padding:32px;min-height:245px;transition:.25s}.service:hover{border-color:#b8cad9;box-shadow:var(--shadow);transform:translateY(-4px)}.service-num{display:block;color:#8ca4b8;font-size:.78rem;font-weight:800;letter-spacing:.1em}.service h3{margin:50px 0 10px;color:var(--navy);font-size:1.28rem}.service p{margin:0;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about-copy p{margin:0 0 20px;color:var(--muted);font-size:1.05rem}.values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.value{padding-top:17px;border-top:1px solid var(--line)}.value b{display:block;color:var(--navy)}.value span{color:var(--muted);font-size:.9rem}
.project-teaser{background:var(--navy);color:white}.project-teaser .kicker,.project-teaser .section-title{color:white}.project-teaser-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.project-teaser p{color:#c6d4df;max-width:620px}.project-card{background:white;color:var(--text);padding:38px;border-left:6px solid #91aac0}.project-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.tag{display:inline-flex;padding:6px 10px;background:var(--blue-soft);color:var(--navy);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-card h3{margin:0 0 10px;color:var(--navy);font-size:1.65rem}.project-card p{color:var(--muted);margin:0 0 26px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:800;border-bottom:1px solid var(--navy)}
.process{background:var(--blue-pale)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line)}.step{padding:30px 28px;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{color:#8ca4b8;font-size:1.5rem}.step h3{color:var(--navy);margin:32px 0 8px;font-size:1.05rem}.step p{margin:0;color:var(--muted);font-size:.91rem}
.contact{padding:0 0 100px}.contact-box{background:var(--navy);color:white;padding:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact-box .kicker,.contact-box .section-title{color:white}.contact-box p{color:#c6d4df}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-actions .btn{border-color:white}.contact-actions .btn:first-child{background:white;color:var(--navy)}
.page-hero{padding:90px 0 65px;background:var(--blue-pale)}.page-hero p{max-width:690px;color:var(--muted);font-size:1.08rem}.breadcrumbs{margin-bottom:28px;color:var(--muted);font-size:.86rem}.breadcrumbs a{color:var(--navy);font-weight:700}.project-list{padding:75px 0 110px}.project-list-card{display:grid;grid-template-columns:.65fr 1.35fr;border:1px solid var(--line);background:white}.project-list-side{padding:42px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.project-list-side b{font-size:3rem;letter-spacing:-.06em}.project-list-side span{color:#c6d4df;font-size:.85rem}.project-list-main{padding:48px}.project-list-main h2{margin:0 0 16px;color:var(--navy);font-size:2.1rem;letter-spacing:-.03em}.project-list-main p{color:var(--muted);max-width:650px}.project-list-main .meta,.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 35px}
.project-detail{padding:70px 0 110px}.project-summary{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;margin-bottom:60px}.project-summary p{margin:0;color:var(--muted);font-size:1.04rem}.phase-title{margin:65px 0 18px;color:var(--navy);font-size:1.35rem}.phase-title:first-of-type{margin-top:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:265px;gap:12px}.photo{margin:0;overflow:hidden;background:var(--blue-soft)}.photo:first-child{grid-column:span 2;grid-row:span 2}.photo img{width:100%;height:100%;object-fit:cover;transition:.3s}.photo:hover img{transform:scale(1.02)}
.footer{padding:65px 0 25px;border-top:1px solid var(--line);background:white}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .85fr;gap:70px}.footer h3{margin:0 0 16px;color:var(--navy);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:8px 0;color:var(--muted)}.footer a:hover{color:var(--navy)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}
.home-intro{background:var(--blue-pale)}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-links>a{display:block;background:white;border:1px solid var(--line);padding:34px;transition:.25s}.home-links>a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8cad9}.home-links span{color:#8ca4b8;font-size:.78rem;font-weight:800}.home-links h3{margin:42px 0 10px;color:var(--navy);font-size:1.35rem}.home-links p{min-height:52px;margin:0 0 24px;color:var(--muted)}.home-links b{color:var(--navy);font-size:.9rem}.service-page{padding-top:75px}.about-page,.contact-page{padding:90px 0 110px}.contact-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact-details{border-top:1px solid var(--line)}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;gap:5px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-details>a:hover b{color:var(--navy-2)}.contact-details span{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.contact-details b{color:var(--navy);font-size:1.12rem;overflow-wrap:anywhere}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:22px;right:22px;padding:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.about-grid,.project-teaser-grid,.contact-box,.project-list-card,.project-summary,.contact-page-grid{grid-template-columns:1fr}.hero{padding-top:80px}.hero-panel{min-height:300px}.service-grid{grid-template-columns:1fr 1fr}.home-links{grid-template-columns:1fr}.home-links p{min-height:0}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:320px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{min-height:76px}.logo-name small{display:none}.title{font-size:3.15rem}.hero{padding:66px 0}.hero-copy p{font-size:1.03rem}.hero-panel{min-height:220px}.hero-panel::before{inset:25px}.hero-panel::after{inset:55px}.monogram{width:110px;height:110px;font-size:2rem}.actions .btn{width:100%}.trust-grid,.service-grid,.steps,.values,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}section{padding:74px 0}.section-head{display:block}.project-card,.contact-box,.project-list-side,.project-list-main,.home-links>a{padding:28px}.gallery{grid-template-columns:1fr;grid-auto-rows:440px}.photo:first-child{grid-column:auto;grid-row:auto}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}}
.brand-logo{width:124px;height:auto}.hero-logo{position:relative;z-index:1;width:min(340px,74%);height:auto}.footer .brand-logo{width:150px}@media(max-width:620px){.brand-logo{width:105px}.hero-logo{width:min(250px,72%)}}
.hero-panel::before,.hero-panel::after{display:none}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}.service-link:hover{padding-left:10px;color:var(--navy-2)}.service-link .kicker{margin-bottom:8px}.service-link b{color:var(--navy);font-size:.95rem;white-space:nowrap}@media(max-width:620px){.service-link{align-items:flex-end;gap:20px}.service-link .section-title{font-size:2.35rem}.service-link b{font-size:.82rem;white-space:normal;text-align:right}}
.menu-btn{border:0}.trust{padding-top:0;background:var(--blue-pale)}.trust-label{margin:0;padding:18px 0 13px;color:var(--navy-2);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-align:center;text-transform:uppercase;border-bottom:1px solid var(--line)}.trust-grid{background:white}.home-intro{padding:62px 0}.service-link{padding:25px 0 25px 25px;border-left:5px solid var(--navy);border-bottom:0}.service-link:hover{padding-left:34px}.service-link .section-title{font-size:clamp(2.45rem,4.5vw,4rem)}.contact-prompt{margin:16px 0 0!important;color:white!important;font-size:1.22rem;font-weight:750}@media(max-width:620px){.service-link{padding:20px 0 20px 18px}.service-link:hover{padding-left:22px}.trust-label{padding-inline:12px}.contact-prompt{font-size:1.08rem}}
.contact-links{gap:0}.contact-links a{display:block;padding:13px 0;color:white;font-size:1.05rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.28)}.contact-links a:first-child{border-top:1px solid rgba(255,255,255,.28)}.contact-links a:hover{color:#c6d4df;padding-left:8px}
.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:42px 0;border-bottom:1px solid var(--line)}.service-row h2{margin:0;color:var(--navy);font-size:clamp(1.6rem,2.6vw,2.35rem);letter-spacing:-.03em}.service-row p{max-width:720px;margin:0;color:var(--muted);font-size:1.03rem}@media(max-width:700px){.service-row{grid-template-columns:1fr;gap:12px;padding:30px 0}.service-row p{font-size:1rem}}
.process{background:white}.steps{position:relative;margin-top:55px;border-top:0}.steps::before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:var(--line)}.step{position:relative;padding:0 28px 12px;border:0}.step b{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;margin-inline:auto;border-radius:50%;background:var(--navy);color:white;font-size:1rem;box-shadow:0 0 0 9px white}.step h3{margin:28px 0 8px;text-align:center;font-size:1.14rem}.step p{max-width:220px;margin-inline:auto;text-align:center;font-size:.95rem}@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;gap:42px 28px}.steps::before{display:none}.step{padding:0}.step{border:0!important}}@media(max-width:620px){.steps{grid-template-columns:1fr;gap:0}.step{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding:0 0 34px}.step b{grid-row:1/3;margin:0;box-shadow:0 0 0 7px white}.step h3{margin:3px 0 5px;text-align:left}.step p{margin:0;max-width:none;text-align:left}.step:not(:last-child)::after{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--line)}}
.about-copy .about-intro{color:var(--navy);font-size:1.16rem;font-weight:600}.about-copy .company-note{margin-top:30px;font-size:.9rem}.about-page .values{position:relative;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px}.about-page .values::before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:var(--line)}.about-page .value{position:relative;padding:0 10px;border:0;text-align:center}.about-page .value::before{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;margin:0 auto 26px;border-radius:50%;background:var(--navy);color:white;font-size:.78rem;font-weight:800;letter-spacing:.08em;box-shadow:0 0 0 9px white}.about-page .value:nth-child(1)::before{content:"01"}.about-page .value:nth-child(2)::before{content:"02"}.about-page .value:nth-child(3)::before{content:"03"}.about-page .value:nth-child(4)::before{content:"04"}.about-page .value b{font-size:1.05rem}.about-page .value span{display:block;margin-top:5px}@media(max-width:900px){.about-page .values{grid-template-columns:1fr 1fr;gap:42px 28px}.about-page .values::before{display:none}.about-page .value{padding:0}}@media(max-width:620px){.about-page .values{grid-template-columns:1fr;gap:0}.about-page .value{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding:0 0 34px;text-align:left}.about-page .value::before{grid-row:1/3;margin:0;box-shadow:0 0 0 7px white}.about-page .value b{margin-top:3px}.about-page .value span{margin-top:0}.about-page .value:not(:last-child)::after{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--line)}}
.project-list-card{display:block}.project-list-main{padding:44px 48px}@media(max-width:620px){.project-list-main{padding:28px}}

.project-list .wrap{display:grid;gap:22px}

.agatha-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}.agatha-gallery .photo:first-child{grid-column:auto;grid-row:auto}.agatha-gallery .photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}@media(max-width:900px){.agatha-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.agatha-gallery{grid-template-columns:1fr}}

/* Homepage photo with readable copy */
.hero{display:flex;align-items:center;min-height:590px;padding:100px 0;background:linear-gradient(90deg,rgba(10,29,52,.88) 0%,rgba(10,29,52,.67) 47%,rgba(10,29,52,.12) 100%),url('/assets/home-project.webp') center 55%/cover no-repeat}.hero-grid{display:block}.hero-copy{max-width:690px}.hero-copy .hero-intro{max-width:690px;margin:0 0 34px;color:#fff;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:700;line-height:1.3;letter-spacing:-.03em;text-shadow:0 1px 16px rgba(0,0,0,.2)}.hero .btn{border-color:#fff}.hero .btn:hover{border-color:#fff;background:#fff;color:var(--navy)}.hero .btn-light{color:var(--navy)}.hero .btn-light:hover{background:var(--blue-soft)}
@media(max-width:900px){.hero{min-height:530px;background:linear-gradient(90deg,rgba(10,29,52,.88),rgba(10,29,52,.48)),url('/assets/home-project.webp') center 55%/cover no-repeat}}
@media(max-width:620px){.hero{min-height:520px;padding:76px 0;background:linear-gradient(90deg,rgba(10,29,52,.86),rgba(10,29,52,.64)),url('/assets/home-project.webp') 47% center/cover no-repeat}.hero-copy .hero-intro{font-size:clamp(1.55rem,6vw,2rem);line-height:1.35}}

/* Foto's bovenaan Diensten: dezelfde vierkante uitsnede voor elke foto. */
.service-showcase{padding:34px 0 44px;background:white}.service-carousel{max-width:760px;margin-inline:auto}.service-frame{width:100%;aspect-ratio:1/1;background:var(--blue-pale)}.service-slide{width:100%;height:100%;margin:0}.service-slide[hidden]{display:none}.service-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:620px){.service-showcase{padding:24px 0 38px}}

/* Eerst vervaagt de huidige foto, daarna verschijnt de volgende. */
.service-slide img{transition:opacity .4s ease-in-out}.service-frame.is-fading .service-slide img{opacity:0}
@media(prefers-reduced-motion:reduce){.service-slide img{transition:none}}

/* Contactgegevens krijgen overal dezelfde rustige lijniconen. */
a[href^="tel:"]::before,a[href^="mailto:"]::before{content:"";display:inline-block;width:1.15em;height:1.15em;margin-right:.62em;vertical-align:-.2em;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
a[href^="tel:"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.5v3a2 2 0 0 1-2.2 2A18.9 18.9 0 0 1 2.5 5.2 2 2 0 0 1 4.5 3h3a2 2 0 0 1 2 1.7l.5 3a2 2 0 0 1-.6 1.8L7.6 11a15 15 0 0 0 5.4 5.4l1.5-1.8a2 2 0 0 1 1.8-.6l3 .5a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E")}
a[href^="mailto:"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")}
.contact-details>a[href^="tel:"],.contact-details>a[href^="mailto:"]{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;align-items:center}
.contact-details>a[href^="tel:"]::before,.contact-details>a[href^="mailto:"]::before{grid-column:1;grid-row:1/3;width:22px;height:22px;margin:0;color:var(--navy)}
.contact-details>a span,.contact-details>a b{grid-column:2}
@media(max-width:900px){.menu-btn{display:grid;place-items:center;width:54px;height:54px;flex:none;padding:0;font-size:1.9rem;line-height:1;border:0;background:transparent}.menu-btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px}}

/* Subtiele bediening voor de fotoreeks op Diensten. */
.service-carousel{position:relative}.service-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.88);color:var(--navy);box-shadow:0 5px 24px rgba(10,29,52,.13);transform:translateY(-50%);cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,box-shadow .2s,transform .2s}.service-arrow:hover{background:white;box-shadow:0 7px 26px rgba(10,29,52,.2);transform:translateY(-50%) scale(1.06)}.service-arrow:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.service-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-arrow-prev{left:18px}.service-arrow-next{right:18px}
@media(max-width:620px){.service-arrow{width:42px;height:42px}.service-arrow-prev{left:10px}.service-arrow-next{right:10px}}

/* De vier beloften zijn een genummerde lijst, geen navigatie. */
.trust-grid{list-style:none;margin:0;padding:0}.trust-item{display:flex;align-items:center;justify-content:center;gap:14px;min-height:88px}.trust-num{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--navy-2);font-size:.76rem;font-weight:800;letter-spacing:.03em}
/* Alleen de compacte actie onder Diensten is aanklikbaar. */
.service-link{cursor:default}.service-link:hover{padding-left:25px;color:inherit}.service-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:var(--navy);color:white;font-size:.94rem;font-weight:700;white-space:nowrap;transition:background .2s}.service-cta:hover{background:var(--navy-2)}.service-cta:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:620px){.trust-item{justify-content:flex-start;min-height:0;padding:18px 12px}.trust-item:last-child{border-bottom:0}.service-link{align-items:flex-start;flex-direction:column;gap:22px}.service-link:hover{padding-left:18px}.service-cta{width:auto}}

/* Telefoonnummers op Contact zonder genummerde labels. */
.contact-details>a[href^="tel:"]::before{grid-row:1}.contact-details>a[href^="tel:"] b{grid-row:1}

/* Afsluitende contactlink onder het projectenoverzicht. */
.project-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:38px 0 0;border-top:1px solid var(--line)}.project-contact h2{margin:0 0 6px;color:var(--navy);font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.025em}.project-contact p{margin:0;color:var(--muted)}.project-contact .btn{flex:none}
@media(max-width:620px){.project-contact{align-items:flex-start;flex-direction:column}.project-contact .btn{width:100%}}

/* Donkerblauw contactvak, gelijk aan Home. */
.project-contact{margin-top:34px;padding:38px 40px;border:0;background:var(--navy);color:#fff}
.project-contact h2{color:#fff}.project-contact p{color:#c6d4df}
.project-contact .btn{background:#fff;border-color:#fff;color:var(--navy)}.project-contact .btn:hover{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--navy)}
@media(max-width:620px){.project-contact{padding:28px 24px}}

/* Bedrijfsbus als achtergrond van de contactpagina. */
.about-hero{display:flex;align-items:center;min-height:520px;padding:80px 0;background:linear-gradient(90deg,rgba(10,29,52,.88) 0%,rgba(10,29,52,.65) 46%,rgba(10,29,52,.15) 100%),url('/assets/contact-van.webp') center 52%/cover no-repeat}.about-hero .title,.about-hero .kicker,.about-hero .breadcrumbs a{color:#fff}.about-hero p,.about-hero .breadcrumbs{color:#e3ebf2}.about-hero p{max-width:590px}.about-hero .kicker{color:#fff}
@media(max-width:620px){.about-hero{min-height:440px;padding:62px 0;background:linear-gradient(90deg,rgba(10,29,52,.85),rgba(10,29,52,.57)),url('/assets/contact-van.webp') 58% center/cover no-repeat}.about-hero p{font-size:1rem}}

.projecten-hero{display:flex;align-items:center;min-height:520px;padding:80px 0;background:linear-gradient(90deg,rgba(10,29,52,.88) 0%,rgba(10,29,52,.65) 46%,rgba(10,29,52,.15) 100%),url('/assets/projecten-hero.webp') center 60%/cover no-repeat}.projecten-hero .title,.projecten-hero .kicker,.projecten-hero .breadcrumbs a{color:#fff}.projecten-hero p,.projecten-hero .breadcrumbs{color:#e3ebf2}.projecten-hero p{max-width:590px}.projecten-hero .kicker{color:#fff}
@media(max-width:620px){.projecten-hero{min-height:440px;padding:62px 0;background:linear-gradient(90deg,rgba(10,29,52,.85),rgba(10,29,52,.57)),url('/assets/projecten-hero.webp') 58% 60%/cover no-repeat}.projecten-hero p{font-size:1rem}}

.contact-hero{display:flex;align-items:center;min-height:520px;padding:80px 0;background:linear-gradient(90deg,rgba(10,29,52,.97) 0%,rgba(10,29,52,.87) 30%,rgba(10,29,52,.38) 65%,rgba(10,29,52,.12) 100%),url('/assets/over-ons-hero.webp') right center/contain no-repeat,#fff}.contact-hero .title,.contact-hero .kicker,.contact-hero .breadcrumbs a{color:#fff}.contact-hero .breadcrumbs{color:#e3ebf2}
@media(max-width:620px){.contact-hero{min-height:440px;padding:62px 0;background:linear-gradient(180deg,rgba(10,29,52,.93) 0%,rgba(10,29,52,.78) 45%,rgba(10,29,52,.28) 100%),url('/assets/over-ons-hero.webp') center bottom/contain no-repeat,#fff}}

.diensten-hero{display:flex;align-items:center;min-height:520px;padding:80px 0;background:linear-gradient(90deg,rgba(10,29,52,.88) 0%,rgba(10,29,52,.65) 46%,rgba(10,29,52,.15) 100%),url('/assets/diensten-hero.webp') center 34%/cover no-repeat}.diensten-hero .title,.diensten-hero .kicker,.diensten-hero .breadcrumbs a{color:#fff}.diensten-hero p,.diensten-hero .breadcrumbs{color:#e3ebf2}.diensten-hero p{max-width:590px}.diensten-hero .kicker{color:#fff}
@media(max-width:620px){.diensten-hero{min-height:440px;padding:62px 0;background:linear-gradient(90deg,rgba(10,29,52,.85),rgba(10,29,52,.57)),url('/assets/diensten-hero.webp') center 38%/cover no-repeat}.diensten-hero p{font-size:1rem}}

.contact-hero p{color:#e3ebf2;max-width:590px}.contact-hero .kicker{color:#fff}
@media(max-width:620px){.contact-hero p{font-size:1rem}}