.demo-site .demo-hero{min-height:760px}.demo-site .demo-hero-art.has-photo{background-image:linear-gradient(90deg,var(--demo-ink),transparent 30%),var(--demo-image);background-size:100% 100%,300%;background-position:center,var(--demo-image-position);background-repeat:no-repeat;inset:96px 0 0 54%}.demo-site .demo-hero-art.has-photo:before{display:none}.demo-site .demo-hero-copy{padding-top:80px;padding-bottom:70px}.demo-site .demo-hero-copy h1{letter-spacing:-.045em;text-transform:none;max-width:58%;font-size:clamp(48px,5.8vw,88px);line-height:1.02}.demo-site .demo-intro-row{grid-template-columns:1fr;gap:20px;max-width:48%;margin-top:28px}.demo-site .demo-intro-row>p{color:#ffffffce;font-size:17px}.demo-site .demo-intro-row .demo-button{justify-self:start}.demo-site .demo-hero-proof{gap:18px;max-width:49%;margin-top:35px}.demo-site .demo-hero-proof strong{font-size:17px;line-height:1.3}.demo-site .demo-hero-proof span{letter-spacing:.025em;color:#ffffffb8;font-size:10px;line-height:1.6}.demo-site .demo-nav nav{gap:24px}.demo-site .demo-nav nav a{opacity:1}.demo-site .demo-button{text-transform:none;letter-spacing:0;border-radius:5px;gap:12px;min-height:48px;font-size:12px;font-weight:650}.demo-site .demo-button-solid{background:var(--demo-accent);color:#fff}.demo-site .demo-promise,.demo-site .demo-services,.demo-site .demo-work,.demo-site .demo-process,.demo-site .demo-about,.demo-site .demo-faq{padding-block:80px}.demo-site .demo-promise h2,.demo-site .demo-section-title h2,.demo-site .demo-about h2,.demo-site .demo-contact h2{letter-spacing:-.04em;text-transform:none;font-size:clamp(36px,4.6vw,66px);line-height:1.08}.demo-site .demo-promise aside strong{letter-spacing:-.025em;margin-top:24px;font-size:24px}.demo-site .demo-promise .demo-shell>div{grid-template-columns:1fr 1fr;gap:50px}.demo-site .demo-service-grid{margin-top:40px}.demo-site .demo-service-grid article{min-height:260px}.demo-site .demo-service-grid h3{font-size:28px;line-height:1.2}.demo-site .demo-project-grid{margin-top:40px}.demo-site .demo-project-art.has-photo{aspect-ratio:3/4;border-radius:8px;background-size:100% 100%,300%!important}.demo-site .demo-project-grid h3{font-size:25px;line-height:1.2}.demo-site .demo-project-grid article>.demo-project-description{text-transform:none;letter-spacing:0;color:inherit;opacity:.8;font-size:15px;font-weight:400;line-height:1.6}.demo-site.demo-schilder .demo-project-grid article:nth-child(2){transform:none}.demo-site .demo-process-list{margin-top:40px}.demo-site .demo-about-mark{background-image:var(--demo-image)}.demo-site .demo-contact-copy>div>a{overflow-wrap:anywhere;font-size:22px;line-height:1.7;display:block}.demo-site .demo-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:48px}.demo-site .contact-form{background:#ffffff0a;border-color:#fff3;margin:0;padding:28px}.demo-site .contact-form-grid{grid-template-columns:1fr 1fr;gap:16px}.demo-site .contact-form input,.demo-site .contact-form textarea{color:#fff;background:#0002;border-color:#ffffff50}.demo-site .contact-form .contact-consent input{width:20px}.demo-site .contact-submit-row{grid-template-columns:1fr;gap:12px}.demo-site .contact-submit-row .button{background:var(--demo-accent);color:#fff;text-transform:none;letter-spacing:0;justify-content:center;width:100%;min-height:52px;font-size:14px}.demo-site .demo-contact-copy>span{max-width:430px;font-size:16px;line-height:1.7;display:block}.demo-site .demo-mobile-cta{color:#fff;background:var(--demo-accent)}.demo-site :focus-visible{outline-offset:4px;outline:3px solid}@media (max-width:800px){.demo-site .demo-hero{min-height:0}.demo-site .demo-hero-art.has-photo{background-image:linear-gradient(90deg,#000b,#0008),var(--demo-image);background-size:100% 100%,300%;inset:78px 0 0}.demo-site .demo-hero-copy{padding-top:65px;padding-bottom:60px}.demo-site .demo-hero-copy h1{max-width:100%;font-size:clamp(44px,9vw,70px)}.demo-site .demo-intro-row,.demo-site .demo-hero-proof{max-width:100%}.demo-site .demo-intro-row{max-width:500px}.demo-site .demo-hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-site .demo-hero-proof strong{font-size:15px}.demo-site .demo-promise,.demo-site .demo-services,.demo-site .demo-work,.demo-site .demo-process,.demo-site .demo-about,.demo-site .demo-faq{padding-block:56px}.demo-site .demo-promise .demo-shell>div,.demo-site .demo-contact-grid{grid-template-columns:1fr;gap:32px}.demo-site .demo-project-art.has-photo{aspect-ratio:4/3}.demo-site .contact-form{padding:22px 18px}.demo-site .contact-form-grid{grid-template-columns:1fr}.demo-site .demo-scroll{display:none}}.demo-site.demo-schilder .demo-button-solid,.demo-site.demo-schilder .contact-submit-row .button,.demo-site.demo-schilder .demo-mobile-cta,.demo-site.demo-hovenier .demo-button-solid,.demo-site.demo-hovenier .contact-submit-row .button,.demo-site.demo-hovenier .demo-mobile-cta{color:var(--demo-ink)}.demo-switcher{background:var(--demo-paper);color:var(--demo-ink);border-bottom:1px solid #0002;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:14px 24px;display:flex}.demo-switcher>span{margin-right:12px;font-size:12px}.demo-switcher a{border:1px solid #0003;border-radius:24px;align-items:center;min-height:44px;padding:8px 16px;font-size:13px;display:inline-flex}.demo-switcher a[aria-current=page]{background:var(--demo-ink);color:var(--demo-paper)}.demo-project-detail{border-top:1px solid #0003;margin-top:18px;font-size:14px;line-height:1.8}.demo-project-detail summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;font-weight:600;list-style:none;display:flex}.demo-project-detail[open] summary span{transform:rotate(45deg)}.demo-project-detail small{opacity:.65;margin-top:12px;display:block}.demo-project-detail a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.demo-site .demo-scope-note{border:1px solid #fff3;border-radius:8px;margin:0 0 18px;padding:18px;font-size:14px;line-height:1.75}.demo-scope-note a{text-decoration:underline}.demo-site .email-actions{max-width:440px;margin:20px 0}.demo-site.demo-stukadoor .demo-service-grid{gap:24px}.demo-site.demo-stukadoor .demo-service-grid article{border-top:2px solid var(--demo-accent);padding-top:24px}.demo-site.demo-hovenier .demo-project-art.has-photo{border-radius:80px 8px 8px}.demo-site.demo-schilder .demo-service-grid article{border-left:3px solid var(--demo-accent);padding-left:24px}@media (max-width:600px){.demo-switcher{justify-content:flex-start;gap:8px;padding:12px 20px}.demo-switcher>span{width:100%}.demo-switcher a{padding:8px 12px;font-size:12px}}
