:root{--page-title-display:none;}/* Start custom CSS *//* One Line Solutions · "Lijst" ontwerp · pagina 767 (Home nieuw ontwerp)
   Staat in Elementor > pagina-instellingen > Custom CSS. Alles is gescoped op deze pagina. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2"); }
@property --f { syntax: "<color>"; inherits: true; initial-value: #FFFFFF; }

/* ---------- Tokens ---------- */
body.elementor-page-767 {
  --base: #FFFFFF; --bubble: #F7EBE3;
  --ss: #F7EAE2; --pl: #E8F0EE; --bw: #F0EFE3;
  --t1: #F6E0D2; --t2: #DCEAE6; --t3: #F3DCD9; --t4: #E6E0EE; --t5: #E3EBD6;
  --ink: #1C1612; --ink-soft: #51463F; --accent: #F0A07E;
  --c-bg: #1C1612; --c-fg: #E4D9D1; --c-hi: #FFFFFF; --on-accent: #1C1612;
  --frame: #FFFFFF; --shadow: rgba(28,22,18,.14);
  --ds: .86; --trk: -0.045em;
  --h-xl: calc(var(--ds) * clamp(3.5rem, 10vw, 9.5rem));
  --gutter: calc(var(--ds) * clamp(20px, 8vw, 128px));
  --font: "Inter", system-ui, sans-serif;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  /* gedeelde footer (793) leest deze */
  --ols-ink: #1C1612; --ols-mustard: #F0A07E; --ols-sand: #E4D9D1; --ols-paper: #FFFFFF;
  --ols-display: var(--font); --ols-text: var(--font);
  /* paginakleur per sectie; de JS laat de hele pagina ernaartoe verlopen */
  --bg-hero: #FFFFFF; --bg-work: #FBEEE8; --bg-proces: #EEF3F1; --bg-contact: #1C1612;
  --f: var(--base);
  margin: 0; background: var(--f); color: var(--ink);
  font: 400 1.1875rem/1.6 var(--font);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  transition: --f .9s var(--ease-out);
}
html:has(body.elementor-page-767) { background: #FFFFFF; }
@media (prefers-reduced-motion: reduce) { body.elementor-page-767 { transition: none; } }
body.elementor-page-767 .elementor-767 { overflow-x: clip; }
body.elementor-page-767 :where(.elementor-767) .e-div-block-base { padding: 0; min-width: 0; }
body.elementor-page-767 :where(.elementor-767) .e-paragraph-base { font-family: var(--font); font-size: 1.1875rem; line-height: 1.6; }
body.elementor-page-767 .elementor-767 :is(h1, h2, h3) { margin: 0; font-family: var(--font); font-weight: 600; letter-spacing: var(--trk); line-height: 1; text-wrap: balance; color: var(--ink); }
body.elementor-page-767 ::selection { background: var(--ink); color: #FFFFFF; }
body.elementor-page-767 .elementor-767 :focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }

/* Header: wit logo-PNG wordt donker op de witte achtergrond */
body.elementor-page-767 .elementor-535 img.wp-image-122 { filter: brightness(0); opacity: .9; }

/* ---------- Line-drawn links ---------- */
body.elementor-page-767 .lj-ln, body.elementor-page-767 .lj-ln a {
  color: var(--ink); font-weight: 600; font-size: 1.0625rem; text-decoration: none;
}
body.elementor-page-767 .lj-ln { justify-self: start; }
body.elementor-page-767 .lj-ln, body.elementor-page-767 p.lj-ln > a {
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat;
  padding-bottom: 3px; transition: background-size .45s var(--ease-out);
}
body.elementor-page-767 p.lj-ln { background: none; padding: 0; }
body.elementor-page-767 :is(.lj-ln, p.lj-ln > a):hover,
body.elementor-page-767 .lj-row:hover .lj-ln { background-size: 0% 2px; background-position: 100% 100%; animation: lj-redraw .45s .2s var(--ease-out) forwards; }
@keyframes lj-redraw { from { background-size: 0% 2px; background-position: 0 100%; } to { background-size: 100% 2px; background-position: 0 100%; } }

/* ---------- Hero ---------- */
body.elementor-page-767 #lj-hero { position: relative; overflow-x: clip; min-height: 100svh; display: grid; align-items: center; padding: 120px var(--gutter) 80px; }
body.elementor-page-767 #lj-hero-row { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: start; column-gap: 48px; }
body.elementor-page-767 #hero-title { grid-column: 1; grid-row: 1; font-size: var(--h-xl); }
body.elementor-page-767 #lj-hero-intro { grid-column: 1; grid-row: 2; max-width: 32ch; margin-top: 40px; color: var(--ink-soft); }
body.elementor-page-767 #lj-bubble-wrap {
  --bub: clamp(15rem, 22vw, 20rem);
  grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: center; transform: translateX(clamp(0px, 4vw, 64px));
  position: relative; z-index: 5; /* boven de lijn (svg z-index 4) */
  display: grid; place-items: center; width: var(--bub); height: var(--bub);
}
body.elementor-page-767 #lj-bubble {
  position: relative; z-index: 1; width: var(--bub); height: var(--bub); border-radius: 50%;
  display: grid; place-items: center; text-align: center; text-decoration: none;
  background: color-mix(in srgb, var(--bubble) 82%, transparent); color: var(--ink); /* lijn schemert er zacht doorheen */
  transition: background-color .3s, transform .3s var(--ease-out);
}
body.elementor-page-767 #lj-bubble p { font: 700 calc(var(--bub) * .16)/1.05 "Lato", system-ui, sans-serif; letter-spacing: -0.01em; color: var(--ink); }
body.elementor-page-767 #lj-bubble:hover, body.elementor-page-767 #lj-bubble:focus-visible { background: color-mix(in srgb, color-mix(in srgb, var(--bubble) 60%, var(--accent)) 82%, transparent); transform: scale(1.04); }
body.elementor-page-767 .lj-ring { position: absolute; inset: 0; border-radius: 50%; border: 3px solid color-mix(in srgb, var(--ink) 18%, transparent); animation: lj-ring 3.6s var(--ease-out) infinite; opacity: 0; }
body.elementor-page-767 .lj-ring:nth-child(2) { animation-delay: 1.2s; }
body.elementor-page-767 .lj-ring:nth-child(3) { animation-delay: 2.4s; }
@keyframes lj-ring { 0% { transform: scale(.95); opacity: .9; } 100% { transform: scale(1.7); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { body.elementor-page-767 .lj-ring { animation: none; } }

/* Lamp (eerste span) en "canvas." (tweede span) in de titel */
body.elementor-page-767 #hero-title > span:first-of-type { display: inline-block; width: .58em; height: .92em; margin-left: .1em; vertical-align: -.06em; position: relative; }
body.elementor-page-767 #hero-title > span:last-of-type { position: relative; isolation: isolate; display: inline-block; font-style: italic; }
body.elementor-page-767 #hero-title svg { display: block; overflow: visible; }
body.elementor-page-767 .lj-bulb svg { width: 100%; height: 100%; }
body.elementor-page-767 .lj-bulb path { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 2; stroke-dashoffset: 1.02; }
body.elementor-page-767 .lj-bulb .b-glass { stroke: #F2C230; stroke-width: 3.4; }
body.elementor-page-767 .lj-bulb .b-fill  { stroke: #F7D54A; stroke-width: 6; opacity: .55; }
body.elementor-page-767 .lj-bulb .b-fil   { stroke: #F08A24; stroke-width: 2.6; }
body.elementor-page-767 .lj-bulb .b-dark  { stroke: #5F656B; stroke-width: 4; }
body.elementor-page-767 .lj-bulb .b-light { stroke: #A3A9AF; stroke-width: 4; }
body.elementor-page-767 .lj-bulb .b-ray   { stroke: #F2B42A; stroke-width: 3.6; }
@media (prefers-reduced-motion: reduce) { body.elementor-page-767 .lj-bulb path { stroke-dashoffset: 0; } }
body.elementor-page-767 .lj-paint-stroke { position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; }
body.elementor-page-767 .lj-paint-stroke path { fill: var(--accent); opacity: .92; }

/* ---------- Mijn werk ---------- */
body.elementor-page-767 #lj-work { padding: 9rem 0 10rem; }
/* De lijn: inkt op licht, helemaal oranje zodra de pagina donker is (contact in beeld) */
body.elementor-page-767 .lj-line-ink { transition: stroke .9s var(--ease-out); }
body.elementor-page-767.lj-dark .lj-line-ink { stroke: var(--accent); }
/* Met JS draagt de pagina zelf de kleur; zonder JS houdt contact zijn eigen donkere vlak */
body.elementor-page-767.lj-js #contact { background: transparent; }
/* Elke sectie minstens schermhoog, inhoud verticaal in het midden; meer inhoud = gewoon hoger */
body.elementor-page-767 :is(#lj-hero, #lj-work, #proces, #contact) { min-height: 100svh; box-sizing: border-box; }
body.elementor-page-767 #lj-work { display: flex; flex-direction: column; justify-content: center; }
body.elementor-page-767 :is(#proces, #contact) { align-content: center; }
body.elementor-page-767 #intro { padding: 0 var(--gutter); }
body.elementor-page-767 #intro h2 { font-size: var(--h-xl); }
body.elementor-page-767 #intro p { margin-top: 40px; max-width: 34ch; color: var(--ink-soft); }
body.elementor-page-767 #lj-rows { margin-top: 3.5rem; padding: 0 var(--gutter); }
body.elementor-page-767 .lj-row {
  display: grid; grid-template-columns: 1fr minmax(16rem, 26rem); gap: 2rem; align-items: center;
  padding: 2.75rem 0; border-bottom: 3px solid var(--ink); color: var(--ink); text-decoration: none; cursor: pointer;
}
body.elementor-page-767 .lj-row-thumb { display: none; }
body.elementor-page-767 .elementor-767 .lj-row-title { font-size: calc(var(--ds) * clamp(2.75rem, 7vw, 6rem)); transition: transform .6s var(--ease-out), opacity .4s; }
body.elementor-page-767 .lj-row-meta { display: grid; gap: 10px; justify-items: start; color: var(--ink-soft); }
/* Jaartal rechtsboven naast de projecttitel (de enige losse paragraaf in een rij) */
body.elementor-page-767 .lj-row { grid-template-columns: auto 1fr minmax(16rem, 26rem); column-gap: 0; }
body.elementor-page-767 .lj-row > .lj-row-title { grid-column: 1; grid-row: 1; }
body.elementor-page-767 .elementor-767 .lj-row > .e-paragraph-base {
  grid-column: 2; grid-row: 1; align-self: start; justify-self: start; margin: .4em 0 0 1rem;
  font-size: 1rem; line-height: 1.2; color: var(--ink);
  transition: transform .6s var(--ease-out), opacity .4s;
}
body.elementor-page-767 .lj-row > .lj-row-meta { grid-column: 3; grid-row: 1; margin-left: 2rem; }
body.elementor-page-767 .elementor-767 .lj-row:hover > .e-paragraph-base { transform: translateX(2.5rem); }
body.elementor-page-767 #lj-rows:has(.lj-row:hover) .lj-row:not(:hover) > .e-paragraph-base { opacity: .3; }
body.elementor-page-767 .lj-row:hover .lj-row-title, body.elementor-page-767 .lj-row:focus-visible .lj-row-title { transform: translateX(2.5rem); }
body.elementor-page-767 #lj-rows:has(.lj-row:hover) .lj-row:not(:hover) .lj-row-title { opacity: .3; }
body.elementor-page-767 .lj-row-thumb img, body.elementor-page-767 img.lj-row-thumb, body.elementor-page-767 .lj-preview img {
  width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: top center;
  border: 12px solid var(--frame); box-shadow: 0 24px 48px var(--shadow); background: var(--frame);
}
body.elementor-page-767 .lj-preview { position: fixed; left: 0; top: 0; z-index: 6; width: min(30vw, 440px); pointer-events: none; opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.9) rotate(-3deg); transition: opacity .35s var(--ease-out), scale .35s; }
body.elementor-page-767 .lj-preview.on { opacity: 1; }
body.elementor-page-767 .lj-preview img { display: block; }
@media (hover: none), (max-width: 860px) {
  body.elementor-page-767 .lj-row { grid-template-columns: 1fr; gap: 1rem; padding: 2.5rem 0; }
  body.elementor-page-767 .lj-row-thumb { display: block; }
  body.elementor-page-767 .lj-preview { display: none; }
  body.elementor-page-767 .lj-row:hover .lj-row-title { transform: none; }
  body.elementor-page-767 .lj-row { grid-template-columns: auto 1fr; }
  body.elementor-page-767 .lj-row > .lj-row-thumb { grid-column: 1 / -1; }
  body.elementor-page-767 .lj-row > .lj-row-title { grid-row: auto; }
  body.elementor-page-767 .elementor-767 .lj-row > .e-paragraph-base { grid-row: auto; margin-top: .35em; margin-left: .75rem; }
  body.elementor-page-767 .lj-row > .lj-row-meta { grid-column: 1 / -1; grid-row: auto; margin-left: 0; }
  body.elementor-page-767 .elementor-767 .lj-row:hover > .e-paragraph-base { transform: none; }
}

/* ---------- Werkwijze ----------
   Links een sticky kolom (titel, intro, stappen-navigatie, link) die blijft staan tot "Praatje maken?".
   Rechts is elke stap een eigen, schermhoog stuk: groot een lijntekening die zichzelf tekent, de tekst eronder.
   De paginakleur verloopt per stap (JS). */
body.elementor-page-767 #proces { display: grid; grid-template-columns: minmax(16rem, .8fr) 2fr; gap: 0 5rem; padding: 0 var(--gutter); align-items: start; }
body.elementor-page-767 #lj-proc-side { position: sticky; top: 0; height: 100svh; display: grid; align-content: center; gap: 24px; justify-items: start; }
body.elementor-page-767 .elementor-767 #lj-proc-title { font-size: calc(var(--ds) * clamp(3rem, 6.4vw, 6.5rem)); margin-bottom: .5rem; }
body.elementor-page-767 #lj-proc-side > p:not(.lj-ln) { color: var(--ink-soft); max-width: 30ch; }
body.elementor-page-767 #pv { display: none; }
body.elementor-page-767 .lj-pnav { list-style: none; margin: 1rem 0 1.25rem; padding: 0; display: grid; gap: .35rem; }
body.elementor-page-767 .lj-pnav button { all: unset; cursor: pointer; display: flex; align-items: center; gap: .75rem; font: 600 1.0625rem/1.5 var(--font); letter-spacing: -0.01em; color: color-mix(in srgb, var(--ink) 40%, var(--f)); transition: color .4s; }
body.elementor-page-767 .lj-pnav button::before { content: ""; width: 1.25rem; height: 3px; background: currentColor; transform: scaleX(.35); transform-origin: 0 50%; transition: transform .5s var(--ease-out); }
body.elementor-page-767 .lj-pnav button:hover { color: var(--ink); }
body.elementor-page-767 .lj-pnav .on button { color: var(--ink); }
body.elementor-page-767 .lj-pnav .on button::before { transform: none; }
body.elementor-page-767 .lj-pnav button:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }

body.elementor-page-767 #lj-proc-steps { position: relative; padding-left: 3.5rem; }
body.elementor-page-767 #lj-ptrack { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: color-mix(in srgb, var(--ink) 14%, transparent); }
body.elementor-page-767 #lj-ptrack::after { content: ""; position: absolute; left: 50%; top: calc(var(--pp, 0) * 100%); width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 5px var(--f); }

body.elementor-page-767 .lj-pstep {
  --top: 12vh; --art: 24rem; position: relative; min-height: 100svh; box-sizing: border-box; padding: var(--top) 0 14vh 1.75rem; margin-left: -1.75rem;
  display: grid; grid-template-columns: minmax(0, 1fr); align-content: start;
}
body.elementor-page-767 .lj-pstep > :not(.lj-pdot, .lj-part) { grid-column: 1; }
body.elementor-page-767 .lj-pdot { position: absolute; left: calc(-1.75rem + 1.5px); top: calc(var(--top) + var(--art) * .75 + 2.5rem + 1.25rem); width: 19px; height: 19px; margin-left: -9.5px; border-radius: 50%; background: var(--f); border: 3px solid var(--ink); z-index: 2; transition: background-color .4s var(--ease-out); }
body.elementor-page-767 .lj-pdot::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 3px solid var(--ink); opacity: 0; }
body.elementor-page-767 .lj-pstep.on .lj-pdot { background: var(--ink); }
body.elementor-page-767 .lj-pstep.active .lj-pdot::after { animation: lj-ping 1s var(--ease-out) 1; }
@keyframes lj-ping { from { transform: scale(1); opacity: .6; } to { transform: scale(2.6); opacity: 0; } }

body.elementor-page-767 .lj-phead { display: flex; align-items: center; gap: 1rem 1.25rem; flex-wrap: wrap; }
body.elementor-page-767 .elementor-767 .lj-phead h3 { flex: 1; font-size: calc(var(--ds) * clamp(2.5rem, 4.6vw, 4.25rem)); letter-spacing: -0.035em; transition: color .5s, transform .6s var(--ease-out); }
body.elementor-page-767.lj-js .elementor-767 .lj-pstep:not(.on) .lj-phead h3 { color: color-mix(in srgb, var(--ink) 45%, var(--f)); }
body.elementor-page-767 .lj-picon { display: none; width: 2.75rem; height: 2.75rem; flex: none; }
body.elementor-page-767 .lj-picon path { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
body.elementor-page-767 .lj-pdesc { margin-top: 1.25rem; max-width: 58ch; color: var(--ink-soft); }
body.elementor-page-767 .lj-pdesc + .lj-pdesc { margin-top: 1rem; }
body.elementor-page-767 .lj-pyou { margin-top: 2rem; max-width: 58ch; display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: baseline; }
body.elementor-page-767 .lj-pyou strong { font: 800 .9375rem var(--font); letter-spacing: -0.01em; background: var(--ink); color: var(--base); padding: .3rem .7rem; border-radius: 4px; }
/* tekst komt rustig binnen zodra de stap in beeld is */
body.elementor-page-767.lj-js .lj-pstep :is(.lj-pdesc, .lj-pyou) { opacity: 0; transform: translateY(1rem); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); }
body.elementor-page-767.lj-js .lj-pstep.on :is(.lj-pdesc, .lj-pyou) { opacity: 1; transform: none; }
body.elementor-page-767.lj-js .lj-pstep.on .lj-pdesc + .lj-pdesc { transition-delay: .12s; }
body.elementor-page-767.lj-js .lj-pstep.on .lj-pyou { transition-delay: .24s; }

/* Lijntekening per stap (JS), groot boven de tekst: tekent zich met één lijn, accentvlakjes kleuren daarna in */
body.elementor-page-767 .lj-part { grid-column: 1; grid-row: 1; width: min(100%, var(--art)); margin: 0 0 2.5rem; }
body.elementor-page-767 .lj-part svg { display: block; width: 100%; height: auto; overflow: visible; }
body.elementor-page-767 .lj-part .d { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1 2; stroke-dashoffset: 1.02; transition: stroke-dashoffset 1.2s var(--ease-out) calc(var(--i, 0) * 110ms); }
body.elementor-page-767 .lj-pstep.on .lj-part .d { stroke-dashoffset: 0; }
body.elementor-page-767 .lj-part .fl { fill: var(--accent); stroke: none; opacity: 0; transition: opacity .7s var(--ease-out) .9s; }
body.elementor-page-767 .lj-pstep.on .lj-part .fl { opacity: .55; }
body.elementor-page-767 .lj-part .ink { fill: var(--ink); stroke: none; opacity: 0; transition: opacity .5s 1s; }
body.elementor-page-767 .lj-pstep.on .lj-part .ink { opacity: 1; }
body.elementor-page-767 .lj-part text { font: 700 13px var(--font); letter-spacing: .04em; }
body.elementor-page-767 .lj-pstep.active .lj-part .dot { animation: lj-type 1.2s ease-in-out infinite; transform-box: fill-box; transform-origin: 50% 50%; }
body.elementor-page-767 .lj-pstep.active .lj-part .dot:nth-of-type(2) { animation-delay: .15s; }
body.elementor-page-767 .lj-pstep.active .lj-part .dot:nth-of-type(3) { animation-delay: .3s; }
@keyframes lj-type { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(-5px); } }
body.elementor-page-767 .lj-part .blk { opacity: 0; transform: translateY(-18px); transition: opacity .5s var(--ease-out), transform .7s cubic-bezier(.34, 1.4, .64, 1); transition-delay: calc(.8s + var(--i, 0) * 160ms); }
body.elementor-page-767 .lj-pstep.on .lj-part .blk { opacity: 1; transform: none; }
body.elementor-page-767 .lj-part .blk.fl { opacity: 0; }
body.elementor-page-767 .lj-pstep.on .lj-part .blk.fl { opacity: .55; }
body.elementor-page-767 .lj-pstep.active .lj-part .ring { animation: lj-live 1.6s var(--ease-out) infinite; transform-box: fill-box; transform-origin: 50% 50%; }
@keyframes lj-live { from { transform: scale(1); opacity: .9; } to { transform: scale(2.8); opacity: 0; } }

@media (max-width: 860px) {
  /* geen grid: dan blijft de sticky balk staan tot het eind van de hele sectie */
  body.elementor-page-767 #proces { display: block; padding-top: 0; }
  body.elementor-page-767 #lj-proc-side { z-index: 5; height: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0 0 0 calc(var(--gutter) * -1); width: calc(100% + var(--gutter) * 2); box-sizing: border-box; padding: 1rem var(--gutter) .9rem; background: var(--f); }
  body.elementor-page-767 .elementor-767 #lj-proc-title { font-size: 2.25rem; margin: 0; }
  body.elementor-page-767 #lj-proc-side > p { display: none; }
  body.elementor-page-767 .lj-pnav { margin: 0; }
  body.elementor-page-767 .lj-pnav li:not(.on) { display: none; }
  body.elementor-page-767 .lj-pnav button { font-size: .9375rem; }
  body.elementor-page-767 .lj-pnav button::before { display: none; }
  body.elementor-page-767 #lj-proc-steps { padding-left: 1.75rem; }
  body.elementor-page-767 .lj-pstep { --top: 8vh; min-height: 90svh; padding: var(--top) 0 8vh 1.25rem; margin-left: -1.25rem; }
  body.elementor-page-767 .lj-part { width: 100%; margin-bottom: 2rem; }
  body.elementor-page-767 .lj-pdot { display: none; }
  body.elementor-page-767 .elementor-767 .lj-phead h3 { font-size: 2.25rem; }
  body.elementor-page-767 .lj-pyou { grid-template-columns: 1fr; gap: .5rem; }
  body.elementor-page-767 .lj-pyou strong { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-767 .lj-part .d { stroke-dashoffset: 0; transition: none; }
  body.elementor-page-767 .lj-part :is(.fl, .ink, .blk) { transition: none; }
  body.elementor-page-767 .lj-part :is(.dot, .ring) { animation: none !important; }
  body.elementor-page-767.lj-js .lj-pstep :is(.lj-pdesc, .lj-pyou) { opacity: 1; transform: none; transition: none; }
  body.elementor-page-767 .lj-phead h3 { transition: none; }
  body.elementor-page-767 .lj-pstep.active .lj-pdot::after { animation: none; }
}

/* ---------- Contact ---------- */
body.elementor-page-767 #contact { position: relative; background: var(--c-bg); color: var(--c-fg); padding: 8rem var(--gutter) 9rem; display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; }
body.elementor-page-767 #lj-contact-text { display: block; }
body.elementor-page-767 .elementor-767 #contact h2 { color: var(--accent); font-size: var(--h-xl); }
body.elementor-page-767 #lj-c-intro { margin-top: 28px; max-width: 32ch; color: var(--c-fg); }
body.elementor-page-767 #lj-mail-wrap { margin-top: 56px; }
body.elementor-page-767 #mail { display: inline-block; font: 600 calc(var(--ds) * clamp(1.25rem, 2.2vw, 2rem)) var(--font); letter-spacing: -0.02em; overflow-wrap: anywhere; border-bottom: 3px solid var(--accent); padding-bottom: 12px; }
body.elementor-page-767 #mail a { color: var(--c-hi); text-decoration: none; transition: color .25s; cursor: pointer; }
body.elementor-page-767 #mail a:hover { color: var(--accent); }
body.elementor-page-767 #lj-form { display: grid; gap: 0; padding: 0; }
body.elementor-page-767 #lj-form label { margin-top: 1rem; font: 600 .9375rem var(--font); color: var(--c-fg); }
body.elementor-page-767 #lj-form :is(input, textarea) { width: 100%; height: auto; font: 400 1.125rem/1.5 var(--font); color: var(--c-hi); background: transparent; border: 0; border-bottom: 2px solid color-mix(in srgb, var(--c-fg) 40%, transparent); padding: .625rem 0; border-radius: 0; }
body.elementor-page-767 #lj-form :is(input, textarea)::placeholder { color: color-mix(in srgb, var(--c-fg) 55%, transparent); }
body.elementor-page-767 #lj-form :is(input, textarea):focus { outline: none; border-color: var(--accent); }
body.elementor-page-767 #lj-form textarea { min-height: 7rem; resize: vertical; }
body.elementor-page-767 #lj-form button { justify-self: start; margin-top: 2rem; padding: 1rem 2.5rem; border: 0; border-radius: 999px; background: var(--accent); color: var(--on-accent); font: 700 1.0625rem var(--font); cursor: pointer; transition: background-color .25s, transform .25s; }
body.elementor-page-767 #lj-form button:hover, body.elementor-page-767 #lj-form button:focus-visible { background: var(--c-hi); transform: translateY(-2px); }
body.elementor-page-767 #lj-form :is(.e-form-success-message-base, .e-form-error-message-base) { margin-top: 1.5rem; padding: 1rem 1.25rem; font: 400 1rem var(--font); color: var(--ink); text-align: left; border-radius: 0; }
body.elementor-page-767 #lj-form .e-form-success-message-base { background: var(--accent); }
body.elementor-page-767 #lj-form .e-form-error-message-base { background: var(--c-fg); }
body.elementor-page-767 #contact ::selection { background: var(--accent); color: var(--on-accent); }
@media (max-width: 860px) {
  body.elementor-page-767 #lj-hero-row { grid-template-columns: 1fr; }
  body.elementor-page-767 #lj-bubble-wrap { grid-column: 1; grid-row: 3; transform: none; margin-top: 24px; }
  body.elementor-page-767 #contact { grid-template-columns: 1fr; gap: 4rem; padding-top: 6rem; }
}
@media (max-width: 600px) { body.elementor-page-767 #lj-bubble-wrap { --bub: 14rem; } }

/* ---------- Gedeelde footer (793) in dit palet ---------- */
body.elementor-page-767 .elementor-793 .e-1eea666-4abc { background-color: color-mix(in srgb, var(--ols-sand) 18%, transparent); }
body.elementor-page-767 .elementor-793 :is(.e-6683adef-e1b5, .e-241046b3-5007, .e-5ceea2de-e834) { color: color-mix(in srgb, var(--ols-sand) 75%, transparent); }
body.elementor-page-767 .elementor-793 ::selection { background: var(--accent); color: var(--ink); }
body.elementor-page-767 e-page-transition { background-color: var(--base); }/* End custom CSS */