:root{--ink:#1C1614;--ink-soft:#4A3F38;--ink-mute:#7A6E64;--line:#E6DFD6;--line-soft:#F0EAE0;--paper:#FAF7F2;--paper-warm:#F4EEE3;--white:#FFFFFF;--accent:#B8894B;--accent-ink:#8A6534;--font-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-serif:'Fraunces', 'Cormorant Garamond', Georgia, serif;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--measure:65ch;--container:1200px;--container-narrow:880px;--nav-h:68px;--radius:4px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink-soft);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--nav-h);display:flex;flex-direction:column;min-height:100vh}main{flex:1}img,svg,video{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--white)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin:0;font-variation-settings:"SOFT" 50,"WONK" 0}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,3.5vw,2.75rem)}h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25}h4{font-size:1.05rem;line-height:1.3}p{margin:0}.lede{font-size:1.15rem;color:var(--ink-soft);max-width:var(--measure)}.eyebrow{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);font-weight:500;display:inline-flex;align-items:center;gap:.75rem}.eyebrow::before{content:"";width:1.75rem;height:1px;background:var(--accent)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s-5)}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s-5)}section{padding:var(--s-10)0}.section-header{display:flex;flex-direction:column;gap:var(--s-4);margin-bottom:var(--s-8);max-width:var(--measure)}.section-header.center{margin-left:auto;margin-right:auto;align-items:center;text-align:center}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;font-family:var(--font-sans);font-size:.88rem;font-weight:500;letter-spacing:.02em;text-decoration:none;border-radius:var(--radius);transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:0 0;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-light{background:rgba(255,255,255,.12);color:var(--paper);border-color:rgba(255,255,255,.25);backdrop-filter:blur(8px)}.btn-light:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}.btn i{font-size:.82em}nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;background:rgba(250,247,242,.85);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid rgba(230,223,214,.6)}.nav-inner{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s-5);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5)}.nav-brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--font-serif);font-size:1.15rem;letter-spacing:-.01em}.nav-brand picture,.nav-brand img{width:32px;height:32px}.nav-brand strong{font-weight:400}.nav-brand .dot{color:var(--accent)}.nav-links{display:flex;gap:var(--s-6);list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;font-size:.85rem;color:var(--ink-soft);letter-spacing:.02em;padding:.4rem 0;position:relative;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent)}.nav-cta{display:flex;align-items:center;gap:var(--s-4)}.nav-phone{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-size:.85rem;font-weight:500}.nav-phone i{color:var(--accent);font-size:.85em}.nav-toggle{display:none;background:0 0;border:1px solid var(--line);border-radius:var(--radius);width:40px;height:40px;color:var(--ink)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;margin-top:calc(var(--nav-h) * -1);padding-top:var(--nav-h);color:var(--paper)}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,22,20,.35) 0%,rgba(28,22,20,0) 35%,rgba(28,22,20,.85) 100%),linear-gradient(90deg,rgba(28,22,20,.55) 0%,rgba(28,22,20,5%) 70%)}.hero-inner{position:relative;z-index:1;width:100%;max-width:var(--container);margin:0 auto;padding:var(--s-10)var(--s-5)var(--s-9);display:grid;gap:var(--s-7)}.hero-eyebrow{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,247,242,.85);display:inline-flex;align-items:center;gap:.75rem}.hero-eyebrow::before{content:"";width:1.75rem;height:1px;background:var(--accent)}.hero h1{color:var(--paper);font-size:clamp(2.75rem,6vw,5rem);max-width:18ch;font-weight:300}.hero h1 em{font-style:italic;color:var(--accent);font-variation-settings:"SOFT" 100,"WONK" 1}.hero-sub{color:rgba(250,247,242,.8);font-size:clamp(1rem,1.4vw,1.15rem);max-width:50ch}.hero-actions{display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--s-6);margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid rgba(250,247,242,.18);font-size:.8rem;color:rgba(250,247,242,.7);letter-spacing:.05em}.hero-meta span{display:inline-flex;align-items:center;gap:.5rem}.hero-meta i{color:var(--accent)}.hero-scroll{position:absolute;bottom:var(--s-6);left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:rgba(250,247,242,.55);text-decoration:none;transition:color .2s ease}.hero-scroll:hover{color:rgba(250,247,242,.9)}.hero-scroll i{font-size:.65rem;animation:scroll-chevron 1.8s ease-in-out infinite}@keyframes scroll-chevron{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(3px);opacity:1}}.about-home{background:var(--white);padding:var(--s-10)0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-9);align-items:center}.about-grid .col-text>*+*{margin-top:var(--s-4)}.about-grid .col-text h2{margin-top:var(--s-3)}.about-grid .col-text p{color:var(--ink-soft);max-width:var(--measure)}.about-portrait{position:relative;aspect-ratio:4/5;background:var(--paper-warm);overflow:hidden}.about-portrait img{width:100%;height:100%;object-fit:contain;padding:var(--s-7)}.about-quote{margin-top:var(--s-5);padding:var(--s-5)var(--s-6);border-left:2px solid var(--accent);background:var(--paper);font-family:var(--font-serif);font-size:1.2rem;color:var(--ink);font-style:italic}.services-editorial{background:var(--paper)}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-9);align-items:center;padding:var(--s-8)0}.service-row+.service-row{border-top:1px solid var(--line)}.service-row:nth-child(even) .service-row-media{order:2}.service-row-media{aspect-ratio:5/4;overflow:hidden;background:var(--paper-warm)}.service-row-media img,.service-row-media .responsive-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.service-row:hover .service-row-media img{transform:scale(1.03)}.service-row-body{max-width:48ch}.service-row-body h3{font-size:clamp(1.75rem,2.4vw,2.25rem);margin:var(--s-3)0}.service-row-body p{color:var(--ink-soft);margin-bottom:var(--s-5)}.service-row-list{list-style:none;padding:0;margin:0 0 var(--s-6);display:grid;gap:.5rem}.service-row-list li{font-size:.92rem;color:var(--ink-soft);padding-left:1.25rem;position:relative}.service-row-list li::before{content:"";position:absolute;left:0;top:.65rem;width:.5rem;height:1px;background:var(--accent)}.service-row-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .2s,border-color .2s}.service-row-link:hover{color:var(--accent-ink);border-color:var(--accent)}.process{background:var(--ink);color:var(--paper)}.process h2,.process .eyebrow{color:var(--paper)}.process .eyebrow{color:var(--accent)}.process .lede{color:rgba(250,247,242,.7)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5);margin-top:var(--s-8)}.process-step{padding:var(--s-6)0;border-top:1px solid rgba(250,247,242,.18);display:flex;flex-direction:column;gap:var(--s-3)}.process-step-num{font-family:var(--font-serif);font-size:1.5rem;color:var(--accent);font-variation-settings:"SOFT" 100}.process-step h3{color:var(--paper);font-size:1.15rem}.process-step p{font-size:.88rem;color:rgba(250,247,242,.65);line-height:1.6}.contact-section{background:var(--paper-warm)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:var(--s-7)}.contact-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);background:var(--white);text-decoration:none;border:1px solid var(--line);transition:border-color .25s ease,transform .25s ease}.contact-card:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-card-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--accent-ink);border-radius:var(--radius)}.contact-card h3{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);font-weight:500}.contact-card p{color:var(--ink);font-size:1.05rem}.prose{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s-5)}.prose>*+*{margin-top:var(--s-5)}.prose h2{margin-top:var(--s-8);font-size:clamp(1.75rem,2.6vw,2.25rem)}.prose h3{margin-top:var(--s-6);font-size:1.35rem}.prose p,.prose li{color:var(--ink-soft);font-size:1.05rem;line-height:1.75}.prose ul,.prose ol{padding-left:1.5rem}.prose li+li{margin-top:.5rem}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{color:var(--ink)}.page-header{background:var(--white);padding:var(--s-7)0;border-bottom:1px solid var(--line)}.page-header .container{max-width:var(--container-narrow)}.page-header h1{font-size:clamp(2.5rem,5vw,3.75rem);margin-top:var(--s-4);max-width:18ch}.page-header .lede{margin-top:var(--s-5)}.about-page{padding:var(--s-9)0 var(--s-10);background:var(--paper)}.about-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--s-9);align-items:start}.about-aside .about-portrait{max-width:360px}.about-aside .about-tagline{margin-top:var(--s-4);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-ink)}.about-body h2{font-size:clamp(1.75rem,2.4vw,2.25rem);margin-bottom:var(--s-4)}.about-body p{color:var(--ink-soft);max-width:var(--measure);margin-bottom:var(--s-4);font-size:1.05rem}.values{margin-top:var(--s-7);display:grid;gap:0;border-top:1px solid var(--line)}.value{display:grid;grid-template-columns:48px 1fr;gap:var(--s-5);padding:var(--s-5)0;border-bottom:1px solid var(--line)}.value i{color:var(--accent);font-size:1.1rem;padding-top:.25rem}.value h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}.value p{color:var(--ink-soft);font-size:.95rem;max-width:50ch}.diensten-list{padding:var(--s-9)0 var(--s-10);background:var(--paper)}.diensten-list .service-row+.service-row{border-top:1px solid var(--line)}.service-hero{position:relative;width:100%;height:clamp(320px,42vw,480px);background:var(--ink);overflow:hidden;margin-top:calc(var(--nav-h) * -1)}@media(max-width:720px){.service-hero{height:clamp(280px,60vw,360px)}}.service-hero img,.service-hero .responsive-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,22,20,.4) 0%,rgba(28,22,20,.1) 40%,rgba(28,22,20,.85) 100%)}.service-hero-inner{position:absolute;inset:auto 0 0 0;padding:0 var(--s-5)var(--s-8);max-width:var(--container);margin:0 auto;color:var(--paper);z-index:1}.service-hero-inner h1{color:var(--paper);margin-top:var(--s-4);max-width:18ch;font-weight:300}.service-body{padding:var(--s-8)0;background:var(--white)}.service-body .prose h2:first-child{margin-top:0}.service-cta{background:var(--paper-warm);padding:var(--s-8)0}.service-cta-inner{max-width:var(--container-narrow);margin:0 auto;padding:var(--s-7)var(--s-6);background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4)}.service-cta-inner h3{font-size:1.5rem}.service-cta-inner p{color:var(--ink-soft);max-width:var(--measure)}.service-cta-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.service-faq{background:var(--white);padding:0 0 var(--s-9)}.service-faq-inner{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s-5)}.service-faq-inner h2{margin-top:var(--s-3)}.faq-list{margin-top:var(--s-6);background:var(--paper-warm);border:1px solid var(--line);padding:0 var(--s-6)}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;padding:var(--s-4)0;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";color:var(--accent);font-weight:400;font-size:1.5rem;line-height:1;flex-shrink:0}.faq-item[open] summary::after{content:"\2212"}.faq-answer{padding-bottom:var(--s-4)}.faq-answer p{color:var(--ink-soft);line-height:1.75;max-width:var(--measure)}.project-list{padding:var(--s-9)0 var(--s-10);background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.project-card{display:block;text-decoration:none;color:var(--ink);position:relative;background:var(--paper-warm)}.project-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper-warm)}.project-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-card:hover .project-card-media img{transform:scale(1.04)}.project-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,22,20,0) 55%,rgba(28,22,20,.7) 100%);pointer-events:none}.project-card-title{position:absolute;left:var(--s-4);right:var(--s-4);bottom:var(--s-4);font-family:var(--font-serif);font-size:1.15rem;line-height:1.25;color:var(--paper);z-index:1}.project-empty{text-align:center;color:var(--ink-mute);font-style:italic;padding:var(--s-7)0}.project-back-row{background:var(--paper);padding:var(--s-6)0 0}.service-back-row{background:var(--white);padding:var(--s-6)0 0}.project-back-row .back-link,.service-back-row .back-link{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-sans);font-size:.85rem;text-decoration:none;color:var(--ink-mute);transition:color .2s ease}.project-back-row .back-link:hover,.service-back-row .back-link:hover{color:var(--accent-ink)}.project-back-row .back-link i,.service-back-row .back-link i{font-size:.75rem}.ba-section{padding:var(--s-6)0;background:var(--paper)}.ba-layout{display:flex;justify-content:center}.ba-layout-split{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,.5fr);gap:var(--s-5);align-items:stretch}.ba-slider{position:relative;width:100%;max-width:calc(85vh * 3/4);margin:0 auto;aspect-ratio:3/4;overflow:hidden;background:var(--ink);user-select:none;touch-action:pan-y;cursor:ew-resize}.ba-layout-split .ba-slider{margin:0;max-width:none}.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-img-voor{clip-path:inset(0 50% 0 0)}.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--paper);transform:translateX(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.ba-handle-line{flex:1;width:2px;background:var(--paper);box-shadow:0 0 6px rgba(0,0,0,.3)}.ba-handle-knob{width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25);margin:var(--s-2)0;font-size:.9rem}.ba-label{position:absolute;top:var(--s-4);font-family:var(--font-sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:rgba(28,22,20,.65);backdrop-filter:blur(6px);padding:.35rem .65rem;z-index:2;pointer-events:none}.ba-label-voor{left:var(--s-4)}.ba-label-na{right:var(--s-4)}.project-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.project-gallery-side{grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--s-4);height:100%}.project-gallery-side .project-gallery-item{aspect-ratio:auto;height:100%}.project-gallery-item{margin:0;aspect-ratio:3/4;overflow:hidden;background:var(--paper-warm)}.project-gallery-item img{width:100%;height:100%;object-fit:cover}.contact-page{padding:var(--s-9)0 var(--s-10);background:var(--paper)}.contact-hours{margin-top:var(--s-8);max-width:var(--container-narrow);margin-left:auto;margin-right:auto;padding:var(--s-6);background:var(--white);border:1px solid var(--line)}.contact-hours h3{font-family:var(--font-sans);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);font-weight:500;margin-bottom:var(--s-4)}.hours-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line-soft);font-size:.95rem}.hours-row:last-child{border-bottom:none}.hours-row span:first-child{color:var(--ink-soft)}.hours-row span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}footer.site-footer{background:var(--ink);color:rgba(250,247,242,.7);padding:var(--s-8)0 var(--s-5);margin-top:auto}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 var(--s-5);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--s-7)}.footer-brand{font-family:var(--font-serif);font-size:1.5rem;color:var(--paper)}.footer-brand .dot{color:var(--accent)}.footer-block h4{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(250,247,242,.5);font-weight:500;margin-bottom:var(--s-3)}.footer-block a,.footer-block p{display:block;text-decoration:none;color:rgba(250,247,242,.8);font-size:.92rem;line-height:1.9;transition:color .2s ease}.footer-block a:hover{color:var(--accent)}.footer-bottom{max-width:var(--container);margin:var(--s-7)auto 0;padding:var(--s-5)var(--s-5)0;border-top:1px solid rgba(250,247,242,.12);display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-size:.8rem;color:rgba(250,247,242,.5)}.footer-bottom a{color:rgba(250,247,242,.7);text-decoration:none}.footer-bottom a:hover{color:var(--accent)}@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.reveal{animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}}@keyframes reveal-fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){:root{--s-9:4rem;--s-10:5rem}.about-grid,.service-row,.about-layout{grid-template-columns:1fr;gap:var(--s-7)}.service-row:nth-child(even) .service-row-media{order:0}.process-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.project-gallery-grid{grid-template-columns:1fr 1fr}.ba-layout-split{grid-template-columns:1fr;justify-items:center}.ba-layout-split .ba-slider{max-width:calc(85vh * 3/4);margin:0 auto}.ba-layout-split .project-gallery-side{grid-template-columns:1fr 1fr;width:100%}.nav-links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:var(--s-4)var(--s-5)}.nav-links.show{display:flex}.nav-links li{border-bottom:1px solid var(--line-soft)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:var(--s-4)0;font-size:1rem}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-phone span{display:none}}@media(max-width:600px){.process-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-gallery-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.hero-inner{padding-bottom:var(--s-7)}}