.op{--op-rand:var(--sand);--op-kaart:#fff}.op h1,.op h2,.op h3{overflow-wrap:anywhere}.op .op-sectie{padding:var(--sp-7) 0}.op .op-licht{background:var(--cream-2);border-block:1px solid var(--op-rand)}.op .op-licht+.op-licht{border-top:0}.op .op-kop{max-width:680px;margin-bottom:var(--sp-5)}.op .op-kop p:not(.eyebrow){margin-top:var(--sp-2);color:var(--ink-2);font-size:1.06rem}.op .op-kop-rij{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.op .op-kop-rij .link-arrow,.op .op-kop-rij .op-kop{margin-bottom:var(--sp-5)}.op .op-lead{font-size:1.1rem;color:var(--ink-2);max-width:56ch;margin:var(--sp-3) 0 0}.op .op-prose p{margin:0 0 var(--sp-2);color:var(--ink-2);font-size:1.02rem;line-height:1.7}.op .op-prose p:last-child{margin-bottom:0}.op .op-prose{margin-top:var(--sp-3)}.op .btn{min-height:46px}.op .op-hero{padding:0;background:linear-gradient(160deg,var(--cream) 0,var(--cream-2) 55%,#fff 100%);border-bottom:1px solid var(--op-rand);overflow:hidden}.op .op-hero-in{display:grid;grid-gap:var(--sp-5);gap:var(--sp-5);padding:var(--sp-6) 0;align-items:center}.op .op-hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);color:var(--blue-900)}.op .op-hero h1 em{font-style:normal;color:var(--blue-600)}.op .op-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sp-4)}.op .op-hero-foto img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.op .op-hero-zonder .op-hero-in{padding:var(--sp-7) 0}.op .op-hero-zonder .op-hero-tekst{max-width:760px}.op .op-cijfers{list-style:none;margin:var(--sp-5) 0 0;padding:var(--sp-3) 0 0;border-top:1px solid var(--op-rand);display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5)}.op .op-cijfers b{display:block;font-family:var(--font-display);font-size:1.7rem;line-height:1;color:var(--blue-900)}.op .op-cijfers span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}@media(min-width:900px){.op .op-hero-in{grid-template-columns:1.05fr .95fr;gap:var(--sp-6);padding:var(--sp-7) 0}.op .op-hero-foto img{aspect-ratio:1/1}}.op .op-usps{padding:var(--sp-5) 0;background:#fff;border-bottom:1px solid var(--op-rand)}.op .op-usp-rij{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px;background:var(--op-rand);border:1px solid var(--op-rand);border-radius:var(--r-md);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.op .op-usp-rij li{background:#fff;padding:24px;display:flex;gap:14px;align-items:flex-start}.op .op-usp-vink{width:40px;height:40px;flex:none;border-radius:var(--r-sm);background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center}.op .op-usp-vink svg{width:20px;height:20px}.op .op-usp-rij b{display:block;font-size:.98rem;margin-bottom:3px;color:var(--ink)}.op .op-usp-rij span span{display:block;font-size:.88rem;color:var(--ink-2);line-height:1.5}.op .op-diensten{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media(min-width:1000px){.op .op-diensten{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.op .op-diensten>*{max-width:calc((var(--wrap) - 2 * var(--sp-3)) / 3)}}.op .op-dienst{display:flex;flex-direction:column;background:var(--op-kaart);border:1px solid var(--op-rand);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.op a.op-dienst:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}.op .op-dienst-foto{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}.op .op-dienst-leeg{display:grid;place-items:center;aspect-ratio:16/6;background:var(--blue-900);color:var(--blue-300);font-family:var(--font-display);font-size:2rem}.op .op-dienst-tekst{padding:var(--sp-3);display:flex;flex-direction:column;flex:1 1}.op .op-dienst h3{font-size:1.25rem;margin-bottom:8px}.op .op-dienst p{font-size:.95rem;color:var(--ink-2);flex:1 1;margin:0}.op .op-kenmerken{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:var(--sp-2) 0 0;padding:0}.op .op-kenmerken li{font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-700);background:var(--blue-100);padding:5px 9px;border-radius:var(--r-sm)}.op .op-meer{display:inline-flex;align-items:center;gap:8px;margin-top:var(--sp-2);font-weight:600;font-size:.86rem;color:var(--blue-600)}.op .op-meer svg{width:16px;height:16px;transition:transform .3s var(--ease)}.op a.op-dienst:hover .op-meer svg{transform:translateX(4px)}.op .op-stappen{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.op .op-stappen li{background:var(--op-kaart);border:1px solid var(--op-rand);border-radius:var(--r-md);padding:var(--sp-3)}.op .op-stap-nr{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue-900);color:#fff;font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--sp-2)}.op .op-stappen h3{font-size:1.1rem;margin-bottom:6px}.op .op-stappen p{font-size:.94rem;color:var(--ink-2);margin:0}.op .op-over{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);align-items:center}.op .op-over-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.op .op-over-zonder{max-width:760px}.op .op-mensen{list-style:none;margin:var(--sp-4) 0 0;padding:var(--sp-3) 0 0;border-top:1px solid var(--op-rand);display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.op .op-mensen b{display:block;font-family:var(--font-display);font-size:1.1rem}.op .op-mensen span{font-size:.88rem;color:var(--ink-2)}@media(min-width:900px){.op .op-over:not(.op-over-zonder){grid-template-columns:.8fr 1.2fr;gap:var(--sp-6)}}.op .op-projecten{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media(min-width:1000px){.op .op-projecten>*{max-width:calc((var(--wrap) - 2 * var(--sp-2)) / 3)}}.op .op-project{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;background:var(--blue-900);text-decoration:none;color:#fff;aspect-ratio:4/3}.op .op-project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}.op .op-project:hover img{transform:scale(1.05)}.op .op-project-tekst{position:absolute;inset:auto 0 0 0;padding:52px 20px 18px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(to top,rgba(var(--overlay-rgb),.92),rgba(var(--overlay-rgb),0))}.op .op-project-tekst span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.85)}.op .op-project-tekst b{font-family:var(--font-display);font-size:1.3rem;color:#fff}.op .op-reviews{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media(min-width:1000px){.op .op-reviews>*{max-width:calc((var(--wrap) - 2 * var(--sp-3)) / 3)}}.op .op-review{background:var(--op-kaart);border:1px solid var(--op-rand);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.op .op-review q{quotes:none;font-size:1rem;line-height:1.65;color:var(--ink);flex:1 1}.op .op-review footer{display:flex;align-items:center;gap:12px;margin-top:var(--sp-1)}.op .op-review footer b{display:block;font-size:.92rem}.op .op-review footer span span{display:block;font-size:.82rem;color:var(--ink-2)}.op .op-review-av{width:40px;height:40px;border-radius:50%;background:var(--blue-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}.op .op-google{display:flex;align-items:center;gap:14px;background:var(--op-kaart);border:1px solid var(--op-rand);border-radius:var(--r-md);padding:12px 18px;margin-bottom:var(--sp-5)}.op .op-google>b{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--blue-900)}.op .op-google>span{display:flex;flex-direction:column;gap:3px;font-size:.85rem;color:var(--ink-2)}.op .op-google a{color:var(--blue-700);text-decoration:underline;text-underline-offset:3px}.op .op-offerte{background:var(--blue-900);color:#fff;padding:var(--sp-7) 0;scroll-margin-top:80px}.op .op-offerte-in{display:grid;grid-gap:var(--sp-5);gap:var(--sp-5);align-items:start}.op .op-offerte h2{color:#fff}.op .op-offerte .op-lead{color:hsla(0,0%,100%,.82)}.op .op-direct{list-style:none;margin:var(--sp-4) 0 0;padding:var(--sp-3) 0 0;border-top:1px solid hsla(0,0%,100%,.18)}.op .op-direct a{display:inline-flex;align-items:center;gap:12px;min-height:46px;color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem}.op .op-direct a:hover,.op .op-direct svg{color:var(--blue-300)}.op .op-direct svg{width:20px;height:20px;flex:none}.op .op-offerte-noot{display:flex;align-items:center;gap:10px;margin-top:var(--sp-3);color:hsla(0,0%,100%,.82);font-size:.95rem}.op .op-offerte-noot svg{width:18px;height:18px;color:var(--blue-300)}.op .op-form{background:#fff;color:var(--ink);border-radius:var(--r-md);padding:var(--sp-4)}.op .op-form .field{margin-bottom:var(--sp-2)}.op .op-form textarea{min-height:120px;resize:vertical}.op .op-form .op-choice{margin-top:var(--sp-1)}.op .op-form .btn{margin-top:var(--sp-2)}.op .op-form-noot{font-size:.84rem;color:var(--muted);margin:var(--sp-2) 0 0;text-align:center}.op .op-form-fout{background:#fbe9e8;color:#8a1b17;border:1px solid #f0c2bf;border-radius:var(--r-sm);padding:12px 14px;font-size:.92rem;margin:0 0 var(--sp-2)}.op .op-form-fout a{color:inherit;font-weight:600}.op .op-form-klaar{text-align:center;padding:var(--sp-6) var(--sp-4)}.op .op-form-klaar h3{margin:var(--sp-2) 0 var(--sp-1)}.op .op-form-klaar p{color:var(--ink-2);margin:0}.op .op-form-vink{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue-100);color:var(--blue-700)}.op .op-form-vink svg{width:28px;height:28px}@media(min-width:950px){.op .op-offerte-in{grid-template-columns:.9fr 1.1fr;gap:var(--sp-6)}}.op [id]{scroll-margin-top:84px}@media(max-width:640px){.op .op-sectie{padding:var(--sp-6) 0}.op .op-hero-in{padding:var(--sp-5) 0}.op .op-offerte{padding:var(--sp-6) 0}.op .op-form{padding:var(--sp-3)}.op .op-knoppen .btn{width:100%}}