@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--paper:#f7f5ee;--white:#fffefa;--green:#344d38;--deep:#243d2d;--lime:#dfed94;--sage:#e7ebdf;--ink:#263d2e;--muted:#606b61;--line:#d6dbce;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}::selection{background:var(--lime);color:var(--deep)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure{margin:0}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.06em;line-height:1.035;text-wrap:balance}h1{font-size:clamp(3.6rem,6.2vw,6.3rem)}h2{font-size:clamp(2.6rem,4.2vw,4.5rem)}h3{font-size:clamp(1.7rem,2.5vw,2.6rem)}p{font-size:1.05rem;line-height:1.75;text-wrap:pretty}p+p{margin-top:1.05rem}.shell{width:min(100% - 8vw,1400px);margin-inline:auto}.section-space{padding-block:clamp(5rem,8vw,8rem)}.soft-word{color:#728368}.eyebrow{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:750;line-height:1.5;margin-bottom:1.35rem}.intro{font-size:clamp(1.08rem,1.4vw,1.23rem);line-height:1.7;color:var(--muted);max-width:540px}.lead{font-size:clamp(1.22rem,1.8vw,1.65rem);line-height:1.5;letter-spacing:-.02em}.icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.button{display:inline-flex;justify-content:center;align-items:center;min-height:55px;border:1px solid transparent;border-radius:100px;padding:.95rem 1.65rem;font-weight:700;font-size:.92rem;line-height:1.25;text-align:center;transition:background 0.32s,box-shadow 0.32s}.button-dark{background:var(--deep);color:var(--white)}.button-dark:hover{background:#466049;box-shadow:0 5px 18px #243d2d12}.button-lime{background:var(--lime);color:var(--deep)}.button-lime:hover{background:#edf5bd}.quiet-link{display:inline-block;font-size:.91rem;font-weight:700;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:4px}.quiet-link:hover{color:#718158}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #738e49;outline-offset:5px}.skip-link{position:fixed;z-index:100;top:-100px;left:1rem;background:var(--deep);color:white;padding:1rem}.skip-link:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:#f7f5eef2;backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color 0.48s}.site-header.is-scrolled{border-color:var(--line)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:block;flex-shrink:0;width:150px}.brand>svg{width:100%;height:auto;aspect-ratio:1055/350}.main-nav{display:flex;align-items:center;gap:2.5rem}.main-nav a{font-size:.95rem;font-weight:650;position:relative}.main-nav a:not(.nav-contact)::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 0.4s}.main-nav a[aria-current]::after,.main-nav a:hover::after{transform:scaleX(1)}.main-nav .nav-contact{border:1px solid var(--green);border-radius:100px;padding:.85rem 1.55rem;background:var(--deep);color:white}.main-nav .nav-contact:hover{background:transparent;color:var(--ink)}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:100px;padding:.7rem 1rem;gap:.6rem;align-items:center;color:var(--ink)}.menu-lines{width:17px;height:8px;border-block:1.5px solid currentColor;display:block}
.home-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:4vw;align-items:center;padding-block:2.7rem 4.7rem}.hero-copy{padding:1rem 0}.home-hero h1{font-size:clamp(3.6rem,5.45vw,5.85rem);max-width:750px;margin-bottom:1.6rem}.hero-copy .intro{max-width:490px}.hero-actions{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;margin-top:2rem}.hero-photo{height:clamp(500px,44vw,670px);border-radius:48% 48% 6% 6%;background:var(--sage)}.photo{overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.hero-photo img{object-position:61% center}.hero-bottom{display:flex;align-items:center;gap:.85rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.6rem;font-size:.79rem;line-height:1.6}.hero-bottom strong{font-weight:700}.hero-bottom>.icon{width:25px;height:25px}.hero-price{display:flex;align-items:center;gap:.7rem;margin-left:auto;padding-left:1rem;border-left:1px solid var(--line)}.hero-price>strong{font-size:2.4rem;font-weight:650;letter-spacing:-.06em;line-height:1}.hero-price>span{font-size:.68rem;color:var(--muted)}.promise-strip{background:var(--sage);border-block:1px solid #dbe0d2}.promise-strip>.shell{display:flex;justify-content:space-between;gap:1rem;padding-block:1.5rem}.promise-strip span{display:flex;align-items:center;gap:.85rem;font-size:.85rem;font-weight:650}.promise-strip .icon{width:23px;height:23px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:start}.intro-grid>div{max-width:500px}.intro-grid p:not(.lead){color:var(--muted)}.service-stories{display:grid;grid-template-columns:1fr 1fr;gap:5.5vw;padding-bottom:7rem}.service-photo{height:clamp(270px,29vw,450px);border-radius:7px 90px 7px 7px}.story-offset{padding-top:7rem}.story-offset .service-photo{border-radius:90px 7px 7px 7px}.service-story-copy{padding-top:2rem;max-width:470px}.service-heading-icon{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.service-heading-icon .eyebrow{margin:0}.service-heading-icon .icon{width:22px;height:22px}.service-story h3{margin-bottom:1rem}.service-story p{color:var(--muted);margin-bottom:1.3rem}.care-section{background:var(--sage);border-radius:5vw 5vw 0 0}.care-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.care-grid h2{max-width:600px;margin-bottom:1.5rem}.care-grid>div>p:not(.eyebrow){max-width:470px;color:var(--muted)}.care-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.7rem}.care-buttons button{border:1px solid #bdc6b5;border-radius:100px;background:transparent;padding:.85rem 1.2rem;font-size:.9rem;color:var(--ink);transition:background 0.32s,color 0.32s}.care-buttons button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.care-answer{background:var(--white);padding:clamp(2rem,4vw,4rem);border-radius:130px 130px 8px 8px;text-align:center;min-height:475px;display:flex;flex-direction:column;align-items:center;justify-content:center}.care-symbol{width:62px;height:62px;fill:none;stroke:var(--green);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1.5rem}.care-answer .eyebrow{margin-bottom:.7rem}.care-answer h3{font-size:clamp(1.8rem,2.7vw,2.8rem);margin-bottom:1rem}.care-answer p:not(.eyebrow){font-size:.98rem;line-height:1.65;color:var(--muted)}.care-answer .quiet-link{margin-top:1.25rem}.at-home{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.at-home-copy .lead{margin-bottom:1.2rem}.at-home-copy>p:not(.lead){color:var(--muted)}.at-home .quiet-link{margin-top:1.5rem}.closing-section{background:var(--deep);color:var(--paper);overflow:hidden;position:relative;border-radius:5vw 5vw 0 0}.closing-inner{text-align:center;padding-block:5.5rem;position:relative;z-index:1}.closing-icon{width:66px;height:66px;stroke:var(--lime);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 1.8rem}.closing-inner .eyebrow{color:#d9e0cf}.closing-inner h2{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.07em}.closing-inner h2 span{color:var(--lime)}.closing-inner p:not(.eyebrow){color:#d8dfd3;margin-top:1.6rem}.closing-inner .button{margin-top:1.7rem}.site-footer{padding-block:3.5rem 1.5rem}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.footer-main .brand{width:142px;margin-bottom:1.4rem}.footer-main p{font-size:.87rem;line-height:1.6;color:var(--muted)}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.88rem;align-content:start;padding-top:.5rem}.footer-main nav a:hover{text-decoration:underline}.footer-area{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem}.footer-bottom small{font-size:inherit}
.page-intro{padding-block:4rem 4.8rem}.page-intro h1{max-width:1000px}.page-intro-bottom{display:flex;gap:3rem;justify-content:space-between;align-items:flex-end;margin-top:2rem}.anchor-nav{display:flex;gap:.6rem;flex-wrap:wrap}.anchor-nav a{border:1px solid var(--line);border-radius:100px;font-size:.85rem;padding:.8rem 1.2rem}.anchor-nav a:hover{background:var(--sage)}.detail-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-block:3rem 6rem;scroll-margin-top:110px}.detail-photo{height:clamp(430px,40vw,580px);border-radius:8px 100px 8px 8px}.detail-reverse figure{order:2;border-radius:100px 8px 8px 8px}.detail-section h2{font-size:clamp(2.5rem,3.8vw,4rem);margin-bottom:1.5rem}.detail-section p:not(.lead,.eyebrow){color:var(--muted)}.detail-list{list-style:none;padding:0;margin:1.7rem 0}.detail-list li{border-top:1px solid var(--line);padding:.9rem 0;font-size:.93rem;display:flex;gap:.65rem;align-items:baseline}.detail-list li::before{content:'';height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#87955f}.price-section{background:var(--deep);color:var(--paper);padding-block:6rem;border-radius:5vw 5vw 0 0;scroll-margin-top:100px}.price-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:9vw;align-items:center}.price-layout h2{margin-bottom:1.7rem}.price-layout>div>p:not(.eyebrow){color:#d4ddcf;max-width:480px}.price-layout .price-note{font-size:.9rem}.price-calculator{padding:2.4rem;background:#ffffff09;border:1px solid #ffffff26;border-radius:8px 70px 8px 8px}.price-base{display:flex;gap:1.4rem;align-items:center;padding-bottom:1.7rem;border-bottom:1px solid #ffffff29}.price-base>strong{font-size:5rem;line-height:1;letter-spacing:-.06em;font-weight:600;color:var(--lime)}.price-base>span{font-size:.84rem;line-height:1.5;color:#d4ddcf}.calculator-controls{display:grid;gap:.7rem;margin-top:1.7rem}.calculator-controls label{font-size:.82rem}.calculator-controls select{background:#f5f6ed;color:var(--ink);border:1px solid #ffffff55;border-radius:7px;padding:.9rem .7rem;max-width:100%;width:100%;font-size:.87rem;appearance:none;cursor:pointer}.calculator-controls select+label{margin-top:.5rem}.calculator-result{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin:1.7rem 0}.calculator-result>span{font-size:.88rem}.calculator-result>strong{font-size:2.7rem;letter-spacing:-.04em;font-weight:650}.calculator-result>[data-price-note]{grid-column:1/-1;font-size:.78rem;color:#d4ddcf}.calculator-result>strong.is-quote{font-size:1.3rem}.price-calculator>.button{width:100%}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.faq-section h2{margin-bottom:1.6rem}.faq-section>div>p:not(.eyebrow){max-width:380px;color:var(--muted)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:1.5rem;justify-content:space-between;align-items:center;padding:1.4rem 0;cursor:pointer;font-weight:650;font-size:1.03rem}summary::-webkit-details-marker{display:none}summary>span{font-size:1.6rem;line-height:1;font-weight:400;flex-shrink:0;transition:transform 0.32s}details[open] summary>span{transform:rotate(45deg)}details>p{padding:0 2rem 1.5rem 0;color:var(--muted);font-size:.97rem}.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding-block:3.5rem 5rem}.about-hero h1{margin-bottom:2rem}.about-photo{height:560px;border-radius:45% 45% 8px 8px}.about-photo img{object-position:63% center}.values-section{background:var(--sage);padding-block:5rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.values-grid article+article{border-left:1px solid #cbd3c1;padding-left:4vw}.values-grid .icon{width:40px;height:40px;margin-bottom:1.8rem}.values-grid h3{margin-bottom:1.2rem;font-size:2rem}.values-grid p{font-size:.98rem;color:var(--muted)}.landscape-photo{height:490px;border-radius:8px 8px 80px 8px}.at-home>div>h2{margin-bottom:1.5rem}.at-home>div>p:not(.eyebrow){color:var(--muted)}.contact-intro{border-bottom:1px solid var(--line)}.contact-intro>.intro{margin-top:2rem;max-width:680px}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;padding-block:4.5rem 6rem;align-items:start}.contact-info>p:not(.eyebrow){margin-top:1.5rem;max-width:390px;color:var(--muted)}.contact-checklist{padding:0;margin:2rem 0 0;list-style:none}.contact-checklist li{display:flex;gap:1.25rem;align-items:start;padding-block:1.3rem;border-top:1px solid var(--line)}.contact-checklist h3{font-size:1.18rem;letter-spacing:-.02em;margin-bottom:.45rem}.contact-checklist p{font-size:.94rem;color:var(--muted);max-width:360px}.contact-card{background:var(--sage);padding:clamp(1.5rem,3.6vw,3.5rem);border-radius:70px 8px 8px 8px}.contact-card h2{font-size:clamp(2rem,3.3vw,3.5rem);margin-bottom:1.4rem}.contact-card>p:not(.eyebrow){color:var(--muted);font-size:1rem}.contact-symbol{width:54px;height:54px;fill:none;stroke:var(--green);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;margin-bottom:1.7rem}.note{padding:1.4rem 0;margin-block:1.7rem;border-block:1px solid #c7d0be}.note>strong{font-size:.94rem}.note>p{font-size:.88rem;color:var(--muted);margin-top:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}.field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.field label{font-size:.85rem;font-weight:650}.field input,.field select,.field textarea{width:100%;max-width:100%;border:1px solid #bac5b2;border-radius:7px;padding:.85rem;background:var(--white);color:var(--ink);font-size:1rem}.field textarea{min-height:140px;resize:vertical}.field small{line-height:1.5;color:var(--muted)}.field-full{grid-column:1/-1}.field input[type=file]{font-size:.78rem;padding:.7rem}.page-niet-gevonden .page-intro>.intro{margin:2rem 0}
@media(min-width:1650px){.home-hero{gap:6rem}.home-hero h1{font-size:5.65rem}}
@media(max-width:1050px){h1{font-size:4.4rem}.home-hero{gap:3vw}.home-hero h1{font-size:4.1rem}.hero-bottom{flex-wrap:wrap}.hero-price{margin-left:0;border-left:0;padding:0}.hero-photo{height:570px}.hero-actions{gap:1.1rem}.intro-grid,.care-grid,.at-home,.price-layout,.contact-layout{gap:5vw}.main-nav{gap:1.6rem}.detail-section{gap:4vw}.price-calculator{padding:1.8rem}.footer-main{gap:2rem}.about-photo{height:520px}}
@media(max-width:760px){html{scroll-padding-top:100px}.shell{width:calc(100% - 40px)}.header-inner{height:82px}.brand{width:126px}.main-nav{gap:1.4rem}.main-nav a{font-size:.88rem}.main-nav .nav-contact{padding:.65rem 1rem}.home-hero{grid-template-columns:1fr;padding-block:2.8rem 2.5rem;gap:2.6rem}.hero-copy{padding:0}.home-hero h1{font-size:clamp(2.85rem,9.6vw,4.7rem);max-width:580px;margin-bottom:1.3rem}.hero-copy .intro{max-width:510px}.hero-photo{height:470px;max-width:590px;width:100%;justify-self:center;border-radius:44% 44% 6% 6%}.hero-photo img{object-position:60% center}.hero-bottom{flex-wrap:nowrap;margin-top:2rem}.hero-price{margin-left:auto;border-left:1px solid var(--line);padding-left:1rem}.promise-strip>.shell{justify-content:center;flex-wrap:wrap;gap:1.2rem 1.8rem}.promise-strip span{font-size:.75rem;gap:.5rem}.promise-strip .icon{width:20px;height:20px}h1{font-size:clamp(3rem,9.5vw,4.7rem)}h2{font-size:clamp(2.4rem,7vw,3.5rem)}h3{font-size:2rem}.eyebrow{font-size:.65rem;margin-bottom:1.1rem}.section-space{padding-block:4rem}.intro-grid{grid-template-columns:1fr;gap:1.7rem}.intro-grid>div{max-width:600px}.lead{font-size:1.22rem}.intro-grid .lead{max-width:540px}.service-stories{gap:1.5rem;padding-bottom:4rem}.service-photo{height:240px;border-radius:6px 60px 6px 6px}.story-offset{padding-top:4rem}.story-offset .service-photo{border-radius:60px 6px 6px 6px}.service-story h3{font-size:1.65rem}.service-story p{font-size:.95rem}.service-story-copy{padding-top:1.4rem}.care-section,.closing-section,.price-section{border-radius:38px 38px 0 0}.care-grid{grid-template-columns:1fr;gap:2.6rem}.care-buttons{flex-direction:row;flex-wrap:wrap}.care-buttons button{font-size:.84rem;padding:.8rem 1rem}.care-answer{border-radius:85px 85px 8px 8px;min-height:375px;max-width:590px;width:100%;justify-self:center;padding:2.5rem 2rem}.care-answer>p:not(.eyebrow){max-width:460px}.care-answer h3{font-size:2rem}.at-home{grid-template-columns:1fr;gap:2rem}.at-home-copy .lead{margin-bottom:.8rem}.at-home-heading h2 br:first-child{display:none}.closing-inner{padding-block:4rem}.closing-inner h2{font-size:clamp(3.8rem,12vw,6rem)}.closing-inner p:not(.eyebrow){font-size:.95rem}.closing-icon{width:52px;height:52px;margin-bottom:1.5rem}.footer-main{grid-template-columns:1fr 1fr;gap:2rem}.footer-area{grid-column:1/-1;justify-content:flex-start}.site-footer{padding-top:2.5rem}.footer-main nav{grid-template-columns:1fr;gap:.8rem}.footer-bottom{flex-wrap:wrap;font-size:.7rem}.page-intro{padding-block:3rem}.page-intro-bottom{flex-direction:column;align-items:flex-start;gap:1.7rem;margin-top:1.5rem}.detail-section{grid-template-columns:1fr;gap:2rem;padding-block:1.7rem 3.5rem}.detail-photo{height:360px;border-radius:8px 70px 8px 8px}.detail-reverse figure{order:0;border-radius:70px 8px 8px 8px}.detail-section h2{font-size:clamp(2.4rem,7vw,3.5rem)}.price-section{padding-block:4rem}.price-layout{grid-template-columns:1fr;gap:2.5rem}.price-layout h2 br:nth-child(2){display:none}.price-calculator{padding:1.8rem;border-radius:8px 50px 8px 8px}.price-base>strong{font-size:4.5rem}.faq-section{grid-template-columns:1fr;gap:2rem}.faq-section h2{margin-bottom:1rem}.about-hero{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.about-hero h1 br:nth-child(2){display:none}.about-hero h1{margin-bottom:1.5rem}.about-photo{height:400px;max-width:590px;width:100%;justify-self:center;border-radius:40% 40% 8px 8px}.values-section{padding-block:3rem}.values-grid{grid-template-columns:1fr;gap:2rem}.values-grid article+article{border-left:0;border-top:1px solid #cbd3c1;padding:2rem 0 0}.values-grid article{display:grid;grid-template-columns:40px 1fr;gap:.75rem 1.3rem}.values-grid h3{font-size:1.75rem;margin:0}.values-grid p{grid-column:2}.values-grid .icon{margin:0;width:32px;height:32px}.landscape-photo{height:360px}.contact-layout{grid-template-columns:1fr;gap:2rem;padding-block:3rem 4rem}.contact-card{padding:2rem;border-radius:50px 8px 8px 8px}.contact-info h2 br:nth-child(2){display:none}.contact-info>p:not(.eyebrow){max-width:540px}.contact-checklist p{max-width:500px}.contact-card h2{font-size:2.2rem}}
@media(max-width:560px){.shell{width:calc(100% - 36px)}.header-inner{height:78px}.js .menu-button{display:flex}.main-nav{flex-wrap:wrap;justify-content:flex-end;gap:.8rem 1rem}.main-nav a{font-size:.78rem}.main-nav .nav-contact{border:0;padding:0;background:transparent;color:var(--ink)}.js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1.2rem 1.2rem 1.6rem;box-shadow:0 15px 20px #243d2d12;border-bottom:1px solid var(--line);max-height:calc(100dvh - 78px);overflow-y:auto}.js .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.js .main-nav a{font-size:1.1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.main-nav a::after{display:none}.main-nav .nav-contact[aria-current]{background:transparent;color:var(--green)}.home-hero{padding-top:2.4rem;gap:2rem}.hero-actions{gap:1.25rem;margin-top:1.6rem}.button{font-size:.86rem;min-height:53px;padding:.95rem 1.25rem}.quiet-link{font-size:.83rem}.hero-bottom{gap:.55rem;font-size:.66rem;padding-top:1.2rem;margin-top:1.8rem}.hero-bottom>.icon{width:21px;height:21px}.hero-price{gap:.45rem;padding-left:.7rem}.hero-price>strong{font-size:2rem}.hero-price>span{font-size:.58rem}.hero-photo{height:355px}.promise-strip>.shell{gap:1rem;padding-block:1.3rem}.promise-strip span:last-child{display:none}.promise-strip span{font-size:.7rem}.service-stories{grid-template-columns:1fr;gap:2.8rem}.service-photo{height:290px}.story-offset{padding-top:0}.service-story h3{font-size:2rem}.service-story p{font-size:1rem}.service-story-copy{padding-top:1.4rem}.care-answer{padding:2.4rem 1.4rem;min-height:410px}.care-buttons{flex-direction:column;align-items:stretch}.care-buttons button{text-align:left;padding:1rem}.care-grid>div>p:not(.eyebrow){font-size:1rem}.care-answer p:not(.eyebrow){font-size:.94rem}.footer-main{gap:2rem 1.3rem}.footer-main .brand{width:125px}.footer-main p{font-size:.8rem}.footer-main nav{font-size:.82rem}.footer-area .icon{width:24px;height:24px}.page-intro .intro{font-size:1.06rem}.anchor-nav{gap:.5rem}.anchor-nav a{font-size:.8rem;padding:.7rem 1rem}.detail-photo{height:310px}.detail-section .lead{font-size:1.16rem}.price-calculator{padding:1.4rem}.price-base>strong{font-size:4rem}.price-base{gap:1rem}.price-base>span{font-size:.76rem}.calculator-result>strong{font-size:2.4rem}.calculator-result{gap:.7rem}.calculator-result>span{font-size:.8rem}.calculator-controls label{font-size:.78rem}.calculator-controls select{font-size:.79rem}.faq-section summary{font-size:.95rem;padding-block:1.2rem}.about-photo{height:340px}.landscape-photo{height:320px}.contact-card{padding:1.7rem 1.4rem}.form-grid{grid-template-columns:1fr}.contact-info h2{font-size:2.6rem}}
.care-buttons{display:none}.js .care-buttons{display:flex}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header{position:static}.menu-button,.care-buttons,.calculator-controls{display:none!important}.photo{break-inside:avoid}.photo img{opacity:1!important;transform:none!important}.main-nav{display:flex!important}[data-reveal]{opacity:1!important;transform:none!important}.closing-section{background:white;color:black}}

/* The cushion-shaped Z remains an exact crop of the original logo artwork. */
.brand-art{position:relative;display:block;width:100%;aspect-ratio:1055/350;isolation:isolate}
.brand-piece{position:absolute;top:0;display:block;height:100%;overflow:hidden;aspect-ratio:auto}
.brand-wordmark{right:0;width:calc(690 / 1055 * 100%)}
.brand-cushion{left:0;width:calc(365 / 1055 * 100%);transform-origin:50% 80%;rotate:-8deg}
.brand-letter{overflow:hidden;transform-box:fill-box;transform-origin:50% 80%}

/* A living sofa silhouette; every decorative layer is outside the photograph. */
.home-hero{min-height:665px;gap:3vw;grid-template-columns:1.04fr 1.08fr}
.hero-scene{position:relative;isolation:isolate;min-width:0;display:grid;align-content:center;min-height:560px;padding:60px 0 55px}
.sofa-float{position:relative;z-index:2;transform:translate3d(var(--sofa-x,0px),var(--sofa-y,0px),0) rotate(var(--sofa-tilt,0deg));transform-origin:50% 70%;transition:transform 0.88s var(--ease)}
.hero-scene .hero-photo{height:auto;width:100%;max-width:none;aspect-ratio:8/5;border-radius:0;background:none;overflow:visible;transform-origin:50% 88%;filter:drop-shadow(0 18px 11px #243d2d12)}
.hero-scene .hero-photo img{mask:url('/assets/sofa-photo-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/sofa-photo-mask.svg') center/100% 100% no-repeat;object-position:57% 59%;transform:none;aspect-ratio:8/5}
.hero-scene .hero-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:#80905b;mask:url('/assets/sofa-photo-outline.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/sofa-photo-outline.svg') center/100% 100% no-repeat;opacity:.68}
.hero-scene::before{content:'';position:absolute;z-index:0;width:84%;aspect-ratio:1;max-height:92%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#e2e7d9 0%,#eef0e5 60%,transparent 72%);opacity:.9}
.sofa-thread{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke:#98a67b;stroke-width:1.25;stroke-linecap:round;opacity:.55}
.sofa-thread path{stroke-dasharray:1;stroke-dashoffset:0}
.sofa-doodle{position:absolute;z-index:1;width:48px;height:48px;fill:none;stroke:#849368;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:translateY(var(--ornament-y,0px)) rotate(var(--ornament-turn,0deg))}
.sofa-doodle-cushion{left:12%;top:11%;width:40px;height:40px;rotate:-18deg}
.sofa-doodle-spark{right:8%;top:17%;rotate:12deg}
.sofa-replay{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.6rem;white-space:nowrap;background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:.55rem 0;font-size:.75rem;z-index:3}
.sofa-replay .icon{width:20px;height:20px}.sofa-replay:hover{color:var(--green);border-color:var(--green)}.sofa-replay:active .icon{scale:.88}

/* A scroll-led view of the existing service photos on wider screens. */
.story-gallery{display:none}
@media(min-width:901px){
 .service-stories.story-motion{position:relative;align-items:start;row-gap:0;column-gap:7vw}
 .story-motion .story-gallery{display:block;grid-column:1;grid-row:1 / span 2;position:sticky;top:135px;height:min(68vh,650px);min-height:380px;align-self:start;overflow:hidden;border-radius:8px 95px 8px 8px;background:var(--sage)}
 .story-gallery .service-photo{position:absolute;inset:0;height:100%;width:100%;border-radius:inherit;transition:none;will-change:transform,opacity}
 .story-gallery .service-photo:first-child{opacity:1;transform:translate3d(0,calc(var(--story-progress,0) * -22px),0) scale(calc(1 + var(--story-progress,0) * .016))}
 .story-gallery .service-photo:last-child{opacity:var(--story-progress,0);clip-path:inset(calc((1 - var(--story-progress,0)) * 100%) 0 0 0 round 6px);transform:translate3d(0,calc((1 - var(--story-progress,0)) * 20px),0)}
 .story-gallery .service-photo img{object-position:55% center;transform:none!important}
 .story-motion>.service-story{grid-column:2;display:flex;align-items:center;min-height:70vh;padding-block:6rem;align-self:stretch}
 .story-motion>.service-story:first-of-type{grid-row:1}.story-motion>.service-story:last-of-type{grid-row:2}
 .story-motion>.service-story>.service-photo{display:none}
 .story-motion .service-story-copy{padding:0;max-width:460px}
 .story-motion .service-story h3{font-size:clamp(2rem,3.4vw,3.4rem)}
 .story-motion .service-heading-icon{margin-bottom:1.5rem}
 .story-motion .service-heading-icon .icon{width:34px;height:34px}
 .story-motion .service-story p{font-size:1.12rem;margin-bottom:1.7rem}
}

/* Lightweight scroll movement, with text and controls in their normal flow. */
html.motion-enabled .photo:not(.hero-photo):not(.service-photo) img,
html.motion-enabled .service-stories:not(.story-motion) .service-photo img{transform:translate3d(0,var(--photo-drift,0px),0) scale(1.07);transform-origin:center;will-change:transform}
.care-symbol,.closing-icon,.values-grid .icon,.contact-symbol{transform-origin:50% 70%}
.care-answer{min-height:490px}.care-answer h3{max-width:370px}.care-answer .care-symbol{width:78px;height:78px}
.closing-section::before,.closing-section::after{content:'';position:absolute;width:46vw;height:46vw;max-width:700px;max-height:700px;border:1px solid #dfee9424;border-radius:42%;pointer-events:none;transform:rotate(var(--closing-turn,0deg))}
.closing-section::before{left:-25%;top:12%}.closing-section::after{right:-25%;bottom:-12%;rotate:30deg}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 5px 0 #253e2c12}.button-lime:hover{box-shadow:0 5px 0 #dfee9430}.service-heading-icon .icon{transition:rotate 0.64s var(--ease)}.service-story:hover .service-heading-icon .icon{rotate:-9deg}}
.button:active{box-shadow:none}.care-buttons button:active{background:#536849;color:white}
@media(max-width:1050px) and (min-width:761px){.hero-scene{min-height:460px}.home-hero h1{font-size:3.8rem}}
@media(max-width:760px){.home-hero{grid-template-columns:1fr;gap:.5rem;min-height:0;padding-bottom:2rem}.hero-scene{min-height:0;padding:45px 0 55px;width:100%;max-width:640px;justify-self:center;aspect-ratio:auto}.hero-scene .hero-photo{aspect-ratio:8/5}.sofa-doodle-cushion{width:28px;height:28px;top:8%;left:14%}.sofa-doodle-spark{width:35px;height:35px;top:13%;right:7%}.sofa-replay{font-size:.7rem;bottom:3px}.care-answer{min-height:410px}.care-answer .care-symbol{width:70px;height:70px}.closing-section::before,.closing-section::after{width:80vw;height:80vw}.closing-section::before{left:-55%}.closing-section::after{right:-55%}}
@media(max-width:560px){.hero-scene{padding-top:35px;padding-bottom:49px;margin-top:.7rem;width:calc(100% + 12px)}.hero-scene::before{width:86%}.sofa-thread{stroke-width:1.5}.care-answer{min-height:440px}.sofa-replay .icon{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.sofa-float,.sofa-doodle{transform:none!important}.sofa-replay{display:none!important}.photo img{transform:none!important}.closing-section::before,.closing-section::after{transform:none!important}}
@media print{.sofa-replay,.sofa-doodle,.sofa-thread,.story-gallery{display:none!important}.service-stories.story-motion{display:grid!important;grid-template-columns:1fr 1fr}.story-motion>.service-story{display:block;min-height:0;grid-column:auto!important;grid-row:auto!important;padding:1rem}.story-motion>.service-story>.service-photo{display:block;height:250px}.sofa-float,.brand-cushion,.brand-letter{transform:none!important;opacity:1!important}}
/* Service-first opening: full-width title, home-service label and an open photo composition. */
.home-hero-service{grid-template-columns:.86fr 1.14fr;column-gap:5vw;row-gap:1.8rem;align-items:start;min-height:0;padding-block:2.5rem 3rem}
.home-hero-service .hero-heading{grid-column:1/-1;position:relative;z-index:3;pointer-events:none}
.hero-kicker{display:flex;align-items:center;gap:1rem;font-size:.74rem;font-weight:650;letter-spacing:.06em;margin:0 0 1.4rem;text-transform:none;color:var(--muted)}
.hero-kicker span{border-left:1px solid #b6bfae;padding-left:1rem}
.home-hero-service h1{font-size:clamp(3.7rem,7.7vw,7.4rem);font-weight:730;letter-spacing:-.055em;line-height:1.03;max-width:none;margin:0;text-wrap:initial}
.hero-service-name{display:block;white-space:nowrap}
.hero-at-home{display:table;position:relative;width:max-content;max-width:100%;font-size:.63em;line-height:1.14;letter-spacing:-.04em;margin-top:.27em;padding:.08em .18em .14em;background:var(--lime);border-radius:3px 14px 4px 3px}
.home-hero-service .hero-copy{grid-column:1;grid-row:2;padding:.2rem 0 0;max-width:450px}
.home-hero-service .intro{font-size:clamp(1.1rem,1.35vw,1.25rem);line-height:1.6;color:var(--ink);max-width:none}
.hero-practical{font-size:.92rem;line-height:1.7;color:var(--muted);margin-top:1rem;max-width:430px}
.home-hero-service .hero-actions{margin-top:1.6rem;gap:1.4rem}
.home-hero-service .hero-scene{grid-column:2;grid-row:2;min-height:0;margin-top:-165px;padding:50px 0 55px;align-self:start}
.home-hero-service .sofa-thread{opacity:.3}.home-hero-service .sofa-doodle-cushion{top:8%;left:8%}.home-hero-service .sofa-doodle-spark{top:6%;right:13%;width:38px;height:38px}
.hero-service-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center;border-block:1px solid #bfc8b7;margin-top:.75rem;padding-block:1.45rem}
.service-price{display:flex;align-items:center;gap:1rem}.service-price strong{font-size:2.7rem;line-height:1;font-weight:650;letter-spacing:-.045em}.service-price span{font-size:.75rem;line-height:1.55;color:var(--muted)}
.hero-service-details>p{display:flex;align-items:center;gap:1rem;font-size:.84rem;line-height:1.55;margin:0;padding-left:2rem;border-left:1px solid var(--line)}
.hero-service-details .icon{width:28px;height:28px}.page-home .intro-section{padding-top:3.5rem;padding-bottom:4rem}.page-home .intro-section h2{font-size:clamp(2.2rem,3.8vw,3.7rem);max-width:660px}.page-home .intro-grid{gap:7vw}.page-home .at-home-heading h2{max-width:570px}
.closing-service{border-radius:0}.closing-service .closing-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;text-align:left;align-items:center;padding-block:5rem}.closing-service .closing-inner h2{font-size:clamp(2.7rem,4.7vw,4.9rem);max-width:630px;letter-spacing:-.045em}.closing-service .closing-inner .eyebrow{font-size:.72rem;letter-spacing:.07em;color:var(--lime)}.closing-service .closing-action p{margin:0;max-width:400px}.closing-service .closing-action .button{margin-top:1.5rem}.closing-service::before,.closing-service::after{display:none}
@media(min-width:1650px){.home-hero-service{column-gap:5rem}.home-hero-service h1{font-size:7.4rem}}
@media(max-width:1100px) and (min-width:761px){.home-hero-service{column-gap:3vw}.home-hero-service h1{font-size:7.65vw}.home-hero-service .hero-scene{margin-top:-110px;padding-top:65px}.home-hero-service .intro{font-size:1.08rem}.home-hero-service .hero-actions{gap:1rem}.hero-service-details{gap:1rem}.hero-service-details>p{padding-left:1rem}}
@media(max-width:760px){.home-hero-service{grid-template-columns:1fr;gap:1.6rem;padding-block:2rem 2.5rem}.hero-kicker{font-size:.65rem;gap:.7rem;margin-bottom:1.2rem}.hero-kicker span{padding-left:.7rem}.home-hero-service h1{font-size:clamp(3rem,8.6vw,4rem);line-height:1.02}.hero-service-name{white-space:normal;text-wrap:balance}.hero-at-home{font-size:.69em;margin-top:.32em}.home-hero-service .hero-copy{grid-row:2;grid-column:1;max-width:560px;padding:0}.home-hero-service .intro{font-size:1.07rem;line-height:1.65}.hero-practical{font-size:.88rem;margin-top:.8rem;max-width:540px}.home-hero-service .hero-actions{margin-top:1.3rem}.home-hero-service .hero-scene{grid-row:3;grid-column:1;min-height:0;margin-top:-.5rem;padding:25px 0 48px;max-width:580px}.home-hero-service .sofa-doodle-cushion{top:0;left:13%}.home-hero-service .sofa-doodle-spark{top:1%;right:11%;width:28px;height:28px}.hero-service-details{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:0;padding-block:1.2rem}.service-price{grid-column:1/-1;gap:1rem}.service-price strong{font-size:2.6rem}.service-price span{font-size:.76rem}.hero-service-details>p{font-size:.77rem;padding-left:0;border:0;gap:.65rem}.hero-service-details>p:last-child{border-left:1px solid var(--line);padding-left:1rem}.hero-service-details .icon{width:24px;height:24px}.page-home .intro-section{padding-top:1rem;padding-bottom:2.7rem}.page-home .intro-section h2{font-size:2.4rem}.closing-service .closing-inner{grid-template-columns:1fr;gap:1.7rem;padding-block:3rem}.closing-service .closing-inner h2{font-size:clamp(2.7rem,8vw,4rem)}.closing-service .closing-action p{max-width:540px}.closing-service .closing-inner .eyebrow{font-size:.64rem}}
@media(max-width:560px){.home-hero-service h1{font-size:clamp(2.9rem,12vw,4rem)}.hero-service-name{max-width:100%;text-wrap:initial}.hero-kicker{flex-wrap:wrap;gap:.3rem .6rem;font-size:.59rem;letter-spacing:.025em}.home-hero-service .hero-scene{width:100%;margin-top:0}.home-hero-service .hero-actions{gap:1.1rem}.home-hero-service .hero-actions .button{padding-inline:1.1rem}.home-hero-service .intro{font-size:1.04rem}.hero-service-details{gap:1rem}.hero-service-details>p{font-size:.72rem;gap:.55rem}.hero-service-details>p:last-child{padding-left:.75rem}.hero-service-details .icon{width:20px;height:20px}}

/* Floating cushion control, using the logo's silhouette and accent. */
.back-to-top{position:fixed;z-index:45;right:calc(clamp(1rem,2.2vw,2rem) + env(safe-area-inset-right,0px));bottom:calc(clamp(1rem,2.2vw,2rem) + env(safe-area-inset-bottom,0px));display:block;width:68px;height:68px;margin:0;padding:0;border:0;background:transparent;color:var(--white);cursor:pointer;filter:drop-shadow(0 5px 12px #243d2d30);transition:transform .32s var(--ease),color .32s;touch-action:manipulation}
.back-to-top svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;transform-origin:50% 80%}
.back-to-top-cushion{fill:var(--green);stroke:var(--paper);stroke-opacity:.7;stroke-width:1}
.back-to-top-accent{fill:var(--lime)}
.back-to-top:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:18px}
.site-footer{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}
@media(hover:hover){.back-to-top:hover{transform:translateY(-3px);color:var(--lime)}}
@media(max-width:560px){.back-to-top{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover{transform:none}}
@media print{.back-to-top{display:none!important}.site-footer{padding-bottom:1.5rem}}

/* Give the header logo more presence while keeping navigation comfortable. */
.site-header .brand{width:230px}
@media(max-width:760px){.site-header .brand{width:clamp(145px,calc(50vw - 140px),210px)}}
@media(max-width:560px){.header-inner{gap:1rem}.site-header .brand{width:clamp(150px,45vw,190px)}}

/* Webuno 2026-10-23: logo: "Zit" (vakje met Z + "it") in het groen van het origineel, "Fix" zwart via het SVG-filter #zitfix-zwart in index.php. */
.brand-zwart image{filter:url(#zitfix-zwart)}
/* Webuno 2026-10-23: rug-vinkje in de prijscalculator en vermelding Webuno in de voettekst. */
.calculator-check{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.85rem;cursor:pointer}
.calculator-check input{width:20px;height:20px;accent-color:var(--lime);flex-shrink:0}
.calculator-check span{color:#d4ddcf;margin-left:auto;font-size:.78rem}
.footer-webuno a{text-decoration:underline;text-underline-offset:2px}
.footer-webuno a:hover{color:var(--ink)}

/* Webuno 2026-10-23: Over ZitFix, vroeger tegenover nu */
.story-compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.5rem);padding-bottom:clamp(4rem,7vw,7rem)}
.story-card{border:1px solid var(--line);border-radius:8px 60px 8px 8px;padding:clamp(1.6rem,3vw,2.8rem);background:var(--white)}
.story-card.is-now{background:var(--deep);color:var(--paper);border-color:var(--deep);border-radius:60px 8px 8px 8px}
.story-card.is-now .eyebrow{color:#d9e0cf}
.story-card h3{font-size:clamp(1.7rem,2.4vw,2.4rem);margin-bottom:1.3rem}
.story-card ol{list-style:none;padding:0;margin:0;counter-reset:stap}
.story-card li{display:flex;gap:.9rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--line);font-size:1rem;line-height:1.45}
.story-card.is-now li{border-color:#ffffff26}
.story-card li::before{counter-increment:stap;content:counter(stap);flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:750;background:var(--sage);color:var(--deep)}
.story-card.is-now li::before{background:var(--lime)}
.story-card.is-past li:last-child{color:var(--muted)}
.story-card.is-now li:last-child{font-weight:700;color:var(--lime)}
@media(max-width:760px){.story-compare{grid-template-columns:1fr}.story-card,.story-card.is-now{border-radius:8px 40px 8px 8px}}

/* Webuno 2026-10-23: Over ons begint met "Hoe ZitFix ontstond"; de paginatitel (h1) houdt de maat van de oude h2. */
.intro-section h1.ontstaan-titel{font-size:clamp(2.2rem,3.8vw,3.7rem);max-width:660px;margin-bottom:0}

/* Webuno: foto werkplaats/woonkamer onder de titel op Over ons */
.ontstaan-foto{margin:2.2rem 0 2.4rem;aspect-ratio:1206/789;border-radius:8px 8px 80px 8px}.ontstaan-tekst{max-width:760px}@media(max-width:760px){.ontstaan-foto{margin:1.5rem 0 1.7rem;border-radius:8px 8px 40px 8px}}

/* Webuno: vaste knoppen WhatsApp en e-mail rechtsonder */
.contact-float{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.contact-float-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.05rem;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .2s var(--ease)}
.contact-float-btn:hover{transform:translateY(-2px)}
.contact-float-btn svg{width:22px;height:22px;flex:none}
.contact-float-btn.is-whatsapp{background:#1fa855;color:#fff}
.contact-float-btn.is-mail{background:var(--deep);color:var(--white)}
@media(max-width:560px){.contact-float{right:12px;bottom:12px;gap:8px}.contact-float-btn{padding:.7rem}.contact-float-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.contact-float-btn svg{width:26px;height:26px}}
@media print{.contact-float{display:none}}