.direct-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.direct-contact a{font-size:.95rem;text-decoration:underline;text-underline-offset:4px}.direct-contact p{flex-basis:100%;font-size:.9rem;line-height:1.65}.developer-profile>div{padding:40px;background:#e9ede7;border-radius:20px}.developer-profile img{max-width:100%;height:auto;float:right;margin:0 0 24px 36px;width:240px}.table-scroll{max-width:100%;overflow:auto;border:1px solid #cbd0c7;border-radius:12px}.maintenance-comparison table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}.maintenance-comparison th,.maintenance-comparison td{padding:19px 22px;border-bottom:1px solid #d5d9d0}.maintenance-comparison thead{background:#193a38;color:white}.maintenance-comparison tbody tr:nth-child(even){background:#edf0e9}.maintenance-comparison p{max-width:760px;line-height:1.7;margin:20px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.testimonial-grid figure{padding:30px;background:#edf0e9;border-radius:16px}.knowledge-article .page-hero{padding-bottom:32px}.knowledge-article .quality-section{max-width:850px}.knowledge-article .quality-section .section-heading{display:block}.knowledge-article .prose{max-width:750px}.knowledge-article .section-index{display:none}.knowledge-article .feature-rows{display:block}.knowledge-article .feature-rows article{display:block;padding-block:24px}.knowledge-article .feature-rows article>span{display:none}.knowledge-article h2{font-size:clamp(1.7rem,4vw,2.4rem)}.knowledge-article .page-hero h1{font-size:clamp(2.2rem,5vw,4rem)}.knowledge-article .page-hero .service-visual{display:none}
@media(min-width:1024px){.site-header .brand{width:170px;flex-shrink:0}.site-header .brand img{width:170px;height:auto}.site-header #main-nav{gap:17px}.site-header #main-nav>a,.site-header .nav-group>summary{font-size:13px}.site-header #main-nav .nav-contact{padding:13px 17px}}
@media(max-width:700px){.developer-profile>div{padding:24px}.developer-profile img{float:none;margin:0 0 24px;width:100%}.maintenance-comparison th,.maintenance-comparison td{padding:14px 10px;min-width:120px;font-size:.8rem}.direct-contact{gap:14px 20px}.knowledge-article .feature-rows article{padding-block:16px}}

.contact-repair .field-row:not([hidden]) .field{display:block}.contact-repair .field-row:not([hidden]){min-width:0}

.page-hero{overflow:clip}.page-hero h1,.split-section h2{overflow-wrap:anywhere;hyphens:auto}.split-section>div{min-width:0}.pricing-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.pricing-grid:has(>article:nth-child(2):last-child){grid-template-columns:1fr}}
@media(max-width:700px){body:has(main a[href="/projecten/#made-by-hayley"]) .page-hero h1{font-size:2rem;letter-spacing:-.055em}}
.knowledge-heading{padding-top:64px;padding-bottom:40px;max-width:1200px}.knowledge-heading h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.04;max-width:850px;margin:20px 0}.knowledge-heading>p:last-child{max-width:660px;font-size:1.1rem;line-height:1.7}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:64px}.knowledge-card{display:flex;flex-direction:column;padding:32px;border:1px solid #d6dbd5;border-radius:16px;background:#fff}.knowledge-card-top{display:flex;justify-content:space-between;color:#2457e6;font-size:.8rem;font-weight:700;margin-bottom:28px}.knowledge-card h2{font-size:1.8rem;line-height:1.18;letter-spacing:-.035em;margin:0 0 18px}.knowledge-card h2 a{text-decoration:none;color:inherit}.knowledge-card>p{line-height:1.7;color:#52616c;margin:0 0 26px}.knowledge-card>.text-link{margin-top:auto;align-self:flex-start}.knowledge-help{padding-top:32px;padding-bottom:64px;border-top:1px solid #d6dbd5}.knowledge-help h2{font-size:2rem;margin-bottom:16px}.knowledge-help p{margin-bottom:24px}.emergency-actions{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.emergency-actions .button{font-size:.9rem;padding:16px 18px}.emergency-call{font-weight:700;text-decoration:underline;text-underline-offset:5px}.page-home .hero{padding-bottom:56px}.developer-profile{padding-top:0;padding-bottom:48px}.knowledge-article .page-hero{display:block;max-width:900px}.knowledge-article .page-hero .hero-copy{max-width:800px}.knowledge-article .page-hero>aside{display:none}
@media(min-width:1024px){.site-header #main-nav{gap:13px}.site-header .brand,.site-header .brand img{width:155px}}
@media(max-width:700px){.knowledge-heading{padding-top:32px;padding-bottom:28px}.knowledge-grid{grid-template-columns:1fr;gap:16px;padding-bottom:40px}.knowledge-card{padding:24px}.knowledge-card h2{font-size:1.6rem}.knowledge-card-top{margin-bottom:20px}.page-home .hero{padding-bottom:36px}.emergency-hero{padding-top:24px!important}.emergency-hero h1{font-size:2.5rem!important;line-height:1.04!important;margin-block:14px!important}.emergency-hero .lead{font-size:1rem!important;line-height:1.55!important}.emergency-actions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px;margin:18px 0}.emergency-actions .button{font-size:.8rem;line-height:1.4;padding:12px;text-align:center}.emergency-call{font-size:.83rem;white-space:nowrap}.about-hero{padding-top:28px!important}.about-hero h1{font-size:2.6rem!important}.about-hero .lead{font-size:1rem!important}}
.real-work{min-width:0;padding:24px;background:#edf0ed;border:1px solid #c9d2cc;border-radius:3px;align-self:center}
.real-work-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:18px;font-size:12px;letter-spacing:.1em;font-weight:700}
.real-work-heading a{letter-spacing:0;text-decoration:underline;text-underline-offset:4px}
.real-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.real-work-item{min-width:0;text-decoration:none;background:#fff;border:1px solid #ced5d0;transition:border-color .2s}
.real-work-item:hover{border-color:#2355ed}
.real-work-item:focus-visible{outline:3px solid #2355ed;outline-offset:4px}
.real-work-item-0{grid-column:1/-1}
.real-work-image{height:145px;overflow:hidden;border-bottom:1px solid #e0e5e1}
.real-work-item-0 .real-work-image{height:260px}
.real-work-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.real-work-caption{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;color:#172c38}
.real-work-caption strong{display:block;font-size:19px}
.real-work-caption small{display:block;font-size:12px;line-height:1.5;margin-top:3px}
.real-work-note{font-size:11px;line-height:1.6;margin:16px 0 0;color:#4b5e55}
.page-home .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding-top:56px;padding-bottom:56px;align-items:center}
.page-home .hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.04;letter-spacing:-.055em;max-width:100%}
@media(max-width:950px){.page-home .hero{grid-template-columns:1fr;gap:32px}.real-work{width:100%;max-width:680px}.page-home .hero h1{font-size:clamp(48px,9vw,76px)}}
@media(max-width:600px){.real-work{padding:16px}.real-work-grid{gap:10px}.real-work-item-0 .real-work-image{height:190px}.real-work-image{height:100px}.real-work-caption{padding:10px;gap:5px}.real-work-caption strong{font-size:16px}.real-work-caption small{font-size:11px}.real-work-heading{font-size:10px}.page-home .hero{padding-top:32px;padding-bottom:32px}}
.developer-profile>div{display:flow-root}.developer-profile img{border-radius:12px;aspect-ratio:1;object-fit:cover}@media(max-width:700px){.developer-profile img{max-width:320px;display:block}}
.real-work .case-label{display:block;color:#36534a;font-size:10px;line-height:1.4;margin:0 0 7px;letter-spacing:.09em}.real-work .case-label:before{background:#36534a}
.nav-mobile-contact{display:none}
.nav-feature-blue .nav-figure{font-size:2.65rem;letter-spacing:-.05em}
.footer-top{display:grid;grid-template-columns:1fr;gap:40px}
.footer-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}
.footer-identity .footer-intro{max-width:550px;grid-column:1}
.footer-identity .footer-company{grid-column:1}
.footer-identity .footer-social{grid-column:1}
.footer-identity .direct-contact{grid-column:2;grid-row:1/4;justify-self:end;margin:0;max-width:420px}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;width:100%;min-width:0}
.footer-column{min-width:0}
.footer-column h2{font-family:var(--body);font-size:.85rem;font-weight:650;letter-spacing:0;color:#fff;margin:0 0 20px}
.footer-column>a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.82rem;line-height:1.55;padding:8px 0;text-decoration:none;color:#d3dfe5}
.footer-column>a:hover,.footer-column>a:focus-visible{color:var(--lime)}
.footer-articles{margin-top:8px;color:#d3dfe5;font-size:.8rem;line-height:1.55}
.footer-articles summary{cursor:pointer;padding:8px 0}
.footer-articles a{display:block;font-size:.76rem;line-height:1.6;margin:12px 0;text-underline-offset:3px}
@media(max-width:1023px){.nav-mobile-contact{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0 18px;border-bottom:1px solid var(--line);margin-bottom:8px}.nav-mobile-contact a{padding:10px 12px;background:#eef2fa;border-radius:8px;color:var(--blue);font-size:.8rem;text-decoration:none}.footer-identity{grid-template-columns:1fr}.footer-identity .direct-contact{grid-column:1;grid-row:auto;justify-self:start;margin-top:20px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:600px){.footer-nav{gap:28px 22px}.footer-column h2{font-size:.82rem;margin-bottom:12px}.footer-column>a{font-size:.77rem}.footer-column>a span{display:none}.footer-articles{font-size:.76rem}}
@media(min-width:1024px) and (max-width:1050px){.nav-mobile-contact{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0 18px}.nav-mobile-contact a{padding:10px 12px;background:#eef2fa;border-radius:8px;color:var(--blue);font-size:.8rem;text-decoration:none}}