/* Service index, one illustrated focus, then the included search foundation. */
.nf-site .offer-artwork:has(.maintenance-offer-art){background:linear-gradient(#eeb58b 62%,#f6d5ae 62%)}
.nf-site .offer-artwork .service-art.maintenance-offer-art{aspect-ratio:1000/900}
.nf-site #onderhoud .offer-drawer-copy .maintenance-offer-lead{font:500 20px/1.4 Syne,sans-serif;letter-spacing:-.025em;color:#272831;max-width:360px;margin:0 0 16px}
@media(max-width:540px){.nf-site .offer-artwork .service-art.maintenance-offer-art{aspect-ratio:885/765}.nf-site #onderhoud .offer-drawer-copy .maintenance-offer-lead{font-size:19px;max-width:305px;margin-bottom:14px}}
.nf-site .offer-artwork:has(.improvement-offer-art){background:linear-gradient(#b6cfc0 62%,#dee7cf 62%)}
.nf-site .offer-artwork .service-art.improvement-offer-art{aspect-ratio:1000/900}
.nf-site #verbeteren .offer-drawer-copy .improvement-offer-lead{font:500 20px/1.4 Syne,sans-serif;letter-spacing:-.025em;color:#272831;max-width:350px;margin:0 0 16px}
@media(max-width:540px){.nf-site .offer-artwork .service-art.improvement-offer-art{aspect-ratio:940/790}.nf-site #verbeteren .offer-drawer-copy .improvement-offer-lead{font-size:19px;max-width:290px;margin-bottom:14px}}
.nf-site .offer-artwork:has(.identity-offer-art){background:linear-gradient(#e8acb5 62%,#f4cbd0 62%)}
.nf-site .offer-artwork .service-art.identity-offer-art{aspect-ratio:1000/900}
.nf-site #huisstijl .offer-drawer-copy .identity-offer-lead{font:500 20px/1.4 Syne,sans-serif;letter-spacing:-.025em;color:#272831;max-width:350px;margin:0 0 16px}
@media(max-width:540px){.nf-site .offer-artwork .service-art.identity-offer-art{aspect-ratio:930/775}.nf-site #huisstijl .offer-drawer-copy .identity-offer-lead{font-size:19px;max-width:290px;margin-bottom:14px}}
/* Focus revision: only the website drawer; other services and detail art retain their composition. */
.nf-site .offer-artwork:has(.website-offer-art){background:linear-gradient(#edc769 60%,#f7e6ba 60%)}
.nf-site .offer-artwork .service-art.website-offer-art{aspect-ratio:1000/900}
.nf-site #website .offer-drawer-copy .website-offer-lead{font:500 20px/1.4 Syne,sans-serif;letter-spacing:-.025em;color:#272831;max-width:350px;margin:0 0 16px}
@media(max-width:540px){.nf-site .offer-artwork .service-art.website-offer-art{aspect-ratio:980/800}.nf-site #website .offer-drawer-copy .website-offer-lead{font-size:19px;max-width:290px;margin-bottom:14px}}
.nf-site .service-art.art-world{position:relative;aspect-ratio:1000/740;overflow:hidden}
.nf-site .art-world>svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.nf-site .art-world>picture{display:block;width:100%;height:100%}
.nf-site .art-world[data-world-ready]>picture{visibility:hidden}
.nf-site .at-offers{background:#f6f5ef;padding-block:105px 95px}
.nf-site .at-offers-heading{margin-bottom:58px}
.nf-site .at-offers-heading h2{max-width:850px}
.nf-site .at-offers-heading>p{max-width:360px}
.nf-site .offer-workbench{position:relative;min-height:520px;padding-right:55%;font-family:Manrope,sans-serif}
.nf-site .offer-workbench:not(:has(.offer-drawer[open])){min-height:0}
.nf-site .offer-drawer{border-top:1px solid #c7c4b9;scroll-margin-top:125px}
.nf-site .offer-drawer:last-child{border-bottom:1px solid #c7c4b9}
.nf-site .offer-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none;color:#272831}
.nf-site .offer-drawer summary::-webkit-details-marker{display:none}
.nf-site .offer-drawer h3{font:500 clamp(26px,2.35vw,34px)/1.15 Syne,sans-serif;letter-spacing:-.045em;max-width:455px;margin:0;text-wrap:balance}
.nf-site .offer-drawer[open] summary{color:#064cff;padding-bottom:18px}
.nf-site .offer-toggle{width:22px;height:22px;position:relative;flex:none}
.nf-site .offer-toggle span{position:absolute;background:currentColor;width:17px;height:1.5px;left:2px;top:10px}
.nf-site .offer-toggle span+span{transform:rotate(90deg)}
.nf-site .offer-drawer[open] .offer-toggle span+span{display:none}
.nf-site .offer-drawer-copy{padding:0 20px 29px 0}
.nf-site .offer-drawer-copy p{font:400 15px/1.75 Manrope,sans-serif;max-width:440px;margin:0;color:#515159}
.nf-site .offer-drawer-copy .offer-included{font-size:12px;color:#064cff;margin-top:14px}
.nf-site .offer-route{display:inline-flex;gap:22px;align-items:center;font:500 14px/1.5 Manrope,sans-serif;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:23px;width:fit-content}
.nf-site .offer-route svg{width:18px;height:18px}
.nf-site .offer-route:focus-visible,.nf-site .offer-drawer summary:focus-visible{outline:2px solid #064cff;outline-offset:6px}
.nf-site .offer-artwork{position:absolute;inset:0 0 0 auto;width:50%;background:#dedbf0;display:grid;align-items:center}
.nf-site .service-art{width:100%;min-width:0;aspect-ratio:720/500;display:block}
.nf-site .service-art>svg{width:100%;height:100%;display:block;overflow:visible}
.nf-site .service-art img{display:block;width:100%;height:100%;object-fit:contain}
.nf-site .offer-artwork:has(.service-art-website),.nf-site .offer-detail-art:has(.service-art-website){background:linear-gradient(#f3cb67 50%,#fae8b6 50%)}
.nf-site .offer-artwork:has(.service-art-huisstijl),.nf-site .offer-detail-art:has(.service-art-huisstijl){background:linear-gradient(#eab1b9 50%,#f7ced1 50%)}
.nf-site .offer-artwork:has(.service-art-verbeteren),.nf-site .offer-detail-art:has(.service-art-verbeteren){background:linear-gradient(#b8d3c2 50%,#d2e4cf 50%)}
.nf-site .offer-artwork:has(.service-art-onderhoud),.nf-site .offer-detail-art:has(.service-art-onderhoud){background:linear-gradient(#f3c27c 50%,#f8d9a1 50%)}
.nf-site .offer-advice{font:400 13px/1.7 Manrope,sans-serif;margin-top:32px}
.nf-site .offer-advice a{color:inherit}
.nf-site .offer-seo{background:#064cff;color:#fff;padding-block:70px 32px}
.nf-site .offer-seo-stage{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}
.nf-site .offer-seo h2{color:#fff;font-size:clamp(40px,4.65vw,67px);line-height:1.04;letter-spacing:-.05em;max-width:580px}
.nf-site .offer-seo .offer-eyebrow{color:#e6edff;font:400 12px/1.5 Manrope,sans-serif;margin:0 0 29px}
.nf-site .offer-seo .offer-seo-lead{font:400 16px/1.7 Manrope,sans-serif;color:#fff;max-width:450px;margin-top:30px}
.nf-site .offer-seo .offer-route{color:#fff;margin-top:28px}
.nf-site .offer-seo .offer-route:focus-visible{outline-color:#fff}
.nf-site .offer-seo-foot{padding-top:40px}
.nf-site .offer-seo-foot p{font:400 12px/1.7 Manrope,sans-serif;color:#e6edff;border-top:1px solid #527fff;padding-top:23px;margin:0}
.nf-site .offer-seo-depth{margin-top:60px;padding-block:45px 10px;border-top:1px solid #527fff}
.nf-site .offer-seo .offer-seo-body{max-width:700px;font-size:16px;color:#fff}
.nf-site .offer-seo-items{gap:50px;margin-top:45px}
.nf-site .offer-seo-items>div{border:0;padding:0}
.nf-site .offer-seo-items dt{font-size:25px;color:#fff}
.nf-site .offer-seo-items dd{color:#e6edff;font-size:14px}
.nf-site .offer-seo-boundary{margin-top:40px;border-top:1px solid #527fff}
.nf-site .offer-seo-boundary summary{padding:24px 0;list-style:none;cursor:pointer;font:500 15px Manrope,sans-serif;display:flex;justify-content:space-between;gap:30px}
.nf-site .offer-seo-boundary summary::-webkit-details-marker{display:none}
.nf-site .offer-seo-boundary>div{max-width:850px;padding-bottom:25px}
.nf-site .offer-seo-boundary p{color:#e6edff;font-size:14px;line-height:1.8;margin:0 0 16px}
.nf-site .offer-services-opening{padding-block:78px 65px}
.nf-site .offer-services-list{background:#f6f5ef;padding-bottom:90px}
.nf-site .offer-services-list h2{font:400 13px Manrope,sans-serif;letter-spacing:0;margin:0 0 30px}
@media(hover:hover) and (pointer:fine){.nf-site .offer-drawer summary:hover{color:#064cff}.nf-site .offer-route:hover svg{transform:translate(2px,-2px)}}
.nf-site .offer-route svg{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
@media(max-width:1050px){.nf-site .offer-workbench{padding-right:53%;min-height:510px}.nf-site .offer-artwork{width:48%}.nf-site .offer-drawer h3{font-size:29px}.nf-site .offer-seo-stage{gap:35px}}
@media(max-width:800px){
 .nf-site .at-offers{padding-block:64px}
 .nf-site .at-offers-heading{margin-bottom:36px}
 .nf-site .offer-workbench{padding:0;min-height:0}
 .nf-site .offer-artwork{position:static;width:100%;margin-top:25px}
 .nf-site .offer-drawer h3{font-size:29px;max-width:520px}
 .nf-site .offer-drawer-copy{padding:0;max-width:560px}
 .nf-site .offer-drawer-body{padding-bottom:30px}
 .nf-site .offer-drawer summary{padding:23px 0}
 .nf-site .offer-seo{padding-block:55px 25px}
 .nf-site .offer-seo-stage{grid-template-columns:1fr;gap:22px}
 .nf-site .offer-seo .service-art{max-width:590px;margin-inline:auto}
 .nf-site .offer-seo-foot{padding-top:10px}
 .nf-site .offer-seo .offer-seo-lead{margin-top:24px}
 .nf-site .offer-seo h2{font-size:50px;max-width:620px}
 .nf-site .offer-seo-depth{margin-top:20px;padding-top:30px}
 .nf-site .offer-seo-items{display:grid;grid-template-columns:1fr;gap:30px}
 .nf-site .offer-services-opening{padding-block:45px}
 .nf-site .offer-services-list{padding-bottom:60px}
}
@media(max-width:540px){
 .nf-site .offer-drawer h3{font-size:28px;max-width:280px}
 .nf-site .offer-drawer-copy p{font-size:14px}
 .nf-site .offer-drawer-copy .offer-included{font-size:12px}
 .nf-site .offer-seo h2{font-size:45px}
 .nf-site .offer-seo .offer-seo-lead{font-size:15px}
 .nf-site .offer-seo .offer-eyebrow{font-size:11px;margin-bottom:24px}
 .nf-site .offer-seo-stage{gap:15px}
}
@media(prefers-reduced-motion:reduce){.nf-site .offer-route svg{transition:none;transform:none!important}}
.nf-site .offer-detail-opening{padding-block:45px 0}
.nf-site .offer-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:42px}
.nf-site .offer-detail-copy .ed-eyebrow{font-size:12px;line-height:1.7;max-width:38ch;margin:0 0 25px}
.nf-site .offer-detail-copy h1{font:500 clamp(45px,4.8vw,70px)/1.03 Syne,sans-serif;letter-spacing:-.055em;max-width:650px;margin:0;text-wrap:balance}
.nf-site .offer-detail-copy .offer-detail-lead{font:400 16px/1.75 Manrope,sans-serif;color:#515159;max-width:500px;margin:28px 0}
.nf-site .offer-detail-art{background:#dedbf0;min-height:460px;display:grid;align-items:center}
.nf-site .offer-detail-opening .ed-anchor-nav{margin-top:55px}
.nf-site .offer-detail .ed-intro{padding-block:80px;gap:80px}
.nf-site .offer-detail .ed-intro h2{font-size:39px;max-width:510px}
.nf-site .offer-inclusions,.nf-site .offer-agreements{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:75px;scroll-margin-top:95px}
.nf-site .offer-inclusions{border-top:1px solid #cfcbc1}
.nf-site .offer-inclusions h2,.nf-site .offer-agreements h2{font:500 43px/1.1 Syne,sans-serif;letter-spacing:-.045em;max-width:430px;margin:0 0 27px}
.nf-site .offer-inclusions>div>p,.nf-site .offer-agreements>div>p{font:400 15px/1.8 Manrope,sans-serif;color:#515159;max-width:470px;margin:0}
.nf-site .offer-agreements{padding-block:95px 65px}
.nf-site .offer-accordion details{border-top:1px solid #cfcbc1}
.nf-site .offer-accordion details:last-of-type{border-bottom:1px solid #cfcbc1}
.nf-site .offer-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0;cursor:pointer}
.nf-site .offer-accordion summary::-webkit-details-marker{display:none}
.nf-site .offer-accordion summary h3{font:500 24px/1.25 Syne,sans-serif;letter-spacing:-.035em;margin:0;max-width:470px}
.nf-site .offer-accordion summary>span{font:300 25px Manrope,sans-serif;color:#064cff}
.nf-site .offer-accordion details[open] summary>span{transform:rotate(45deg)}
.nf-site .offer-accordion details[open] summary{color:#064cff}
.nf-site .offer-accordion details>p{font:400 15px/1.8 Manrope,sans-serif;color:#515159;padding:0 30px 25px 0;margin:0}
.nf-site .offer-detail .ed-faq{border-top:1px solid #cfcbc1;padding-block:70px}
.nf-site .offer-fold{margin-block:35px 60px;border-block:1px solid #cfcbc1}
.nf-site .offer-fold>summary{font:500 23px/1.3 Syne,sans-serif;letter-spacing:-.035em;padding:26px 0;display:flex;justify-content:space-between;gap:30px;list-style:none;cursor:pointer}
.nf-site .offer-fold>summary::-webkit-details-marker{display:none}
.nf-site .offer-fold .ed-comparison{width:100%;padding-block:30px 55px}
@media(max-width:1050px){.nf-site .offer-detail-hero,.nf-site .offer-inclusions,.nf-site .offer-agreements{gap:45px}.nf-site .offer-detail-art{min-height:430px}}
@media(max-width:800px){
 .nf-site .offer-detail-opening{padding-top:28px}
 .nf-site .offer-detail-hero{grid-template-columns:1fr;gap:35px;margin-top:32px}
 .nf-site .offer-detail-copy h1{font-size:57px;max-width:620px}
 .nf-site .offer-detail-copy .ed-eyebrow{margin-bottom:20px}
 .nf-site .offer-detail-art{min-height:0}
 .nf-site .offer-detail-opening .ed-anchor-nav{margin-top:30px}
 .nf-site .offer-detail .ed-intro{padding-block:45px;gap:25px}
 .nf-site .offer-detail .ed-intro h2{font-size:34px}
 .nf-site .offer-inclusions,.nf-site .offer-agreements{grid-template-columns:1fr;gap:32px;padding-block:48px}
 .nf-site .offer-inclusions h2,.nf-site .offer-agreements h2{font-size:36px;margin-bottom:20px}
 .nf-site .offer-inclusions>div>p,.nf-site .offer-agreements>div>p{max-width:560px}
 .nf-site .offer-accordion summary h3{font-size:23px}
 .nf-site .offer-detail .ed-faq{padding-block:48px}
}
@media(max-width:540px){.nf-site .offer-detail-copy h1{font-size:clamp(35px,11.5vw,46px)}.nf-site .offer-detail-copy .offer-detail-lead{font-size:14px;margin-block:24px}.nf-site .offer-accordion details>p,.nf-site .offer-inclusions>div>p,.nf-site .offer-agreements>div>p{font-size:14px}.nf-site .offer-detail-copy .ed-eyebrow{font-size:11px}}

.nf-site .offer-detail-hero>*{min-width:0}
@media(max-width:360px){
 .nf-site .offer-detail:has(.service-art-onderhoud) .offer-detail-copy h1{font-size:clamp(30px,9.7vw,35px)}
 .nf-site .offer-accordion summary{gap:12px}
 .nf-site .offer-accordion summary h3{font-size:21px;min-width:0;overflow-wrap:anywhere;hyphens:auto}
 .nf-site .offer-accordion summary>span{flex:none;width:1em;text-align:center}
}