*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font:1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--accent-ink)}[data-site=fotograaf] a{color:var(--accent)}h1,h2,h3{font-family:var(--font-head);font-weight:var(--head-weight);font-style:var(--head-style);text-transform:var(--head-case);letter-spacing:var(--head-spacing);text-wrap:balance;line-height:1.12}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{font:inherit;color:inherit}.wrap{width:min(72rem,100%);margin:0 auto;padding:0 1.25rem}.skip{z-index:50;background:var(--ink);color:var(--bg);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.5rem}.demo-bar{z-index:30;color:#fff;text-align:center;background:#1f1f1f;padding:.45rem 1rem;font:.8125rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative}.demo-bar a{color:#ffc59e}.top{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid #0000;transition:box-shadow .3s,border-color .3s;position:sticky;top:0}.top.is-scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px #0000000f}.top-inner{align-items:center;gap:.75rem 1.75rem;padding-top:.8rem;padding-bottom:.8rem;display:flex}.logo{color:var(--ink);flex:none;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;transition:transform .4s cubic-bezier(.3,1.6,.5,1);display:grid}.logo:hover .logo-mark{transform:rotate(-12deg)scale(1.08)}.logo-text{line-height:1.15;display:grid}.logo-text strong{font-family:var(--font-head);font-size:1.2rem;font-weight:var(--head-weight);font-style:var(--head-style)}.logo-text small{color:var(--muted);font-size:.75rem}.top nav{min-width:0;margin-left:auto}.top ul{gap:.25rem 1.4rem;margin:0;padding:0;list-style:none;display:flex}.top nav a{color:var(--ink);white-space:nowrap;font-size:.95rem;text-decoration:none;position:relative}.top nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:-.25rem;left:0;right:0;transform:scaleX(0)}.top nav a:hover:after,.top nav a:focus-visible:after,.top nav a[aria-current=page]:after{transform:scaleX(1)}.top nav a[aria-current=page]{color:var(--accent-ink)}[data-site=fotograaf] .top nav a[aria-current=page]{color:var(--accent)}.top-cta{background:var(--accent-ink);border-radius:999px;flex:none;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;color:#fff!important}.top-cta:hover{box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-2px)}[data-site=kapper] .top-cta,[data-site=autobedrijf] .top-cta{border-radius:var(--radius)}[data-site=kapper] .top nav a,[data-site=fotograaf] .top nav a,[data-site=autobedrijf] .top nav a{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}[data-site=autobedrijf] .top nav a{letter-spacing:.06em;font-weight:700}[data-site=kapper] .logo-mark,[data-site=autobedrijf] .logo-mark{border-radius:var(--radius)}[data-site=fotograaf] .logo-mark{border:1px solid var(--accent);color:var(--accent);background:0 0}[data-site=visser] .logo-mark{border-radius:4px;transform:rotate(-4deg)}[data-site=hobbykok] .top nav a{border-radius:999px;padding:.3rem .8rem}[data-site=hobbykok] .top nav a:after{display:none}[data-site=hobbykok] .top nav a[aria-current=page],[data-site=hobbykok] .top nav a:hover{background:var(--soft)}@media (width<=820px){.top-inner{flex-wrap:wrap}.top nav{scrollbar-width:none;flex:1 0 100%;order:3;width:100%;margin:0 -1.25rem;padding:0 1.25rem;overflow-x:auto}.top nav ul{padding-bottom:.25rem}.top-cta{margin-left:auto;padding:.45rem .9rem;font-size:.8rem}.logo-text small{display:none}}.btn{background:var(--accent-ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s;display:inline-flex}.btn:hover{box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-2px)}.btn .arrow{transition:transform .25s}.btn:hover .arrow{transform:translate(4px)}.btn--ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.btn--ghost:hover{box-shadow:inset 0 0 0 2px,0 12px 24px #0000001f}.photo{object-fit:cover;width:100%;height:100%}.kenburns{transform-origin:60% 40%;animation:24s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.14)translate(-1.5%,1%)}}.zoom-frame{overflow:hidden}.zoom-frame img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.zoom-frame:hover img,a:hover .zoom-frame img,a:focus-visible .zoom-frame img{transform:scale(1.06)}.ai-line{color:var(--muted);font-size:.8rem}.soon{background:var(--soft);color:var(--accent-ink);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:700;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.motion [data-reveal]{transition:opacity .9s ease var(--d,0s), transform .9s cubic-bezier(.2, .7, .2, 1) var(--d,0s), clip-path 1.1s cubic-bezier(.6, 0, .2, 1) var(--d,0s)}.motion [data-reveal]:not(.is-in){opacity:0;transform:translateY(32px)}.motion [data-reveal=left]:not(.is-in){transform:translate(-40px)}.motion [data-reveal=right]:not(.is-in){transform:translate(40px)}@media (width<=820px){.motion [data-reveal=left]:not(.is-in),.motion [data-reveal=right]:not(.is-in){transform:translateY(32px)}}.motion [data-reveal=zoom]:not(.is-in){transform:scale(.94)}.motion [data-reveal=wipe]:not(.is-in){opacity:1;transform:none}.motion [data-reveal=wipe]>*{clip-path:inset(0);transition:clip-path 1.1s cubic-bezier(.6, 0, .2, 1) var(--d,0s)}.motion [data-reveal=wipe]:not(.is-in)>*{clip-path:inset(0 100% 0 0)}.foot{background:var(--dark);color:#e9e4dc;padding:3.5rem 0 1.5rem;font-size:.9rem}.foot a{color:inherit}.foot-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;display:grid}.foot p{margin:0 0 .6rem}.foot ul{margin:0;padding:0;list-style:none}.foot li{margin-bottom:.35rem}.foot-name{font-family:var(--font-head);font-size:1.4rem;font-style:var(--head-style);font-weight:var(--head-weight)}.foot-head{letter-spacing:.14em;opacity:.8;text-transform:uppercase;font-size:.75rem;font-weight:700}.foot-made{opacity:.8;border-top:1px solid #ffffff26;font-size:.8rem;margin-top:2.5rem!important;padding-top:1.25rem!important}.post-hero{background:var(--dark);height:clamp(16rem,52vh,34rem);position:relative;overflow:hidden}.post-hero img{object-fit:cover;width:100%;height:100%}.post-hero:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--dark) 70%, transparent), transparent 55%);position:absolute;inset:0}.post{z-index:1;border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);max-width:46rem;margin:-5rem auto 0;padding:2.25rem 1.5rem 4rem;position:relative}.post .back{font-size:.9rem;text-decoration:none}.post .back:hover{text-decoration:underline}.post h1{margin:.75rem 0 .5rem;font-size:clamp(1.9rem,5vw,3rem)}.post .meta{color:var(--muted);margin:0 0 2rem;font-size:.9rem}.post .lede{font-size:1.25rem;line-height:1.55}.post h2{margin:2.25rem 0 .5rem;font-size:1.5rem}.post-facts{border-radius:var(--radius);background:var(--soft);color:#1f1f1f;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem 1.5rem;margin:1.5rem 0;padding:1.1rem 1.25rem;display:grid}.post-facts div{display:grid}.post-facts dt{color:#555;font-size:.8rem}.post-facts dd{margin:0;font-weight:700}.recipe{border:2px solid var(--accent);border-radius:var(--radius);margin-top:2.5rem;padding:1.75rem}.recipe h2{margin-top:0}.recipe h3{margin:1.25rem 0 .5rem;font-size:1.15rem}.recipe ul,.recipe ol{margin:0;padding-left:1.3rem}.recipe li{margin-bottom:.35rem}.print-btn{margin-top:1.25rem}.print-btn[hidden]{display:none}.post-cta{margin:2.5rem 0 0}@media print{.demo-bar,.top,.foot,.post-hero,.post>:not(.recipe,h1),.print-btn{display:none!important}.post{margin:0}.recipe{border:0;padding:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}