.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))}.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);-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:0 0}.website-home .hero-rail .practice-rail-controls{grid-template-rows:auto auto auto;align-items:center;row-gap:8px}.website-home .hero-messages{grid-area:1/1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;min-height:96px;display:grid}.website-home .hero-message{visibility:hidden}.website-home .hero-message.is-visible{visibility:visible}.website-home .hero-message{opacity:0;transition:opacity .18s,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{color:var(--hero-ink);font:700 clamp(17px,1.35vw,24px)/1.35 Mulish,sans-serif;display:block}.website-home .hero-message p{color:var(--hero-accent);margin-top:5px;font:600 clamp(17px,1.35vw,24px)/1.35 Mulish,sans-serif}.website-home .hero-rail .practice-rail-choices{grid-area:2/1;align-items:stretch;gap:16px}.website-home .hero-rail .practice-rail-choices button{height:44px;color:var(--hero-ink);padding:0;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{border-radius:0;height:2px;top:auto;bottom:21px}.website-home .hero-rail .practice-rail-choices button:before{transition:background-color .18s,height .18s}.website-home .hero-rail .practice-rail-choices button:is(:hover,:focus-visible):before{background:#a6cf4f80;height:4px;bottom:20px}.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{white-space:nowrap;grid-area:3/1/auto/-1;place-self:center end;padding:0}.website-home .hero-next{visibility:hidden;pointer-events:none;grid-area:3/1;gap:28px;padding:0;display:flex}.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{min-height:44px;color:var(--hero-ink);text-underline-offset:5px;align-items:center;gap:12px;font:600 15px/1.35 Mulish,sans-serif;text-decoration:underline;display:inline-flex}.website-home .hero-next a:hover{color:var(--hero-accent)}.website-home .hero-rail :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #a6cf4f}@media (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));align-content:center;scroll-margin-top:0;display:grid}}@media (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{aspect-ratio:1;border-radius:50%;width:44px;height:44px}.website-home .hero-messages{grid-column:1/-1;grid-template-columns:1fr;align-items:end;gap:10px;min-height:0;display:grid}.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-area:3/1/auto/-1;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{flex-wrap:wrap;grid-area:3/1/auto/-1;gap:0 24px}.website-home .hero-next a{font-size:14px}}@media (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 (width<=760px){html:has(.website-home){scroll-padding-top:80px}}