.c76{background:var(--achtergrond);color:var(--tekst);padding-block:var(--ruimte-9) var(--ruimte-7);display:grid;overflow:hidden}.c76-kijker{width:100%;padding-inline:var(--kantlijn);order:-1}.c76-object{aspect-ratio:4/5;background:var(--achtergrond);width:100%;max-height:72svh;margin-inline:auto;position:relative;overflow:hidden}.c76-object svg{width:100%;height:100%;display:block;position:absolute;inset:0}.c76-object [data-variant]{opacity:0;transition:opacity 0s linear .4s}.c76-object [data-variant].is-actief{opacity:1;transition:opacity .4s var(--beweging-curve)}.c76-object [data-laag=planten] [data-variant].is-actief{transition-delay:.13s}.c76-object [data-laag=boom] [data-variant].is-actief{transition-delay:.26s}.c76-object [data-laag=planten] [data-variant]:not(.is-actief){transition-delay:.53s}.c76-object [data-laag=boom] [data-variant]:not(.is-actief){transition-delay:.66s}.c76.is-stil .c76-object [data-variant]{transition:none}.c76-strook{grid-template-columns:repeat(var(--c76-n,4), 1fr);width:100%;max-width:30rem;margin:var(--ruimte-4) auto 0;padding:var(--ruimte-2) 0 var(--ruimte-5);background:color-mix(in srgb, var(--achtergrond) 55%, transparent);border:1px solid color-mix(in srgb, var(--tekst) 14%, transparent);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 8px 24px -12px color-mix(in srgb, var(--tekst) 30%, transparent);visibility:hidden;border-radius:999px;display:grid;position:relative}.c76.is-live .c76-strook{visibility:visible}.c76-keuze{align-content:center;justify-items:center;gap:var(--ruimte-1);min-height:56px;padding:var(--ruimte-2) var(--ruimte-1);cursor:pointer;color:var(--tekst-zacht);font-family:var(--letter-tekst);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;font-size:.9375rem;line-height:1.2;display:grid}.c76-keuze[aria-pressed=true]{color:var(--tekst);font-weight:600}.c76-keuze:hover{color:var(--tekst)}.c76-keuze:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.c76-rondje{border:1px solid color-mix(in srgb, var(--tekst) 35%, transparent);border-radius:50%;width:22px;height:22px;display:block}.c76-wijzer{left:0;bottom:var(--ruimte-2);width:calc(100% / var(--c76-n,4));height:8px;transform:translateX(calc(var(--c76-i,0) * 100%));transition:transform .4s var(--beweging-curve);pointer-events:none;position:absolute}.c76-wijzer:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:0;left:50%}.c76.is-stil .c76-wijzer{transition:none}.c76-tekst{max-width:var(--breedte-max);width:100%;padding:var(--ruimte-5) var(--kantlijn) 0;text-align:center;margin-inline:auto}.c76-label{margin:0 0 var(--ruimte-3);font-family:var(--letter-tekst);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.875rem;line-height:1.3;display:block}.c76-kop{font-family:var(--letter-kop);font-weight:var(--letter-kop-gewicht);letter-spacing:var(--letter-kop-spatiering);text-wrap:balance;margin:0;font-size:clamp(2.5rem,11vw,4.75rem);line-height:1.04}.c76-zin{margin:var(--ruimte-4) auto 0;max-width:30rem;color:var(--tekst-zacht);text-wrap:pretty;font-size:clamp(1.125rem,2.4vw,1.375rem);line-height:1.55}.c76~.dienstkeuze{margin-top:0}@media (width>=900px){.c76{padding-block:var(--ruimte-7);grid-template-columns:2fr 3fr;align-items:center;min-height:min(100svh,52rem)}.c76-tekst{text-align:left;padding:0 var(--ruimte-6) 0 var(--kantlijn);order:1;max-width:none;margin:0}.c76-kijker{padding-inline:0 var(--kantlijn);order:2}.c76-kop{letter-spacing:-.03em;font-size:clamp(3rem,5.4vw,5.5rem);line-height:1}.c76-zin{margin-inline:0}.c76-object{aspect-ratio:510/418;max-height:none}.c76-strook{margin-top:var(--ruimte-4)}}@media (prefers-reduced-motion:reduce){.c76-object [data-variant],.c76-object [data-variant].is-actief,.c76-wijzer{transition:none!important}}:root:has(.c76[data-thema=licht]) .menu{color:var(--tekst)}:root:has(.c76[data-thema=licht]) .menu:before{background:0 0}.tuin-s,.tuin-s svg{width:100%;height:100%;display:block}.tuin-s .s-papier{fill:var(--achtergrond)}.tuin-s .s-ink path{stroke:var(--tekst);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.tuin-s .s-gras{fill:var(--s-gras)}.tuin-s .s-maai rect{fill:var(--achtergrond);opacity:.1}.tuin-s .s-border{fill:var(--s-border)}.tuin-s .s-pad{fill:var(--s-pad)}.tuin-s .s-terras{fill:var(--s-terras)}.tuin-s .s-schuur{fill:var(--s-schuur)}.tuin-s .s-pl{stroke:color-mix(in srgb, var(--tekst) 55%, transparent);stroke-width:.8px}.tuin-s .s-pl-0{fill:var(--s-pl-0)}.tuin-s .s-pl-1{fill:var(--s-pl-1)}.tuin-s .s-pl-2{fill:var(--s-pl-2)}.tuin-s .s-pl-3{fill:var(--s-pl-3)}.tuin-s .s-pl-4{fill:var(--s-pl-4)}.tuin-s .s-kroon{fill:var(--s-kroon)}.tuin-s .s-kern{fill:var(--s-kern);opacity:.55}.tuin-s .s-blad{fill:var(--accent);stroke:color-mix(in srgb, var(--tekst) 45%, transparent);stroke-width:.6px}.tuin-s .s-tak{stroke:var(--tekst);stroke-width:1.6px;stroke-linecap:round}.tuin-s .s-zomer{--s-gras:color-mix(in srgb, var(--sfeer-2) 45%, var(--achtergrond));--s-border:color-mix(in srgb, var(--sfeer-1) 55%, var(--achtergrond));--s-pad:color-mix(in srgb, var(--tekst) 22%, var(--achtergrond));--s-terras:color-mix(in srgb, var(--tekst) 30%, var(--achtergrond));--s-schuur:color-mix(in srgb, var(--accent) 60%, var(--achtergrond));--s-pl-0:var(--accent);--s-pl-1:color-mix(in srgb, var(--sfeer-2) 70%, var(--tekst));--s-pl-2:var(--sfeer-2);--s-pl-3:var(--sfeer-3);--s-pl-4:color-mix(in srgb, var(--sfeer-3) 70%, var(--achtergrond));--s-kroon:color-mix(in srgb, var(--sfeer-2) 85%, var(--tekst));--s-kern:var(--sfeer-3)}.tuin-s .s-lente{--s-gras:color-mix(in srgb, var(--sfeer-3) 55%, var(--achtergrond));--s-border:color-mix(in srgb, var(--sfeer-1) 40%, var(--achtergrond));--s-pad:color-mix(in srgb, var(--tekst) 18%, var(--achtergrond));--s-terras:color-mix(in srgb, var(--tekst) 26%, var(--achtergrond));--s-schuur:color-mix(in srgb, var(--accent) 45%, var(--achtergrond));--s-pl-0:color-mix(in srgb, var(--accent) 45%, var(--achtergrond));--s-pl-1:color-mix(in srgb, var(--sfeer-2) 60%, var(--achtergrond));--s-pl-2:color-mix(in srgb, var(--sfeer-3) 70%, var(--sfeer-2));--s-pl-3:color-mix(in srgb, var(--sfeer-3) 75%, var(--achtergrond));--s-pl-4:color-mix(in srgb, var(--achtergrond) 60%, var(--sfeer-3));--s-kroon:color-mix(in srgb, var(--sfeer-3) 70%, var(--sfeer-2));--s-kern:color-mix(in srgb, var(--accent) 35%, var(--achtergrond))}.tuin-s .s-herfst{--s-gras:color-mix(in srgb, color-mix(in srgb, var(--sfeer-3) 70%, var(--accent)) 55%, var(--achtergrond));--s-border:color-mix(in srgb, var(--sfeer-1) 70%, var(--achtergrond));--s-pad:color-mix(in srgb, var(--tekst) 22%, var(--achtergrond));--s-terras:color-mix(in srgb, var(--tekst) 30%, var(--achtergrond));--s-schuur:color-mix(in srgb, var(--accent) 55%, var(--achtergrond));--s-pl-0:var(--accent);--s-pl-1:color-mix(in srgb, var(--sfeer-1) 80%, var(--tekst));--s-pl-2:var(--sfeer-1);--s-pl-3:color-mix(in srgb, var(--accent) 55%, var(--sfeer-3));--s-pl-4:color-mix(in srgb, var(--sfeer-3) 60%, var(--achtergrond));--s-kroon:color-mix(in srgb, var(--accent) 85%, var(--sfeer-1));--s-kern:color-mix(in srgb, var(--sfeer-3) 60%, var(--accent))}.tuin-s .s-winter{--s-gras:color-mix(in srgb, var(--sfeer-3) 25%, var(--achtergrond));--s-border:color-mix(in srgb, var(--sfeer-1) 28%, var(--achtergrond));--s-pad:color-mix(in srgb, var(--tekst) 12%, var(--achtergrond));--s-terras:color-mix(in srgb, var(--tekst) 18%, var(--achtergrond));--s-schuur:color-mix(in srgb, var(--accent) 30%, var(--achtergrond));--s-pl-0:color-mix(in srgb, var(--accent) 35%, var(--achtergrond));--s-pl-1:color-mix(in srgb, var(--sfeer-1) 55%, var(--achtergrond));--s-pl-2:color-mix(in srgb, var(--sfeer-3) 50%, var(--achtergrond));--s-pl-3:color-mix(in srgb, var(--sfeer-3) 30%, var(--achtergrond));--s-pl-4:var(--achtergrond)}.tuin-s .s-winter .s-pl{opacity:.7}.c27{padding-block:var(--ruimte-9)}.c27-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);margin-inline:auto}.c27-kopblok{max-width:40rem;margin-bottom:var(--ruimte-7)}.c27-label{margin-bottom:var(--ruimte-3);font:500 .78rem/1 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-block}.c27-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c27-rij{gap:var(--ruimte-7);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.c27-rij[data-aantal="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.c27-rij[data-aantal="4"]{gap:var(--ruimte-6);grid-template-columns:repeat(4,minmax(0,1fr))}.c27-kolom{padding-top:var(--ruimte-5);border-top:1px solid var(--lijn)}.c27-vink{width:3rem;height:3rem;margin-bottom:var(--ruimte-4);display:block}.c27-cirkel{fill:none;stroke:var(--accent);stroke-width:1.5px}.c27-haak{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:0}.c27-titel{font-size:clamp(1.3rem,2.2vw,1.65rem)}.c27-tekst{margin:var(--ruimte-3) 0 0;color:var(--tekst-zacht);max-width:34ch}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root.js .c27-haak{animation:linear both c27-teken view();animation-range:entry 20% entry 90%}}}@keyframes c27-teken{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@media (width<=899px){.c27{padding-block:var(--ruimte-8)}.c27-rij,.c27-rij[data-aantal]{gap:var(--ruimte-6);grid-template-columns:1fr}.c27-kolom{column-gap:var(--ruimte-4);grid-template-columns:3rem 1fr;display:grid}.c27-vink{grid-row:span 2;margin:0}.c27-tekst{margin-top:var(--ruimte-2)}}.c27-meer{margin-top:var(--ruimte-6)}.c27-meer a{font-family:var(--letter-kop)}.c27-feit{margin:0 0 var(--ruimte-3);font:var(--letter-kop-accent) clamp(2.75rem, 6vw, 4.5rem)/1 var(--letter-kop);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.c27-metfeit .c27-titel{font-size:clamp(1.05rem,1.6vw,1.25rem)}@media (width<=899px){.c27-kolom.c27-metfeit{display:block}}