.sh{--plx: 1}@media(max-width:900px){.sh{--plx: .75}}@media(max-width:650px){.sh{--plx: .6}}@keyframes sh-plx{0%{translate:0 calc(var(--plx-a, 0px) * var(--plx, 1))}to{translate:0 calc(var(--plx-b, 0px) * var(--plx, 1))}}@keyframes sh-plx-art{0%{translate:0 0;scale:1}to{translate:0 calc(60px * var(--plx, 1));scale:1.12}}@keyframes sh-plx-kaart{0%{translate:0 0;scale:1}to{translate:0 calc(-60px * var(--plx, 1));scale:1.08}}@keyframes sh-plx-zoom{0%{scale:var(--z-a, 1.3);translate:0 var(--plx-a, 0px)}to{scale:var(--z-b, 1.1);translate:0 var(--plx-b, 0px)}}@keyframes sh-plx-woord{0%{translate:calc(14% * var(--plx, 1)) -50%}to{translate:calc(-14% * var(--plx, 1)) -50%}}@keyframes sh-plx-kantel{0%{translate:0 calc(var(--k-y, 80px) * var(--plx, 1));rotate:x var(--k-r, 16deg)}to{translate:0 0;rotate:x 0deg}}@keyframes sh-film-groei{0%{scale:.9}to{scale:1}}@keyframes sh-film-op{0%{translate:0 35px}to{translate:0 0}}@keyframes sh-film-kader{0%{translate:0 30px}to{translate:0 0}}@keyframes sh-dock-lijn{0%{scale:0 1}to{scale:1 1}}@keyframes sh-plx-regel{0%{translate:var(--rx, 0px) 0}to{translate:0 0}}@keyframes sh-plx-weg{0%{translate:0 0;opacity:1}to{translate:0 calc(110px * var(--plx, 1));opacity:0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.sh{view-timeline:--sh-hele block}.sh .sh-film{view-timeline:--sh-film block}.sh .sh-route-dock i{transform:none;transition:none;animation:sh-dock-lijn linear both;animation-timeline:--sh-hele;animation-range:contain 0% contain 100%}.sh .sh-film-shell{animation:sh-film-groei linear both;animation-timeline:view();animation-range:cover 0% cover 80vh}.sh .sh-store-film .sh-film{animation:sh-film-kader linear both;animation-timeline:view();animation-range:cover 0% cover 80vh}.sh .sh-film-copy{animation:sh-film-op linear both;animation-timeline:--sh-film;animation-range:cover 0% cover 80vh}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.sh .sh-hero{view-timeline:--sh-held block;overflow:clip}.sh .sh-merk-stage{view-timeline:--sh-merk block}.sh .sh-reviews{view-timeline:--sh-rev block}.sh .sh-zs{view-timeline:--sh-zs block}.sh .sh-lz-podium{view-timeline:--sh-lz block}.sh .sh-hero .sh-held-lucht-vlak{--plx-a: 0%;--plx-b: 30%;animation:sh-plx linear both;animation-timeline:--sh-held;animation-range:exit 0% exit 100%}.sh .sh-hero .sh-hero-art{animation:sh-plx-art linear both;animation-timeline:--sh-held;animation-range:exit 0% exit 100%}@media(min-width:651px){.sh .sh-hero .sh-hero-art{transform-origin:0% 50%}}.sh .sh-hero .sh-hero-copy{--plx-a: 0px;--plx-b: -140px;animation:sh-plx linear both;animation-timeline:--sh-held;animation-range:exit 0% exit 100%}.sh[data-motion=on] .sh-lucht:not(.is-rust) .sh-hero-bike:not(#_){animation:sh-plx-kaart linear both,sh-held-in-kaart 1.2s cubic-bezier(.3,1.28,.5,1) .6s backwards;animation-timeline:--sh-held,auto;animation-range:exit 0% exit 100%,normal}.sh[data-motion=on] .sh-lucht:not(.is-rust) .sh-hero-foot:not(#_){animation:sh-plx-weg linear both,sh-held-in-regel 1s cubic-bezier(.16,1,.3,1) .45s backwards;animation-timeline:--sh-held,auto;animation-range:exit 0% exit 45%,normal}.sh.hm-js .sh-lucht:not(.is-binnen) :is(.sh-hero-bike,.sh-hero-foot):not(#_):not(#_){animation-play-state:paused}.sh .sh-hero.is-rust .sh-hero-bike:not(#_):not(#_){animation:sh-plx-kaart linear both;animation-timeline:--sh-held;animation-range:exit 0% exit 100%}.sh .sh-hero.is-rust .sh-hero-foot:not(#_):not(#_){animation:sh-plx-weg linear both;animation-timeline:--sh-held;animation-range:exit 0% exit 45%}.sh :is(#sh-brands .sh-section-head>div:first-child,#sh-stores .sh-section-head>div:first-child,.sh-reviews-kop>div,.sh-care-heading>.sh-kicker,.sh-care-heading>h2){--plx-a: 60px;--plx-b: -60px}.sh :is(.sh-merk-zij,#sh-stores .sh-section-head>p,.sh-reviews-kop>p,.sh-zorg-zij){--plx-a: 25px;--plx-b: -25px}.sh :is(#sh-brands .sh-section-head>div:first-child,#sh-stores .sh-section-head>div:first-child,.sh-reviews-kop>div,.sh-care-heading>.sh-kicker,.sh-care-heading>h2,.sh-merk-zij,#sh-stores .sh-section-head>p,.sh-reviews-kop>p,.sh-zorg-zij){animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@media(min-width:651px){.sh .sh-lijnen .sh-lijn{animation:sh-plx-regel linear both;animation-timeline:view();animation-range:entry 0% cover 45%}.sh .sh-lijnen .sh-lijn:nth-child(1){--rx: 40px}.sh .sh-lijnen .sh-lijn:nth-child(2){--rx: 120px}.sh .sh-lijnen .sh-lijn:nth-child(3){--rx: 180px}}.sh .sh-merk-beeld img{scale:1.24;--plx-a: -9%;--plx-b: 9%;animation:sh-plx linear both;animation-timeline:--sh-merk;animation-range:cover 0% cover 100%}.sh.hm-js .sh-merk-stage:not(.is-in) .sh-merk-beeld img{scale:1.4}.sh .sh-merk-scene.is-komt .sh-merk-beeld img:not(#_){animation:sh-plx linear both,sh3-zoom 1.5s var(--h3-zacht) both;animation-timeline:--sh-merk,auto;animation-range:cover 0% cover 100%,normal}@keyframes sh3-zoom{0%{scale:1.4}to{scale:1.24}}.sh :is(.sh-store-video,.sh-film-eerste){--z-a: 1.36;--z-b: 1.14;--plx-a: -8%;--plx-b: 4%;animation:sh-plx-zoom linear both;animation-timeline:--sh-film;animation-range:cover 0% cover 100%}.sh .sh-film-copy{--plx-a: 0px;--plx-b: -80px;animation:sh-film-op linear both,sh-plx linear both;animation-composition:replace,add;animation-timeline:--sh-film,--sh-film;animation-range:cover 0% cover 80vh,cover 50% cover 100%}.sh .sh-review-beeld img{--z-a: 1.34;--z-b: 1.12;--plx-a: -7%;--plx-b: 3%;animation:sh-plx-zoom linear both;animation-timeline:--sh-rev;animation-range:cover 0% cover 100%}.sh .sh-reviews-rij{perspective:1300px}.sh .sh-reviews-rij>.sh-review-plek{animation:sh-plx-kantel linear both;animation-timeline:--sh-rev;animation-range:entry 0% entry 100%}.sh .sh-reviews-rij>.sh-review-plek:nth-child(2){--k-y: 115px;--k-r: 20deg}.sh .sh-reviews-rij>.sh-review-plek:nth-child(3){--k-y: 150px;--k-r: 24deg}.sh .sh-reviews-rij>.sh-review-plek:nth-child(4){--k-y: 185px;--k-r: 28deg}.sh .sh-zs{--plx-a: 20px;--plx-b: -20px;animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sh .sh-zs-woorden{animation:sh-plx-woord linear both;animation-timeline:--sh-zs;animation-range:cover 0% cover 100%}.sh .sh-zs-cam{--plx-a: -40px;--plx-b: 40px;animation:sh-plx linear both;animation-timeline:--sh-zs;animation-range:cover 0% cover 100%}.sh .sh-lz{perspective:1800px}.sh .sh-lz-kaart{--k-y: 90px;--k-r: 9deg;animation:sh-plx-kantel linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.sh .sh-lz-fietsen{--plx-a: 40px;--plx-b: -40px;animation:sh-plx linear both;animation-timeline:--sh-lz;animation-range:cover 0% cover 100%}#gr-home .gr-licht{--plx-a: -140px;--plx-b: 140px;animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}#gr-home .gr-kop{--plx-a: 30px;--plx-b: -30px;animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sh .sh-kom-rij{perspective:1600px}.sh .sh-kom-rij>.sh-kom{--k-y: 70px;--k-r: 12deg;animation:sh-plx-kantel linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.sh .sh-kom-rij>.sh-kom:nth-child(2){--k-y: 140px;--k-r: 20deg}.sh .sh-contact-copy{--plx-a: 60px;--plx-b: -60px;animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sh .sh-contact-card{--plx-a: -20px;--plx-b: 20px;animation:sh-plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sh .sh-last-inner>h2{--plx-a: 70px;--plx-b: 0px;animation:sh-plx linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.sh .sh-last-inner>:is(.sh-actions,.sh-last-bottom){--plx-a: 100px;--plx-b: 0px;animation:sh-plx linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@media(max-width:900px){.sh :is(.sh-store-video,.sh-film-eerste){animation:none;scale:1;translate:none}.sh :is(.sh-reviews-rij>.sh-review-plek,.sh-review-beeld img,.sh-merk-beeld img,.sh-zs-cam,.sh-zs-woorden,.sh-lz-fietsen){animation:none}.sh .sh-merk-beeld img{scale:1.1}.sh.hm-js .sh-merk-stage:not(.is-in) .sh-merk-beeld img{scale:1.26}.sh .sh-merk-scene.is-komt .sh-merk-beeld img:not(#_):not(#_){animation:sh3-zoom 1.5s var(--h3-zacht) both}@keyframes sh3-zoom{0%{scale:1.26}to{scale:1.1}}.sh .sh-film-copy{animation:sh-film-op linear both;animation-timeline:--sh-film;animation-range:cover 0% cover 80vh}.sh .sh-kom-rij>.sh-kom:nth-child(n){--k-r: 0deg}.sh .sh-kom-rij{perspective:none}}@media(max-width:650px){.sh .sh-lz-kaart{--k-r: 5deg}.sh :is(.sh-merk-zij,#sh-stores .sh-section-head>p,.sh-reviews-kop>p,.sh-zorg-zij,.sh-zs,.sh-contact-copy,.sh-contact-card){--plx-a: 60px;--plx-b: -60px}.sh .sh-kom-rij>.sh-kom:nth-child(n){--k-y: 70px}}}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/staal-home-parallax.css.map */