@font-face{font-family:Oswald;src:url('assets/fonts/oswald-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url('assets/fonts/oswald-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url('assets/fonts/atkinson-hyperlegible-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url('assets/fonts/atkinson-hyperlegible-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
.msm-hondenschool-reacties{background:var(--m-surface,#315542);color:var(--m-bg,#f2eee5);padding:clamp(4rem,8vw,8rem) max(1rem,6vw);font-family:var(--m-font-body,'Atkinson Hyperlegible','Segoe UI',sans-serif);overflow:hidden}.msm-hondenschool-reacties *{box-sizing:border-box}.msm-hondenschool-reacties header{max-width:920px}.msm-hondenschool-reacties h2{font:700 clamp(3rem,7vw,7rem)/.93 var(--m-font-display,Oswald,'Arial Narrow',sans-serif);margin:.5rem 0;text-transform:uppercase}.msm-hondenschool-reacties .reaction-path{position:relative;height:clamp(390px,48vw,620px);margin:2rem calc(max(1rem,6vw)*-1) 4rem;touch-action:pan-y;cursor:grab}.msm-hondenschool-reacties .reaction-path:active{cursor:grabbing}.msm-hondenschool-reacties .reaction-path svg{position:absolute;inset:8% 0;width:100%;height:84%;overflow:visible}.msm-hondenschool-reacties .reaction-path path{fill:none;stroke:color-mix(in srgb,var(--m-bg) 35%,transparent);stroke-width:3;stroke-dasharray:8 10}.msm-hondenschool-reacties .reaction-path button{position:absolute;width:min(310px,72vw);min-height:130px;border:1px solid color-mix(in srgb,var(--m-bg) 45%,transparent);background:var(--m-bg);color:var(--m-ink);border-radius:22px;padding:1.2rem;font:700 1.05rem/1.35 var(--m-font-body,'Atkinson Hyperlegible',sans-serif);cursor:pointer;offset-path:path('M -140 300 C 130 20 390 40 620 260 S 1110 520 1460 180');offset-distance:var(--path-position,0%);offset-rotate:0deg;transform:translate(-50%,-50%);box-shadow:0 12px 35px color-mix(in srgb,var(--m-ink) 27%,transparent)}.msm-hondenschool-reacties .reaction-path small{display:block;margin-top:.75rem;font-size:.75rem;font-weight:400;color:var(--m-muted)}.msm-hondenschool-reacties .knowledge{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.msm-hondenschool-reacties .knowledge h3{grid-column:1/-1;font:700 2rem var(--m-font-display,Oswald,'Arial Narrow',sans-serif);text-transform:uppercase}.msm-hondenschool-reacties .knowledge a{color:inherit;text-decoration:none;display:grid;gap:.7rem}.msm-hondenschool-reacties .knowledge img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.msm-hondenschool-reacties :focus-visible{outline:3px solid var(--m-primary);outline-offset:4px}@media(max-width:760px){.msm-hondenschool-reacties .reaction-path{height:480px}.msm-hondenschool-reacties .knowledge{grid-template-columns:1fr 1fr}}@media(max-width:420px){.msm-hondenschool-reacties .knowledge{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.msm-hondenschool-reacties .reaction-path{height:auto;display:grid;gap:1rem;margin:2rem 0 4rem;cursor:auto}.msm-hondenschool-reacties .reaction-path svg{display:none}.msm-hondenschool-reacties .reaction-path button{position:relative;width:100%;min-height:0;offset-path:none!important;transform:none!important}}