.msm-camping-avond{--av-p:var(--m-primary,#2f5d46);--av-ink:var(--m-ink,#1d2620);--av-s:var(--m-surface,#fffdf7);--av-bg:var(--m-bg,#f3efe4);--av-a:var(--m-accent2,#e08a3c);--av-l:var(--m-line,#d9d3c2);--av-soft:color-mix(in srgb,var(--av-s) 72%,var(--av-ink));position:relative;scroll-margin-top:112px;padding:clamp(72px,9vw,128px) 0;background:var(--av-ink);color:var(--av-s);font-family:var(--m-font-body,"Hanken Grotesk","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-camping-avond *{box-sizing:border-box}
.msm-camping-avond [hidden]{display:none!important}
.msm-camping-avond .av-wrap{width:min(1240px,100% - 32px);margin:0 auto}
.msm-camping-avond .av-head{max-width:760px;margin-bottom:clamp(24px,3vw,40px)}
.msm-camping-avond .av-kicker{margin:0 0 10px;color:var(--av-a);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.msm-camping-avond .av-title{margin:0;font:600 clamp(36px,5.4vw,64px)/1.04 var(--m-font-display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);letter-spacing:-.02em;color:var(--av-s)}
.msm-camping-avond .staggered-text{white-space:pre-wrap;word-wrap:break-word}
.msm-camping-avond .staggered-text.staggered-text--flex{display:flex;flex-wrap:wrap}
.msm-camping-avond .ms-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msm-camping-avond .av-intro{margin:16px 0 0;max-width:62ch;color:var(--av-soft);font-size:18px}
.msm-camping-avond .av-fallback{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.msm-camping-avond .av-fallback figure{margin:0}
.msm-camping-avond .av-fallback figcaption{margin:0 0 8px;font-weight:700;letter-spacing:.06em}
.msm-camping-avond .av-fallback img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;background:color-mix(in srgb,var(--av-p) 30%,var(--av-ink))}
.msm-camping-avond .av-slider{position:relative;aspect-ratio:3/2;width:100%}
.msm-camping-avond .comparison-slider-wrapper{position:relative;width:100%;height:100%;border-radius:22px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);overflow:hidden;transition:opacity .4s}
.msm-camping-avond .comparison-slider{position:relative;width:100%;height:100%;overflow:hidden;user-select:none}
.msm-camping-avond .opacity-0{opacity:0}
.msm-camping-avond .comparison-slider-layer,.msm-camping-avond .comparison-slider-overlay{position:absolute;inset:0;width:100%;height:100%}
.msm-camping-avond .comparison-slider-clip{will-change:clip-path}
.msm-camping-avond .comparison-slider-gpu{transform:translateZ(0);backface-visibility:hidden}
.msm-camping-avond .comparison-slider-image{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;background:color-mix(in srgb,var(--av-p) 30%,var(--av-ink))}
.msm-camping-avond .comparison-slider-handle{position:absolute;will-change:transform;z-index:10;cursor:grab}
.msm-camping-avond .comparison-slider-handle.horizontal{top:0;left:0;height:100%}
.msm-camping-avond .comparison-slider-handle.dragging{cursor:grabbing}
.msm-camping-avond .comparison-slider-handle.vertical{left:0;width:100%}
.msm-camping-avond .comparison-slider-divider{position:absolute}
.msm-camping-avond .comparison-slider-divider.horizontal{top:0;height:100%;left:50%}
.msm-camping-avond .comparison-slider-divider.vertical{left:0;width:100%;top:50%}
.msm-camping-avond .comparison-slider-handle-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease}
.msm-camping-avond .comparison-slider-handle-button.active{transform:translate(-50%,-50%) scale(1.1)}
.msm-camping-avond .comparison-slider-handle-button:focus-visible{outline:3px solid var(--av-s);outline-offset:4px}
.msm-camping-avond .comparison-slider-handle-button svg{width:20px;height:20px}
.msm-camping-avond .comparison-slider-icon{width:24px;height:24px}
.msm-camping-avond .comparison-slider-label{position:absolute;font-size:.875rem;font-weight:700;padding:.375rem .75rem;border-radius:.25rem;backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);color:white;pointer-events:none;z-index:10;letter-spacing:.06em}
.msm-camping-avond .comparison-slider-label.top-left{top:1rem;left:1rem}
.msm-camping-avond .comparison-slider-label.top-right{top:1rem;right:1rem}
.msm-camping-avond .comparison-slider-label.bottom-left{bottom:1rem;left:1rem}
.msm-camping-avond .comparison-slider-label.bottom-right{bottom:1rem;right:1rem}
.msm-camping-avond .comparison-slider-label.av-label-after{left:auto;right:1rem}
.msm-camping-avond .comparison-slider-percentage{position:absolute;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;background-color:rgba(0,0,0,.7);color:white;backdrop-filter:blur(12px);pointer-events:none;z-index:20}
.msm-camping-avond .comparison-slider-percentage.top{top:1rem;left:50%;transform:translateX(-50%)}
.msm-camping-avond .comparison-slider-percentage.bottom{bottom:1rem;left:50%;transform:translateX(-50%)}
.msm-camping-avond .av-motes{position:absolute;left:var(--av-motes-left,56%);width:var(--av-motes-width,38%);top:var(--av-motes-top,2%);bottom:var(--av-motes-bottom,24%);z-index:2;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.msm-camping-avond .rising-particles{position:relative;overflow:hidden;width:100%;height:100%}
.msm-camping-avond .rising-particles-canvas{position:absolute;inset:0}
.msm-camping-avond .av-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(28px,4vw,48px);align-items:start}
.msm-camping-avond .av-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.msm-camping-avond .av-item{display:grid;align-content:start;gap:8px;padding:16px 16px 20px;border:1px solid color-mix(in srgb,var(--av-s) 14%,transparent);border-radius:20px;background:color-mix(in srgb,var(--av-s) 6%,var(--av-ink))}
.msm-camping-avond .av-item img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:color-mix(in srgb,var(--av-a) 10%,var(--av-ink))}
.msm-camping-avond .av-item h3,.msm-camping-avond .av-rules h3{margin:6px 0 0;font:600 20px/1.2 var(--m-font-display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);color:var(--av-s)}
.msm-camping-avond .av-item p{margin:0;color:var(--av-soft);font-size:15px}
.msm-camping-avond .av-rules{padding:22px 24px 26px;border-radius:20px;background:color-mix(in srgb,var(--av-a) 14%,var(--av-ink));border:1px solid color-mix(in srgb,var(--av-a) 30%,transparent)}
.msm-camping-avond .av-rules ul{margin:12px 0 18px;padding:0 0 0 20px;color:var(--av-s)}
.msm-camping-avond .av-rules li{margin:0 0 8px}
.msm-camping-avond .av-rules li::marker{color:var(--av-a)}
.msm-camping-avond .av-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--av-s);border-radius:999px;color:var(--av-s);font-weight:700;text-decoration:none;transition:background-color .2s,color .2s}
.msm-camping-avond .av-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.msm-camping-avond .av-link:hover{background:var(--av-s);color:var(--av-ink)}
.msm-camping-avond .av-link:focus-visible{outline:3px solid var(--av-a);outline-offset:3px}
@media (max-width:900px){.msm-camping-avond .av-bottom{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.msm-camping-avond .av-slider{aspect-ratio:4/3}.msm-camping-avond .av-fallback{grid-template-columns:1fr}.msm-camping-avond .av-items{grid-template-columns:1fr}.msm-camping-avond .av-item{grid-template-columns:96px minmax(0,1fr);column-gap:14px}.msm-camping-avond .av-item img{grid-row:1/3}.msm-camping-avond .av-item h3{margin:0}.msm-camping-avond .av-intro{font-size:17px}.msm-camping-avond .av-motes{left:50%;width:46%}}
@media (prefers-reduced-motion:reduce){.msm-camping-avond .comparison-slider-wrapper,.msm-camping-avond .comparison-slider-handle-button,.msm-camping-avond .av-link{transition:none}}