:root{--bg:#f7f2e8;--paper:#fffaf0;--ink:#1d2a20;--muted:#687064;--green:#506f4f;--sage:#d7dfca;--sand:#eadcc2;--clay:#b56e4e;--line:#1d2a2024;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}p{color:var(--muted);font-size:1.02rem;line-height:1.7}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f7f2e8eb;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:max-content;display:flex}.brand-mark{background:var(--sage);width:42px;height:42px;color:var(--green);border-radius:999px;place-items:center;display:inline-grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem}.main-nav{align-items:center;gap:18px;font-size:.93rem;display:flex}.main-nav a{color:#314036}.nav-cta,.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.nav-cta,.button.primary{background:var(--green);color:#fff}.button.secondary{border-color:var(--line);background:0 0}.hero{grid-template-columns:1fr;align-items:center;min-height:88vh;padding:clamp(72px,8vw,120px) clamp(18px,5vw,72px);display:grid}.hero-video{isolation:isolate;color:#fffaf0;background:#10291f;position:relative;overflow:hidden}.hero-media,.hero-fallback{z-index:-3;object-fit:cover;object-position:58% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-media{will-change:transform;animation:28s ease-out infinite alternate subtleVideoDrift;transform:scale(1.02)}.hero-fallback{z-index:-4;background-image:url(/images/hero-ecologische-stadstuin-amsterdam.webp);background-position:58%;background-size:cover;transform:scale(1.02)}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#0d231ad6 0%,#0d231aa3 42%,#0d231a42 100%),linear-gradient(#0d231a14 62%,#0d231a7a);position:absolute;inset:0}.hero-content{max-width:820px}.hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:850px;margin:0;font-size:clamp(2.8rem,7vw,6.6rem);line-height:.94}.lead{color:#fffaf0db;max-width:720px;font-size:clamp(1.08rem,1.8vw,1.35rem)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#fffaf0d1;margin-bottom:16px;font-size:.78rem;font-weight:800}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-video .button.primary{background:var(--sage);color:#10291f}.hero-video .button.secondary{color:#fffaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf00f;border-color:#fffaf094}@keyframes subtleVideoDrift{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hero-media{animation:none}}.section{border-top:1px solid var(--line);padding:clamp(54px,7vw,96px) clamp(18px,5vw,72px)}.section-heading{max-width:820px;margin-bottom:30px}h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.04}h3{margin:0 0 10px;font-size:1.25rem}.grid{gap:18px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.quote-card,.mock-form{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 48px #1d2a200f}.card p:last-child{margin-bottom:0}.split{grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);align-items:start;gap:clamp(26px,5vw,68px);display:grid}.muted{background:#eadcc26b}.feature-list{flex-wrap:wrap;align-content:start;gap:10px;display:flex}.feature-list span,.tags span{background:var(--sage);color:#2d3b2e;border-radius:999px;padding:9px 12px;font-size:.9rem;font-weight:700}.feature-list.compact span{font-size:.86rem}.inline-link{color:var(--green);border-bottom:2px solid var(--green);font-weight:800}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.step{background:var(--paper);border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:135px;padding:20px;display:flex}.step strong{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.step span{font-weight:800}.center{text-align:center;margin-top:28px}.quote-card svg{color:var(--clay)}.quote-card p{color:var(--ink);font-size:1.35rem;line-height:1.35}.location{color:var(--clay);margin-bottom:14px;font-weight:800}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.benefits div{background:var(--paper);border:1px solid var(--line);border-radius:22px;align-items:center;gap:12px;padding:22px;font-weight:800;display:flex}.contact-grid{grid-template-columns:.8fr 1fr;gap:clamp(24px,5vw,64px);display:grid}.work-area{color:var(--ink);font-weight:700}.mock-form{gap:14px;display:grid}label{color:var(--ink);gap:7px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:16px;padding:13px 14px}textarea{resize:vertical;min-height:130px}button{cursor:pointer;font:inherit}.site-footer{color:#fff;background:#1d2a20;justify-content:space-between;gap:28px;padding:42px clamp(18px,5vw,72px);display:flex}.site-footer p{color:#ffffffbd;max-width:580px}.site-footer a{color:#ffffffd1;margin-bottom:10px;display:block}@media (width<=980px){.main-nav{display:none}.hero,.split,.contact-grid,.grid.three,.grid.two,.steps,.benefits{grid-template-columns:1fr}}@media (width<=560px){.site-header{align-items:flex-start}.nav-cta{display:none}.hero{min-height:78vh;padding-top:84px}.hero-overlay{background:#0d231aa8}.hero-media,.hero-fallback{object-position:62% 50%;background-position:62%}.site-footer{display:block}}.form-intro{margin:0 0 4px;font-size:.95rem}.checkbox-label{align-items:flex-start;gap:10px;font-weight:700;line-height:1.45;display:flex}.checkbox-label input{width:auto;margin-top:4px}.website-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{border-radius:14px;margin:4px 0 0;padding:12px 14px;font-weight:700}.form-status.success{color:#244221;background:#e7efdf}.form-status.error{color:#7a2d22;background:#f6ded8}button:disabled{opacity:.68;cursor:progress}