/* zonnestudio-bezoek: zo verloopt je eerste bezoek (werkwijze van Lichtkamer, fictief).
   Vorm: React Bits Pro Blocks/features-16 als block-port: kop en toelichting in twee kolommen vanaf lg,
   drie kaarten (rounded 28 px, padding 8 px) met een beeldvak van 4:3 (rounded 20 px) en één lichtstroom
   die door de drie vakken loopt (module.js tekent die op canvas 2d, met de deeltjesstroom van de bron).
   Kop: React Bits Pro glitch-text, origineel gecompileerd (assets/glitch-text.bundle.js). */
.msm-zonnestudio-bezoek{--zb-p:var(--m-primary,#d9633d);--zb-bg:var(--m-bg,#f0ede7);--zb-ink:var(--m-ink,#20282a);--zb-s:var(--m-surface,#faf7f1);--zb-mu:var(--m-muted,#666e70);--zb-a:var(--m-accent2,#2c3335);--zb-l:var(--m-line,#dcd6cb);position:relative;overflow-x:clip;scroll-margin-top:112px;padding:clamp(56px,7vw,112px) 16px;background:var(--zb-bg);color:var(--zb-ink);font-family:var(--m-font-body,"DM Sans","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-zonnestudio-bezoek *{box-sizing:border-box}
.msm-zonnestudio-bezoek [hidden]{display:none!important}
.msm-zonnestudio-bezoek .zb-wrap{width:min(1400px,100%);margin:0 auto}
@media (min-width:640px){.msm-zonnestudio-bezoek{padding-left:24px;padding-right:24px}}
@media (min-width:1024px){.msm-zonnestudio-bezoek{padding-left:32px;padding-right:32px}}

/* features-16: grid gap-5, lg:grid-cols-2 items-end gap-16 */
.msm-zonnestudio-bezoek .zb-head{display:grid;gap:20px}
@media (min-width:1024px){.msm-zonnestudio-bezoek .zb-head{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:64px}.msm-zonnestudio-bezoek .zb-lead{justify-self:end}}
.msm-zonnestudio-bezoek .zb-kicker{margin:0 0 14px;color:var(--zb-p);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.msm-zonnestudio-bezoek .zb-title{position:relative;margin:0;width:fit-content;max-width:min(100%,16ch);font:700 clamp(36px,4.2vw,48px)/1.04 var(--m-font-display,"Syne","Segoe UI",system-ui,sans-serif);letter-spacing:-1px;text-wrap:balance;color:var(--zb-ink)}
.msm-zonnestudio-bezoek .zb-title.is-canvas{color:transparent}
.msm-zonnestudio-bezoek .zb-glitch{position:absolute;inset:-32px}
.msm-zonnestudio-bezoek .zb-lead{margin:0;max-width:44ch;color:var(--zb-mu);font-size:16px;line-height:1.625;text-wrap:pretty}

/* drie kaarten: mt-12 sm:mt-16, grid gap-4, md:grid-cols-3; kaart rounded-[28px] p-2; beeldvak 4:3 rounded-[20px] */
.msm-zonnestudio-bezoek .zb-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:48px}
@media (min-width:640px){.msm-zonnestudio-bezoek .zb-row{margin-top:64px}}
@media (min-width:768px){.msm-zonnestudio-bezoek .zb-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
.msm-zonnestudio-bezoek .zb-card{display:flex;flex-direction:column;padding:8px;border-radius:28px;background:var(--zb-s)}
.msm-zonnestudio-bezoek .zb-panel{position:relative;aspect-ratio:4/3;width:100%;border-radius:20px;background:var(--zb-bg);overflow:hidden;touch-action:pan-y}
.msm-zonnestudio-bezoek .zb-panel img{display:block;width:100%;height:100%;object-fit:cover}
.msm-zonnestudio-bezoek .zb-stream{position:absolute;left:0;top:0;z-index:1;display:block;pointer-events:none}
.msm-zonnestudio-bezoek .zb-body{display:flex;flex:1;flex-direction:column;padding:20px 16px 16px}
@media (min-width:640px){.msm-zonnestudio-bezoek .zb-body{padding-left:20px;padding-right:20px}}
.msm-zonnestudio-bezoek .zb-body-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.msm-zonnestudio-bezoek .zb-card-title{margin:0;font:600 18px/1.3 var(--m-font-display,"Syne","Segoe UI",system-ui,sans-serif);letter-spacing:-.01em}
.msm-zonnestudio-bezoek .zb-step{flex:none;color:var(--zb-p);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}
.msm-zonnestudio-bezoek .zb-card-text{margin:8px 0 0;color:var(--zb-mu);font-size:15px;line-height:1.625;text-wrap:pretty}

.msm-zonnestudio-bezoek .zb-foot{margin:28px 0 0;max-width:72ch;color:var(--zb-mu);font-size:15px}
.msm-zonnestudio-bezoek .zb-link{color:var(--zb-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--zb-p)}
.msm-zonnestudio-bezoek .zb-link:hover{color:var(--zb-p)}
.msm-zonnestudio-bezoek .zb-link:focus-visible{outline:3px solid var(--zb-p);outline-offset:3px}

/* originele glitch-text.css, gescoped (hoogte volgt de kop) */
.msm-zonnestudio-bezoek .glitch-text-container{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.msm-zonnestudio-bezoek .glitch-text-canvas{width:100%;height:100%;display:block;cursor:default;touch-action:pan-y}

@media (prefers-reduced-motion:reduce){
.msm-zonnestudio-bezoek .zb-glitch{display:none}
.msm-zonnestudio-bezoek .zb-title.is-canvas{color:var(--zb-ink)}
}