.x-hoeksteen{--font-sans:var(--x-body,"DM Sans",sans-serif);--font-display:var(--x-display,"Archivo Black",sans-serif);--background:oklch(99% 0 0);--foreground:oklch(23% .003 50);--primary:oklch(23% .003 50);--primary-foreground:oklch(99% 0 0);--secondary:oklch(95% .002 50);--muted-foreground:oklch(49% .005 50);--accent:oklch(68% .19 32);--accent-foreground:oklch(19% .004 40);--border:oklch(85% .002 50);--hero-shade:linear-gradient(90deg, oklch(15% .003 50/.73), oklch(15% .003 50/.14) 65%, oklch(15% .003 50/.06));--overlay:oklch(15% 0 0/.65);--shadow-modal:0 20px 80px oklch(15% 0 0/.15)}.x-hoeksteen *{box-sizing:border-box;border-color:var(--border)}.x-hoeksteen{scroll-behavior:smooth;background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:24px;font-size:14px}.x-hoeksteen a{color:inherit;text-decoration:none}.x-hoeksteen button,.x-hoeksteen input,.x-hoeksteen select{font:inherit}.x-hoeksteen h1,.x-hoeksteen h2,.x-hoeksteen h3,.x-hoeksteen p{letter-spacing:0;margin:0}.x-hoeksteen h1,.x-hoeksteen h2{font-family:var(--font-display);font-weight:400;line-height:1.1}.x-hoeksteen h2{font-size:48px}.x-hoeksteen p{line-height:1.7}.x-hoeksteen img{display:block}.x-hoeksteen .container{width:min(1280px,100% - 96px);margin-inline:auto}.x-hoeksteen .eyebrow{letter-spacing:0;font-size:10px;font-weight:700;display:block}.x-hoeksteen .section{padding:90px 0}.x-hoeksteen .section-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;gap:32px;margin-bottom:44px;display:grid}.x-hoeksteen .section-heading>.eyebrow{align-self:start;padding-top:7px}.x-hoeksteen .section-heading>p,.x-hoeksteen .project-disclaimer{color:var(--muted-foreground);font-size:12px}.x-hoeksteen .section-heading h2 span{color:var(--muted-foreground)}.x-hoeksteen .site-header{background:var(--background);z-index:20;position:relative}.x-hoeksteen .nav-inner{align-items:center;gap:24px;height:86px;display:flex}.x-hoeksteen .brand{align-items:center;display:inline-flex}.x-hoeksteen .brand img{width:auto;height:24px;display:block}.x-hoeksteen .brand-description{max-width:70px;font-size:8px;font-weight:700;line-height:1.5}.x-hoeksteen .main-nav{gap:26px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.x-hoeksteen .main-nav a:hover{text-underline-offset:5px;text-decoration:underline}.x-hoeksteen .nav-cta{height:42px;margin-left:18px;font-size:11px}.x-hoeksteen .menu-toggle{display:none}.x-hoeksteen .hero{height:590px;color:var(--primary-foreground);position:relative;overflow:hidden}.x-hoeksteen .hero-image,.x-hoeksteen .hero-shade{width:100%;height:100%;position:absolute;inset:0}.x-hoeksteen .hero-image{object-fit:cover;object-position:center 46%}.x-hoeksteen .hero-shade{background:var(--hero-shade)}.x-hoeksteen .hero-content{height:100%;padding-block:28px;position:relative}.x-hoeksteen .hero-topline{border-bottom:1px solid var(--primary-foreground);justify-content:space-between;padding-bottom:18px;font-size:9px;font-weight:600;display:flex}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .hero-topline{border-bottom:1px solid color-mix(in oklch, var(--primary-foreground) 35%, transparent)}}.x-hoeksteen .hero-copy{padding-top:30px}.x-hoeksteen .hero-copy h1{font-size:96px;line-height:1}.x-hoeksteen .hero-copy h1 span{color:var(--accent)}.x-hoeksteen .hero-copy h2{margin:14px 0 16px;font-size:49px}.x-hoeksteen .hero-copy p{font-size:14px}.x-hoeksteen .hero-cta{height:45px;margin-top:24px;padding-inline:22px;font-size:12px}.x-hoeksteen .hero-scroll{border:1px solid var(--primary-foreground);place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:30px;right:0}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .hero-scroll{border:1px solid color-mix(in oklch, var(--primary-foreground) 55%, transparent)}}.x-hoeksteen .hero-scroll{border-radius:50%}.x-hoeksteen .quick-contact{border-bottom:1px solid var(--border);padding:28px 0 22px}.x-hoeksteen .quote-form{min-width:0}.x-hoeksteen .form-intro .eyebrow{margin-bottom:12px}.x-hoeksteen .form-intro h2{margin-bottom:28px;font-size:28px}.x-hoeksteen .form-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.x-hoeksteen .quote-form label{min-width:0;font-size:11px;font-weight:600;display:block}.x-hoeksteen .quote-form input,.x-hoeksteen .quote-form select{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:45px;color:var(--foreground);background:0 0;border-radius:0;outline:none;margin-top:5px;padding:0 0 0 2px;font-size:12px}.x-hoeksteen .quote-form input:focus,.x-hoeksteen .quote-form select:focus{outline:2px solid var(--primary);outline-offset:3px}.x-hoeksteen .quote-form input::placeholder{color:var(--muted-foreground)}.x-hoeksteen .form-submit{grid-column:1/-1;justify-content:space-between;height:46px;margin-top:4px;font-size:12px}.x-hoeksteen .form-note{color:var(--muted-foreground);margin-top:14px;font-size:10px}.x-hoeksteen .compact{grid-template-columns:210px 1fr;column-gap:36px;display:grid}.x-hoeksteen .compact .form-intro h2{font-family:var(--font-sans);margin:0;font-size:22px;font-weight:700;line-height:1.25}.x-hoeksteen .compact .form-intro .eyebrow{color:var(--muted-foreground);margin-bottom:8px;font-size:8px}.x-hoeksteen .compact .form-fields{grid-template-columns:1.2fr 1fr 1fr 1.25fr auto;align-items:end;gap:18px}.x-hoeksteen .compact .form-submit{grid-column:auto;justify-content:center;gap:0;width:48px;height:45px;margin:0;padding:0;font-size:0;overflow:hidden}.x-hoeksteen .compact .form-submit svg{width:20px;height:20px}.x-hoeksteen .compact .form-note{grid-column:2;margin-top:10px;font-size:9px}.x-hoeksteen .services-layout{grid-template-columns:1.15fr 1fr;gap:65px;display:grid}.x-hoeksteen .service-list{border-top:1px solid var(--border)}.x-hoeksteen .service-item{border-bottom:1px solid var(--border);text-align:left;white-space:normal;border-radius:0;justify-content:flex-start;gap:22px;width:100%;height:auto;min-height:133px;padding:25px 0;display:flex}.x-hoeksteen .service-item:hover{background:var(--secondary);color:var(--foreground)}.x-hoeksteen .service-number{color:var(--muted-foreground);align-self:flex-start;margin-top:8px;font-size:10px}.x-hoeksteen .service-item>div{flex:1;min-width:0}.x-hoeksteen .service-item h3{margin-bottom:10px;font-size:23px;font-weight:600}.x-hoeksteen .service-item p{color:var(--muted-foreground);max-width:330px;font-size:12px;font-weight:400}.x-hoeksteen .service-item>svg{align-self:flex-start;margin-top:7px}.x-hoeksteen .service-advice{flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:24px;font-size:11px;display:flex}.x-hoeksteen .service-advice span{align-items:center;gap:10px;font-weight:700;display:flex}.x-hoeksteen .featured-service{flex-direction:column;min-width:0;display:flex}.x-hoeksteen .featured-service img{object-fit:cover;width:100%;height:350px}.x-hoeksteen .featured-caption{background:var(--accent);color:var(--accent-foreground);justify-content:space-between;padding:22px;font-size:20px;font-weight:700;display:flex}.x-hoeksteen .projects-section{background:var(--primary);color:var(--primary-foreground)}.x-hoeksteen .projects-section .eyebrow{color:var(--accent)}.x-hoeksteen .projects-section .project-disclaimer{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .projects-section .project-disclaimer{color:color-mix(in oklch, var(--primary-foreground) 65%, transparent)}}.x-hoeksteen .project-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:54px;display:grid}.x-hoeksteen .project-item:nth-child(2){margin-top:95px}.x-hoeksteen .project-image{overflow:hidden}.x-hoeksteen .project-image img{object-fit:cover;width:100%;height:355px;transition:transform .5s}.x-hoeksteen .project-item:nth-child(2) img{height:295px}.x-hoeksteen .project-image:hover img{transform:scale(1.03)}.x-hoeksteen .project-meta{color:var(--accent);justify-content:space-between;padding:18px 0 13px;font-size:9px;display:flex}.x-hoeksteen .project-item h3{font-size:27px;font-weight:500}.x-hoeksteen .project-item p{color:var(--primary-foreground);margin-top:10px;font-size:10px}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .project-item p{color:color-mix(in oklch, var(--primary-foreground) 65%, transparent)}}.x-hoeksteen .team-section{grid-template-columns:1fr 1fr;display:grid}.x-hoeksteen .team-image-wrap{min-width:0}.x-hoeksteen .team-image-wrap img{object-fit:cover;width:100%;height:100%;min-height:560px}.x-hoeksteen .team-copy{background:var(--secondary);padding:70px 12% 70px 10%}.x-hoeksteen .team-copy h2{margin:24px 0;font-size:46px}.x-hoeksteen .team-copy h2 span{color:var(--muted-foreground)}.x-hoeksteen .team-copy p{max-width:390px;color:var(--muted-foreground);margin-bottom:15px;font-size:13px}.x-hoeksteen .team-copy a{height:44px;margin-top:14px;font-size:11px}.x-hoeksteen .steps{grid-template-columns:repeat(3,1fr);gap:40px;padding-top:10px;display:grid}.x-hoeksteen .step{border-top:1px solid var(--border)}.x-hoeksteen .step-number{justify-content:space-between;align-items:center;padding:24px 0 30px;display:flex}.x-hoeksteen .step-number span{font-family:var(--font-display);color:var(--accent);font-size:60px}.x-hoeksteen .step h3{margin-bottom:13px;font-size:22px}.x-hoeksteen .step p{color:var(--muted-foreground);max-width:320px;font-size:13px}.x-hoeksteen .faq-section{background:var(--secondary)}.x-hoeksteen .faq-grid{grid-template-columns:1fr 1.5fr;gap:90px;display:grid}.x-hoeksteen .faq-grid h2{margin:24px 0 28px}.x-hoeksteen .faq-grid a{font-size:11px}.x-hoeksteen .faq-grid [data-slot=accordion-trigger]{padding-block:24px;font-size:13px}.x-hoeksteen .faq-grid [data-slot=accordion-content]{color:var(--muted-foreground);font-size:12px}.x-hoeksteen .contact-section{background:var(--accent);color:var(--accent-foreground);padding:65px 0 80px}.x-hoeksteen .contact-heading{border-bottom:1px solid var(--foreground);padding-bottom:35px;position:relative}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .contact-heading{border-bottom:1px solid color-mix(in oklch, var(--foreground) 25%, transparent)}}.x-hoeksteen .contact-heading h2{margin-top:24px;font-size:66px}.x-hoeksteen .contact-heading em{color:var(--primary-foreground);font-style:normal}.x-hoeksteen .contact-arrow{stroke-width:1px;width:90px;height:90px;position:absolute;bottom:40px;right:0}.x-hoeksteen .contact-grid{grid-template-columns:1fr 1.3fr;gap:90px;padding-top:40px;display:grid}.x-hoeksteen .contact-copy>p{font-size:17px}.x-hoeksteen .contact-details{gap:20px;margin-top:40px;font-size:12px;display:grid}.x-hoeksteen .contact-details span{align-items:center;gap:14px;display:flex}.x-hoeksteen .contact-section .form-intro{display:none}.x-hoeksteen .contact-section .quote-form input,.x-hoeksteen .contact-section .quote-form select{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .contact-section .quote-form input,.x-hoeksteen .contact-section .quote-form select{border-color:color-mix(in oklch, var(--foreground) 40%, transparent)}}.x-hoeksteen .contact-section .quote-form input::placeholder,.x-hoeksteen .contact-section .form-note{color:var(--accent-foreground)}.x-hoeksteen .contact-section .form-submit{background:var(--primary);color:var(--primary-foreground)}.x-hoeksteen .contact-section .form-submit:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.x-hoeksteen .contact-section .form-submit:hover{background:color-mix(in oklch, var(--primary) 85%, var(--accent))}}.x-hoeksteen footer{background:var(--background);padding:34px 0 24px}.x-hoeksteen .footer-main{justify-content:space-between;align-items:center;gap:20px;display:flex}.x-hoeksteen .footer-main>span{font-size:12px}.x-hoeksteen .footer-main>a:last-child{align-items:center;gap:12px;font-size:11px;display:flex}.x-hoeksteen .footer-bottom{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;font-size:9px;display:flex}.x-hoeksteen .modal-backdrop{background:var(--overlay);z-index:50;position:fixed;inset:0}.x-hoeksteen .service-modal{z-index:51;background:var(--background);width:min(480px,100% - 40px);box-shadow:var(--shadow-modal);padding:40px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.x-hoeksteen .service-modal h2{margin:20px 0;font-size:30px}.x-hoeksteen .service-modal p{color:var(--muted-foreground);margin-bottom:24px;font-size:14px}.x-hoeksteen .service-modal a{white-space:normal;height:auto;min-height:44px}.x-hoeksteen .modal-close{position:absolute;top:10px;right:10px}@media (width>=1600px){.x-hoeksteen .hero{height:650px}.x-hoeksteen .hero-copy{padding-top:40px}}@media (width<=1100px){.x-hoeksteen .container{width:calc(100% - 56px)}.x-hoeksteen .brand-description{display:none}.x-hoeksteen .main-nav{gap:20px}.x-hoeksteen .nav-inner{gap:18px}.x-hoeksteen .nav-cta{margin-left:6px}.x-hoeksteen .hero{height:550px}.x-hoeksteen .hero-copy h1{font-size:96px}.x-hoeksteen .hero-copy h2{font-size:43px}.x-hoeksteen .compact{grid-template-columns:165px 1fr;gap:22px}.x-hoeksteen .compact .form-fields{grid-template-columns:1fr 1fr 45px;gap:12px 18px}.x-hoeksteen .compact .form-fields label:nth-child(3),.x-hoeksteen .compact .form-fields label:nth-child(4){grid-row:2}.x-hoeksteen .compact .form-submit{grid-area:1/3/3;align-self:stretch;width:45px;height:100%}.x-hoeksteen .section-heading{grid-template-columns:.8fr 1.6fr 1fr;gap:24px}.x-hoeksteen h2{font-size:39px}.x-hoeksteen .services-layout{gap:36px}.x-hoeksteen .service-item h3{font-size:21px}.x-hoeksteen .team-copy{padding:55px 8%}.x-hoeksteen .team-copy h2{font-size:36px}.x-hoeksteen .project-grid{gap:35px}.x-hoeksteen .faq-grid,.x-hoeksteen .contact-grid{gap:50px}.x-hoeksteen .contact-heading h2{font-size:53px}}@media (width<=760px){.x-hoeksteen .container{width:calc(100% - 40px)}.x-hoeksteen .nav-inner{gap:12px;height:72px}.x-hoeksteen .brand img{height:20px}.x-hoeksteen .nav-cta{height:38px;margin-left:auto;padding-inline:12px;font-size:10px}.x-hoeksteen .menu-toggle{display:inline-flex}.x-hoeksteen .main-nav{display:none}.x-hoeksteen .main-nav.is-open{background:var(--background);border-bottom:1px solid var(--border);flex-direction:column;padding:26px 20px;font-size:15px;display:flex;position:absolute;top:72px;left:0;right:0}.x-hoeksteen .hero{height:500px}.x-hoeksteen .hero-content{padding-top:22px}.x-hoeksteen .hero-image{object-position:55% center}.x-hoeksteen .hero-topline{font-size:8px}.x-hoeksteen .hero-topline span:last-child{display:none}.x-hoeksteen .hero-copy{padding-top:34px}.x-hoeksteen .hero-copy h1{font-size:96px}.x-hoeksteen .hero-copy h2{margin-top:18px;font-size:35px}.x-hoeksteen .hero-copy p{font-size:12px}.x-hoeksteen .hero-cta{margin-top:25px}.x-hoeksteen .hero-scroll{width:38px;height:38px;bottom:25px}.x-hoeksteen .quick-contact{padding:30px 0}.x-hoeksteen .compact{display:block}.x-hoeksteen .compact .form-intro{margin-bottom:24px}.x-hoeksteen .compact .form-intro h2{font-size:24px}.x-hoeksteen .compact .form-fields{grid-template-columns:1fr 1fr}.x-hoeksteen .compact .form-fields label:nth-child(3),.x-hoeksteen .compact .form-fields label:nth-child(4){grid-row:auto}.x-hoeksteen .compact .form-submit{grid-area:auto/1/auto/-1;justify-content:space-between;width:100%;height:46px;padding-inline:16px;font-size:12px}.x-hoeksteen .compact .form-note{font-size:10px}.x-hoeksteen .section{padding:56px 0}.x-hoeksteen .section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.x-hoeksteen h2{font-size:36px}.x-hoeksteen .section-heading>.eyebrow{padding:0}.x-hoeksteen .services-layout,.x-hoeksteen .project-grid,.x-hoeksteen .team-section,.x-hoeksteen .steps,.x-hoeksteen .faq-grid,.x-hoeksteen .contact-grid{grid-template-columns:1fr}.x-hoeksteen .services-layout{gap:30px}.x-hoeksteen .service-item{gap:16px;min-height:135px}.x-hoeksteen .service-item h3{font-size:21px}.x-hoeksteen .service-item p{font-size:12px}.x-hoeksteen .featured-service img{height:290px}.x-hoeksteen .featured-caption{padding:18px}.x-hoeksteen .project-grid{gap:35px}.x-hoeksteen .project-item:nth-child(2){margin-top:0}.x-hoeksteen .project-image img,.x-hoeksteen .project-item:nth-child(2) img{height:280px}.x-hoeksteen .project-item h3{font-size:24px}.x-hoeksteen .team-image-wrap img{height:330px;min-height:0}.x-hoeksteen .team-copy{padding:45px 20px}.x-hoeksteen .team-copy h2{font-size:38px}.x-hoeksteen .steps{gap:32px}.x-hoeksteen .step-number{padding:18px 0}.x-hoeksteen .step-number span{font-size:48px}.x-hoeksteen .step p{max-width:none}.x-hoeksteen .faq-grid{gap:25px}.x-hoeksteen .faq-grid h2{margin:22px 0}.x-hoeksteen .contact-section{padding:45px 0 50px}.x-hoeksteen .contact-heading h2{font-size:36px}.x-hoeksteen .contact-heading{padding-bottom:30px}.x-hoeksteen .contact-arrow{display:none}.x-hoeksteen .contact-grid{gap:34px;padding-top:30px}.x-hoeksteen .contact-details{margin-top:25px}.x-hoeksteen .footer-main{flex-wrap:wrap}.x-hoeksteen .footer-main>span,.x-hoeksteen .footer-main>a:last-child{font-size:10px}.x-hoeksteen .footer-bottom{flex-direction:column}}@media (width<=370px){.x-hoeksteen .hero-copy h1{font-size:96px}.x-hoeksteen .hero-copy h2{font-size:31px}.x-hoeksteen .nav-cta{padding-inline:8px;font-size:9px}.x-hoeksteen .contact-heading h2{font-size:32px}.x-hoeksteen .service-item h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.x-hoeksteen{scroll-behavior:auto}.x-hoeksteen *{transition:none!important;animation:none!important}}.x-hoeksteen .nav-cta-full{display:inline}.x-hoeksteen .nav-cta-short{display:none}@media (width<=520px){.x-hoeksteen .nav-cta-full{display:none}.x-hoeksteen .nav-cta-short{display:inline}}.x-hoeksteen .brand{font-family:var(--font-display);font-size:25px;line-height:1}.x-hoeksteen .brand span{color:var(--accent)}.x-hoeksteen .hs-action{background:var(--accent);color:var(--accent-foreground);box-shadow:none;white-space:normal;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-weight:600;display:inline-flex}.x-hoeksteen .hs-outline{border:1px solid var(--border);color:inherit;background:0 0}.x-hoeksteen .quote-form .form-submit{min-height:45px}.x-hoeksteen .hero-copy h1{overflow-wrap:anywhere;font-size:96px}.x-hoeksteen .faq-grid details{border-bottom:1px solid var(--border)}.x-hoeksteen .faq-grid summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:13px;list-style:none;display:flex}.x-hoeksteen .faq-grid details p{color:var(--muted-foreground);padding-bottom:24px;font-size:12px}.x-hoeksteen .faq-grid details[open] summary svg{transform:rotate(45deg)}.x-hoeksteen .hero-copy h1 span{display:inline}.x-hoeksteen .contact-heading h2{overflow-wrap:anywhere}.x-hoeksteen .form-status{grid-column:1/-1}.x-hoeksteen .hs-dialog{background:var(--background);color:var(--foreground);border:1px solid var(--border);width:calc(100% - 40px);max-width:480px;margin:auto;padding:36px}.x-hoeksteen .hs-dialog::backdrop{background:var(--overlay)}.x-hoeksteen .hs-dialog h2{margin-bottom:20px;font-size:30px}.x-hoeksteen .hs-dialog p{margin-bottom:24px}.x-hoeksteen .hs-dialog .modal-close{color:var(--foreground)}@media (width<=1100px){.x-hoeksteen .hero-copy h1{font-size:80px}}@media (width<=760px){.x-hoeksteen .hero-copy h1{font-size:48px}.x-hoeksteen .brand{font-size:20px}.x-hoeksteen .contact-heading h2{font-size:38px}}@media (width<=420px){.x-hoeksteen .hero-copy h1{font-size:40px}}