.website-home{--hero-toolbar: 48px}.website-home .omc-home-page>.practice-header{top:var(--hero-toolbar)}.website-home .omc-home-page .practice-hero-beeld{top:calc(var(--omc-header-height) + var(--hero-toolbar))}.website-home .omc-home-page .practice-hero-beeld.practice-hero-full.practice-hero-fixed{height:calc(100dvh - var(--omc-header-height) - var(--hero-toolbar))}html:has(.website-home){scroll-padding-top:130px}.website-home #home-aanpak{scroll-margin-top:0}.website-home .hero-rail{--hero-ink: #f7f4ec;--hero-accent: #a6cf4f}.website-home .hero-rail.hero-selected{grid-template-rows:minmax(0,1fr) auto}.website-home .hero-selected .practice-rail-art{grid-row:1}.website-home .hero-selected .practice-rail-controls{grid-row:2}.website-home .hero-selected .practice-rail-art{--hero-bottom-fade: min(48%, clamp(200px, 28vh, 360px));--hero-bottom-mask: linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--hero-bottom-fade)), #000000f8 calc(100% - var(--hero-bottom-fade) * .9), #000000e4 calc(100% - var(--hero-bottom-fade) * .8), #000000c8 calc(100% - var(--hero-bottom-fade) * .7), #000000a5 calc(100% - var(--hero-bottom-fade) * .6), #00000080 calc(100% - var(--hero-bottom-fade) * .5), #0000005a calc(100% - var(--hero-bottom-fade) * .4), #00000037 calc(100% - var(--hero-bottom-fade) * .3), #0000001b calc(100% - var(--hero-bottom-fade) * .2), #00000007 calc(100% - var(--hero-bottom-fade) * .1), #0000 100%);-webkit-mask-image:var(--hero-bottom-mask);mask-image:var(--hero-bottom-mask)}.website-home .hero-selected.practice-hero-fixed .practice-rail-controls:before{background:none}.website-home .hero-rail .practice-rail-controls{grid-template-rows:auto auto auto;align-items:center;row-gap:8px}.website-home .hero-messages{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:96px;align-items:end}.website-home .hero-message{visibility:hidden}.website-home .hero-message.is-visible{visibility:visible}.website-home .hero-message{opacity:0;transition:opacity .18s ease,visibility 0s .18s}.website-home .hero-message.is-visible,.website-home .hero-message.is-preview{visibility:visible;opacity:1;transition-delay:0s}.website-home .hero-message.is-preview{opacity:.55}.website-home .hero-message strong{display:block;font:700 clamp(17px,1.35vw,24px)/1.35 Mulish,sans-serif;color:var(--hero-ink)}.website-home .hero-message p{margin-top:5px;color:var(--hero-accent);font:600 clamp(17px,1.35vw,24px)/1.35 Mulish,sans-serif}.website-home .hero-rail .practice-rail-choices{grid-column:1;grid-row:2;gap:16px;align-items:stretch}.website-home .hero-rail .practice-rail-choices button{height:44px;padding:0;color:var(--hero-ink);font:400 13px/1.3 Mulish,sans-serif}.website-home .hero-rail .practice-rail-choices button:before,.website-home .hero-rail .practice-rail-choices button>.hero-progress{top:auto;bottom:21px;height:2px;border-radius:0}.website-home .hero-rail .practice-rail-choices button:before{transition:background-color .18s ease,height .18s ease}.website-home .hero-rail .practice-rail-choices button:is(:hover,:focus-visible):before{height:4px;bottom:20px;background:#a6cf4f80}.website-home .hero-rail .practice-rail-controls>button{grid-row:2;align-self:end}.website-home .hero-rail .practice-rail-controls>button[aria-label="Vorige cartoon"]{grid-column:2}.website-home .hero-rail .practice-rail-controls>button[aria-label="Pauzeer de cartoons"],.website-home .hero-rail .practice-rail-controls>button[aria-label="Speel de cartoons verder"],.website-home .hero-rail .practice-rail-controls>button[aria-label="Speel de cartoons opnieuw"]{grid-column:3}.website-home .hero-rail .practice-rail-controls>button[aria-label="Volgende cartoon"],.website-home .hero-rail .practice-rail-controls>button[aria-label="Bekijk het tweede paneel"]{grid-column:4}.website-home .hero-rail .practice-rail-controls small{grid-column:1 / -1;grid-row:3;align-self:center;justify-self:end;white-space:nowrap;padding:0}.website-home .hero-next{grid-column:1;grid-row:3;display:flex;gap:28px;padding:0;visibility:hidden;pointer-events:none}.website-home .hero-next[data-visible=true]{visibility:visible;pointer-events:auto}.website-home .hero-next:not([data-visible=true]){display:none}.website-home .hero-next a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--hero-ink);font:600 15px/1.35 Mulish,sans-serif;text-decoration:underline;text-underline-offset:5px}.website-home .hero-next a:hover{color:var(--hero-accent)}.website-home .hero-rail :is(a,button):focus-visible{outline:2px solid #a6cf4f;outline-offset:4px}@media(min-width:1101px)and (prefers-reduced-motion:no-preference){.website-home .omc-home-system>section{min-height:calc(100dvh - var(--omc-header-height) - var(--hero-toolbar));display:grid;align-content:center}.website-home .omc-home-system>section{scroll-margin-top:0}}@media(max-width:760px){html:has(.website-home){scroll-padding-top:120px}.website-home .omc-home-page .practice-hero-fixed{min-height:580px}.website-home .hero-rail .practice-rail-controls{grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:4px 8px;padding-inline:20px}.website-home .hero-rail .practice-rail-controls>button{width:44px;height:44px;aspect-ratio:1;border-radius:50%}.website-home .hero-messages{grid-column:1 / -1;display:grid;grid-template-columns:1fr;min-height:0;gap:10px;align-items:end}.website-home .hero-message{grid-area:1 / 1}.website-home .hero-messages:has(.is-preview) .hero-message.is-visible{visibility:hidden;opacity:0}.website-home .hero-selected[data-completed=true] .hero-message{grid-area:auto}.website-home .hero-message strong,.website-home .hero-message p{font-size:16px}.website-home .hero-rail .practice-rail-choices{gap:10px;min-width:0}.website-home .hero-rail .practice-rail-controls small{grid-column:1 / -1;grid-row:3;justify-self:end}.website-home .hero-rail .practice-rail-controls:has(.hero-next[data-visible=true]) small{grid-row:4}.website-home .hero-rail .hero-next{grid-column:1 / -1;grid-row:3;flex-wrap:wrap;gap:0 24px}.website-home .hero-next a{font-size:14px}}@media(max-height:500px)and (orientation:landscape){.website-home .omc-home-page .practice-hero-fixed{min-height:460px}}@media(prefers-reduced-motion:reduce){.website-home .hero-message{transition:none}html:has(.website-home){scroll-snap-type:none}.website-home .omc-home-page .practice-hero-beeld{position:relative;top:auto}}.website-home{--hero-toolbar: 0px}html:has(.website-home){scroll-padding-top:90px}@media(max-width:760px){html:has(.website-home){scroll-padding-top:80px}}