@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-latin-wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--kleur-achtergrond: #faf9f4;--kleur-vlak: #f1efe6;--kleur-kaart: #ffffff;--kleur-tekst: #141a24;--kleur-tekst-zacht: #5d6270;--kleur-lijn: #e3e1d8;--kleur-primair: #161a22;--kleur-op-primair: #faf9f4;--kleur-op-primair-zacht: #a9adb7;--kleur-accent: #cfcdaa;--kleur-op-accent: #161a22;--kleur-op-accent-zacht: #45452c;--kleur-accent-tekst: #55542a;--kleur-focus: #55542a;--verloop-zand: linear-gradient(135deg, #d8c7b3, #f2e8dc 50%, #9a6d52);--verloop-salie: linear-gradient(135deg, #cad5cf, #e7eee9 50%, #84978d);--verloop-oker: linear-gradient(135deg, #d9d2c5, #eee9df 50%, #ab8d63);--font-sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--tekst-xs: .75rem;--tekst-sm: .875rem;--tekst-basis: 1.0625rem;--tekst-lg: 1.125rem;--tekst-xl: 1.25rem;--tekst-2xl: clamp(1.75rem, 1.4rem + 1.2vw, 2rem);--tekst-3xl: clamp(1.875rem, 1.2rem + 2.6vw, 3.75rem);--tekst-4xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);--tekst-5xl: clamp(3rem, 1.6rem + 5.6vw, 6rem);--tekst-6xl: clamp(3.5rem, 1.8rem + 7vw, 8rem);--tekst-hero: clamp(3.5rem, 9vw, 9.5rem);--regel-strak: .88;--regel-kop: 1.1;--regel-tekst: 1.6;--spatiering-hero: -.08em;--spatiering-kop: -.06em;--spatiering-klein: -.02em;--spatiering-label: .12em;--ruimte-1: .25rem;--ruimte-2: .5rem;--ruimte-3: .75rem;--ruimte-4: 1rem;--ruimte-5: 1.25rem;--ruimte-6: 1.5rem;--ruimte-8: 2rem;--ruimte-10: 2.5rem;--ruimte-12: 3rem;--ruimte-16: 4rem;--ruimte-20: 5rem;--ruimte-24: 6rem;--ruimte-32: 8rem;--rand-pagina: 1.25rem;--breedte-max: 1440px;--breedte-smal: 1100px;--sectie-ruimte: clamp(5rem, 3rem + 6vw, 8rem);--kop-ruimte: clamp(9rem, 7rem + 6vw, 12rem);--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-hero: 2rem;--radius-rond: 999px;--schaduw-klein: 0 1px 2px rgb(20 26 36 / .06);--schaduw-groot: 0 12px 32px -12px rgb(20 26 36 / .18);--schaduw-hero: 0 24px 70px -28px rgb(25 35 20 / .35);--duur-snel: .2s;--duur-middel: .5s;--duur-traag: 1s;--curve: cubic-bezier(.22, 1, .36, 1)}@media(min-width:768px){:root{--rand-pagina: 2rem}}@media(prefers-reduced-motion:reduce){:root{--duur-snel: 0s;--duur-middel: 0s;--duur-traag: 0s}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}body{margin:0;background:var(--kleur-achtergrond);color:var(--kleur-tekst);font-family:var(--font-sans);font-size:var(--tekst-basis);line-height:var(--regel-tekst);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:500}em,.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:3px;border-radius:var(--radius-sm)}.visueel-verborgen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.naar-inhoud{position:absolute;left:var(--ruimte-4);top:-4rem;z-index:100;padding:var(--ruimte-3) var(--ruimte-5);border-radius:var(--radius-rond);background:var(--kleur-primair);color:var(--kleur-op-primair);font-size:var(--tekst-sm)}.naar-inhoud:focus{top:var(--ruimte-4)}.binnen{width:100%;max-width:var(--breedte-max);margin-inline:auto}.binnen--smal{max-width:var(--breedte-smal)}.sectie{padding:var(--sectie-ruimte) var(--rand-pagina)}.sectie--vlak{background:var(--kleur-vlak)}.sectie--accent{background:var(--kleur-accent);color:var(--kleur-op-accent)}.sectie--start{padding-top:var(--kop-ruimte)}.punt{color:var(--kleur-accent-tekst)}.sectie--accent .punt,.footer .punt{color:var(--kleur-accent)}.label{margin-bottom:var(--ruimte-8);color:var(--kleur-accent-tekst);font-size:var(--tekst-sm);font-weight:500}.icoon{width:1.125em;height:1.125em;flex:none}.knop{display:inline-flex;align-items:center;gap:var(--ruimte-2);width:fit-content;padding:var(--ruimte-3) var(--ruimte-5);border-radius:var(--radius-rond);background:var(--kleur-primair);color:var(--kleur-op-primair);font-size:var(--tekst-sm);font-weight:500;transition:transform var(--duur-snel) var(--curve)}.knop:hover{transform:scale(1.03)}.knop--klein{padding:var(--ruimte-2) var(--ruimte-4)}.pijl-link{display:inline-flex;align-items:center;gap:var(--ruimte-3);font-size:var(--tekst-sm);font-weight:500}.pijl-link__rond{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-rond);background:var(--kleur-accent);color:var(--kleur-op-accent);transition:transform var(--duur-snel) var(--curve)}.pijl-link:hover .pijl-link__rond{transform:rotate(45deg)}.tekst-link{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.header{position:fixed;inset:0 0 auto;z-index:50;padding:var(--ruimte-5) var(--rand-pagina)}.header__balk{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);max-width:var(--breedte-max);margin-inline:auto;padding:var(--ruimte-3) var(--ruimte-3) var(--ruimte-3) var(--ruimte-5);border:1px solid var(--kleur-lijn);border-radius:var(--radius-rond);background:#faf9f4d9;box-shadow:var(--schaduw-klein);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:var(--tekst-lg);font-weight:600;letter-spacing:var(--spatiering-kop)}.nav{display:none}.nav__lijst{display:flex;gap:var(--ruimte-8);font-size:var(--tekst-sm);color:var(--kleur-tekst-zacht)}.nav__lijst a{transition:color var(--duur-snel)}.nav__lijst a:hover,.nav__lijst a[aria-current=page]{color:var(--kleur-tekst)}.nav__lijst a[aria-current=page]{text-decoration:underline;text-underline-offset:.35em;text-decoration-color:var(--kleur-accent-tekst)}.header__knop{display:none}.menu-knop{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--radius-rond);background:transparent;color:inherit;cursor:pointer}.menu-knop .icoon{width:1.5rem;height:1.5rem}.menu-knop .icoon--sluit,.menu-knop[aria-expanded=true] .icoon--open{display:none}.menu-knop[aria-expanded=true] .icoon--sluit{display:block}.mobiel-menu{max-width:var(--breedte-max);margin:var(--ruimte-2) auto 0;padding:var(--ruimte-6);border:1px solid var(--kleur-lijn);border-radius:var(--radius-xl);background:var(--kleur-achtergrond);box-shadow:var(--schaduw-groot)}.mobiel-menu[hidden]{display:none}.mobiel-menu ul{display:flex;flex-direction:column;gap:var(--ruimte-4);font-size:var(--tekst-lg)}.mobiel-menu a[aria-current=page]{color:var(--kleur-accent-tekst)}@media(min-width:768px){.nav,.header__knop{display:flex}.menu-knop,.mobiel-menu{display:none!important}}.hero__kaart{position:relative;isolation:isolate;display:flex;min-height:560px;overflow:hidden;padding:var(--kop-ruimte) var(--rand-pagina) 0;background:var(--kleur-accent)}.hero__tekst{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:var(--ruimte-16);padding:var(--ruimte-8) 0 var(--ruimte-8)}.hero h1{max-width:11ch;color:var(--kleur-primair);font-size:var(--tekst-hero);font-weight:500;line-height:var(--regel-strak);letter-spacing:var(--spatiering-hero)}.hero h1 em{letter-spacing:-.04em}.hero__onderschrift{color:#161a22b3;font-size:.6875rem;font-weight:500;letter-spacing:var(--spatiering-label);text-transform:uppercase}.hero__beeld{position:absolute;inset:0;z-index:-1}.hero__beeld img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform var(--duur-traag) var(--curve)}.hero__beeld:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#f3f1e8e6,#f3f1e88c 55%,#d8f06e1a)}.hero__kaart:hover .hero__beeld img{transform:scale(1.05)}.hero__watermerk{position:absolute;right:-1.25rem;bottom:-.75rem;z-index:1;color:#161a2214;font-size:clamp(5rem,17vw,17rem);font-weight:600;line-height:1;letter-spacing:-.12em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform var(--duur-middel) var(--curve)}.hero__kaart:hover .hero__watermerk{transform:translate(-.75rem) rotate(-3deg)}.hero__onder{padding:0 var(--rand-pagina) var(--sectie-ruimte)}.hero__voet{display:flex;flex-direction:column;justify-content:space-between;gap:var(--ruimte-8);margin-top:var(--ruimte-16);padding-top:var(--ruimte-6);border-top:1px solid var(--kleur-lijn)}.hero__intro{max-width:28rem;color:var(--kleur-tekst-zacht);font-size:var(--tekst-lg)}@media(min-width:900px){.hero__kaart{min-height:760px}.hero__tekst{padding:var(--ruimte-16) 0 var(--ruimte-12)}.hero__beeld img{object-position:50% 42%}.hero__beeld:after{background:linear-gradient(90deg,rgb(243 241 232 / .92),rgb(243 241 232 / .6) 40%,transparent 70%)}.hero__watermerk{right:-2.5rem;bottom:-2rem}.hero__voet{flex-direction:row;align-items:flex-end}}.sectie-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ruimte-6);margin-bottom:var(--ruimte-12)}.sectie-kop .label{margin-bottom:var(--ruimte-3)}.sectie-kop__link{display:none}@media(min-width:768px){.sectie-kop__link{display:inline-flex}}.kop-groot{font-size:var(--tekst-4xl);line-height:var(--regel-kop);letter-spacing:var(--spatiering-kop)}.pagina-kop{max-width:14ch;font-size:var(--tekst-6xl);line-height:var(--regel-strak);letter-spacing:var(--spatiering-hero)}.pagina-intro{max-width:36rem;margin-top:var(--ruimte-12);color:var(--kleur-tekst-zacht);font-size:var(--tekst-lg)}.cases{display:grid;gap:var(--ruimte-16)}.case{position:relative;display:grid;gap:var(--ruimte-6)}.case__plaat{position:relative;isolation:isolate;aspect-ratio:5 / 4;overflow:hidden;border-radius:var(--radius-lg);background:var(--merk-diep)}.case__plaat:before{content:"";position:absolute;z-index:-1;top:-18%;right:-14%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgb(255 255 255 / .35),transparent 45%),var(--merk);transition:transform var(--duur-traag) var(--curve)}.case__woord{position:absolute;z-index:-1;left:-.06em;bottom:-.22em;color:transparent;font-size:clamp(4rem,13vw,9rem);font-weight:600;line-height:1;letter-spacing:-.06em;white-space:nowrap;-webkit-text-stroke:1px rgb(255 255 255 / .22);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform var(--duur-traag) var(--curve)}.case__venster{position:absolute;top:17%;left:9%;width:104%;margin:0;overflow:hidden;border-radius:var(--radius-md);background:#fff;box-shadow:0 30px 60px -24px #0009,0 0 0 1px #ffffff1f;transform:rotate(-4deg);transform-origin:0 0;transition:transform var(--duur-traag) var(--curve)}.case__balk{display:flex;align-items:center;gap:.3rem;height:1.5rem;padding-inline:.6rem;background:#ecebe6;color:#6b6f78;font-size:.625rem;white-space:nowrap}.case__balk i{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:#c9c7c0}.case__balk span{margin-left:.5rem}.case__venster img{display:block;width:100%;height:auto}.case:hover .case__venster,.case:focus-within .case__venster{transform:translate(-3%,-4%) rotate(-1deg)}.case:hover .case__plaat:before,.case:focus-within .case__plaat:before{transform:translate(-6%,6%) scale(1.08)}.case:hover .case__woord,.case:focus-within .case__woord{transform:translate(4%)}.case__nummer{display:block;color:var(--kleur-tekst-zacht);font-family:var(--font-serif);font-size:var(--tekst-2xl);font-style:italic;line-height:1}.case__naam{margin-top:var(--ruimte-2);font-size:var(--tekst-xl);letter-spacing:var(--spatiering-klein)}.case__naam a:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.case__soort{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-1);color:var(--kleur-tekst-zacht);font-size:var(--tekst-sm)}.case__soort:before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--merk)}.case__tekst{max-width:34rem;margin-top:var(--ruimte-5);color:var(--kleur-tekst-zacht);font-size:var(--tekst-lg)}.case__bekijk{display:inline-flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-5);font-size:var(--tekst-sm);font-weight:500}.case__bekijk .icoon{transition:transform var(--duur-middel) var(--curve)}.case:hover .case__bekijk .icoon{transform:translate(2px,-2px)}.cases--kaarten .case__bekijk{display:none}@media(min-width:768px){.cases--kaarten{grid-template-columns:repeat(3,1fr);gap:var(--ruimte-8)}.cases--kaarten .case__woord{font-size:clamp(3.5rem,7vw,6rem)}}@media(min-width:900px){.cases--rijen{gap:var(--ruimte-24)}.cases--rijen .case{grid-template-columns:7fr 5fr;align-items:center;gap:var(--ruimte-16)}.cases--rijen li:nth-child(2n) .case{grid-template-columns:5fr 7fr}.cases--rijen li:nth-child(2n) .case__plaat{order:2}.cases--rijen .case__nummer{font-size:var(--tekst-6xl)}.cases--rijen .case__naam{font-size:var(--tekst-3xl);line-height:var(--regel-kop);letter-spacing:var(--spatiering-kop)}}@media(prefers-reduced-motion:reduce){.case__venster,.case__plaat:before,.case__woord,.case__bekijk .icoon{transition:none}}.over{display:grid;gap:var(--ruimte-12)}.over h2{color:var(--kleur-tekst-zacht);font-size:var(--tekst-sm);font-weight:400}.over__stelling{max-width:56rem;font-size:var(--tekst-3xl);line-height:1.15;letter-spacing:-.055em}.tags{display:flex;flex-wrap:wrap;gap:var(--ruimte-2);margin-top:var(--ruimte-10)}.tags li{padding:var(--ruimte-2) var(--ruimte-4);border:1px solid var(--kleur-lijn);border-radius:var(--radius-rond);font-size:var(--tekst-sm)}@media(min-width:768px){.over{grid-template-columns:.7fr 1.3fr}}.oproep{display:flex;flex-direction:column;gap:var(--ruimte-10)}.oproep__label{margin-bottom:var(--ruimte-5);color:#161a22b3;font-size:var(--tekst-sm)}.oproep h2{max-width:12ch;font-size:var(--tekst-5xl);font-weight:500;line-height:.92;letter-spacing:var(--spatiering-hero)}@media(min-width:768px){.oproep{flex-direction:row;align-items:flex-end;justify-content:space-between}}.diensten{margin-top:var(--ruimte-24);border-top:1px solid var(--kleur-lijn)}.dienst{display:grid;gap:var(--ruimte-5);padding-block:var(--ruimte-8);border-bottom:1px solid var(--kleur-lijn)}.dienst__nummer{color:var(--kleur-accent-tekst);font-size:var(--tekst-sm)}.dienst h2{font-size:var(--tekst-2xl);line-height:var(--regel-kop);letter-spacing:-.05em}.dienst p{max-width:24rem;color:var(--kleur-tekst-zacht)}@media(min-width:768px){.dienst{grid-template-columns:.3fr .7fr 1fr;align-items:start}}.werk-kop{display:flex;flex-direction:column;justify-content:space-between;gap:var(--ruimte-8)}.werk-kop p{max-width:20rem;color:var(--kleur-tekst-zacht)}.werk-raster{margin-top:var(--ruimte-20)}.melding{margin-top:var(--ruimte-8);color:var(--kleur-tekst-zacht);font-size:var(--tekst-sm)}@media(min-width:768px){.werk-kop{flex-direction:row;align-items:flex-end}}.contact{display:grid;gap:var(--ruimte-16);margin-top:var(--ruimte-16)}.contact__intro{color:var(--kleur-tekst-zacht)}.contact__mail{display:inline-block;margin-top:var(--ruimte-6);color:var(--kleur-tekst);font-size:var(--tekst-xl)}.kaart{padding:var(--ruimte-6);border-radius:var(--radius-lg);background:var(--kleur-achtergrond)}.kaart h2{margin-bottom:var(--ruimte-6);font-size:var(--tekst-2xl);line-height:var(--regel-kop);letter-spacing:-.05em}.checklijst{display:flex;flex-direction:column;margin-bottom:var(--ruimte-10);border-top:1px solid var(--kleur-lijn)}.checklijst li{display:flex;gap:var(--ruimte-3);padding-block:var(--ruimte-4);border-bottom:1px solid var(--kleur-lijn)}.checklijst .icoon{margin-top:.2em;color:var(--kleur-accent-tekst)}.tags--klein{margin:0 0 var(--ruimte-10)}@media(min-width:768px){.contact{grid-template-columns:.7fr 1.3fr}.kaart{padding:var(--ruimte-10)}}.lopend{max-width:42rem;margin-top:var(--ruimte-16)}.lopend h2{margin:var(--ruimte-12) 0 var(--ruimte-3);font-size:var(--tekst-2xl);line-height:var(--regel-kop);letter-spacing:-.04em}.lopend p+p{margin-top:var(--ruimte-4)}.lopend a{text-decoration:underline;text-underline-offset:.2em}.footer{padding:var(--ruimte-12) var(--rand-pagina);background:var(--kleur-primair);color:var(--kleur-op-primair)}.footer__boven{display:flex;flex-direction:column;justify-content:space-between;gap:var(--ruimte-12)}.footer .logo{font-size:var(--tekst-xl)}.footer__motto{max-width:20rem;margin-top:var(--ruimte-5);color:var(--kleur-op-primair-zacht);font-size:var(--tekst-sm)}.footer__kolommen{display:grid;grid-template-columns:repeat(2,auto);gap:var(--ruimte-8) var(--ruimte-16);font-size:var(--tekst-sm)}.footer__kolommen h2{margin-bottom:var(--ruimte-3);color:var(--kleur-op-primair-zacht);font-size:var(--tekst-sm);font-weight:400}.footer__kolommen ul{display:flex;flex-direction:column;gap:var(--ruimte-3)}.footer__kolommen a:hover{text-decoration:underline;text-underline-offset:.25em}.footer__onder{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ruimte-4);margin-top:var(--ruimte-16);padding-top:var(--ruimte-5);border-top:1px solid rgb(250 249 244 / .15);color:var(--kleur-op-primair-zacht);font-size:var(--tekst-xs)}.footer__onder a{text-decoration:underline;text-underline-offset:.2em}.footer :focus-visible{outline-color:var(--kleur-accent)}@media(min-width:768px){.footer{padding-block:var(--ruimte-16)}.footer__boven{flex-direction:row}}