/* lash-brow-studio-werkwijze: React Bits Pro loupe-image (origineel gecompileerd, assets/loupe-image.bundle.js)
   en blur-highlight (motion-port). Bron-CSS van beide gescoped onder de root. */
.msm-lash-brow-studio-werkwijze{--ww-p:var(--m-primary,#7a3b5a);--ww-bg:var(--m-bg,#f6efec);--ww-ink:var(--m-ink,#2a1d24);--ww-s:var(--m-surface,#fffaf8);--ww-mu:var(--m-muted,#6f5e66);--ww-a:var(--m-accent2,#c99a7f);--ww-hl:color-mix(in srgb,var(--ww-a) 42%,transparent);--ww-line:color-mix(in srgb,var(--ww-ink) 14%,transparent);position:relative;scroll-margin-top:112px;padding:clamp(64px,8vw,120px) 16px;background:var(--ww-s);color:var(--ww-ink);font-family:var(--m-font-body,"Jost","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.6}
.msm-lash-brow-studio-werkwijze *{box-sizing:border-box}
.msm-lash-brow-studio-werkwijze [hidden]{display:none!important}
.msm-lash-brow-studio-werkwijze .ww-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center;width:100%;max-width:1240px;margin:0 auto}
.msm-lash-brow-studio-werkwijze .ww-photo{margin:0;min-width:0}
.msm-lash-brow-studio-werkwijze .ww-loupe{position:relative;width:100%;color:var(--ww-ink)}
.msm-lash-brow-studio-werkwijze .ww-img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px;background:color-mix(in srgb,var(--ww-p) 12%,var(--ww-bg))}
.msm-lash-brow-studio-werkwijze .ww-host{width:100%}
.msm-lash-brow-studio-werkwijze .ww-host img{background:color-mix(in srgb,var(--ww-p) 12%,var(--ww-bg))}
.msm-lash-brow-studio-werkwijze .loupe-image{position:relative;isolation:isolate;width:100%;user-select:none;-webkit-user-select:none;outline:none}
.msm-lash-brow-studio-werkwijze .loupe-image:focus-visible{outline:2px solid color-mix(in oklch,currentColor 45%,transparent);outline-offset:4px}
.msm-lash-brow-studio-werkwijze .ww-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:14px;font-size:14px;color:var(--ww-mu)}
.msm-lash-brow-studio-werkwijze .ww-zoom{font-variant-numeric:tabular-nums;color:var(--ww-ink)}
.msm-lash-brow-studio-werkwijze .ww-kicker{margin:0 0 14px;color:var(--ww-p);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.msm-lash-brow-studio-werkwijze .ww-title{margin:0;font-family:var(--m-font-display,"Bodoni Moda","Didot","Bodoni 72",Georgia,serif);font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.02em}
.msm-lash-brow-studio-werkwijze .ww-par{margin:24px 0 0;max-width:56ch;font-size:clamp(18px,1.6vw,21px);line-height:1.7;color:var(--ww-ink)}
.msm-lash-brow-studio-werkwijze .blur-highlight-container{display:block;will-change:filter,opacity}
.msm-lash-brow-studio-werkwijze .highlight-text-wrapper{display:inline}
.msm-lash-brow-studio-werkwijze .highlight-text-content{display:inline;padding:0 .08em;background-image:linear-gradient(var(--ww-hl),var(--ww-hl));background-repeat:no-repeat;background-position:0% 0%;background-size:0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.msm-lash-brow-studio-werkwijze .highlight-text-content.is-on{background-size:100% 100%}
.msm-lash-brow-studio-werkwijze .ww-pmu{display:flex;align-items:flex-start;gap:12px;margin:28px 0 0;padding:16px 18px;border:1px solid var(--ww-line);border-radius:16px;background:color-mix(in srgb,var(--ww-bg) 60%,var(--ww-s));font-size:15px;line-height:1.55}
.msm-lash-brow-studio-werkwijze .ww-pmu svg{flex-shrink:0;width:22px;height:22px;fill:none;stroke:var(--ww-p);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msm-lash-brow-studio-werkwijze .ww-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--ww-p);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.msm-lash-brow-studio-werkwijze .ww-link:hover{color:var(--ww-ink)}
.msm-lash-brow-studio-werkwijze .ww-link:focus-visible{outline:2px solid var(--ww-ink);outline-offset:4px;border-radius:2px}
.msm-lash-brow-studio-werkwijze .ww-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:860px){.msm-lash-brow-studio-werkwijze .ww-wrap{grid-template-columns:minmax(0,1fr)}.msm-lash-brow-studio-werkwijze .ww-img{border-radius:22px}}
@media (prefers-reduced-motion:reduce){.msm-lash-brow-studio-werkwijze .blur-highlight-container{filter:none!important;opacity:1!important}.msm-lash-brow-studio-werkwijze .highlight-text-content{background-size:100% 100%}}
