:root{--main-image-homepage-top-bottom: 0;--hero-viewport-offset: calc(var(--site-notification-height, 0px) + var(--wp-admin--admin-bar--height, 0px))}@media(min-width:80rem){:root{--main-image-homepage-top-bottom: 4rem}}.karhu-main-image-frontpage{position:relative;box-sizing:border-box;padding:0;width:100%;overflow:clip}.karhu-main-image-frontpage__media{height:100svh;width:100%;z-index:1}@media(max-width:79.9375rem){.karhu-main-image-frontpage__media{height:calc(100svh - var(--hero-viewport-offset))}}@media(max-width:47.9375rem){.karhu-main-image-frontpage__media{height:34.75rem}}@media(min-width:48rem)and (max-width:79.9375rem){.karhu-main-image-frontpage__media{height:45rem}}@media(min-width:80rem){.karhu-main-image-frontpage__media{position:absolute;top:0;left:0;height:calc(100% + 100svh)}}.karhu-main-image-frontpage__media-sticky{position:sticky;top:0;height:100svh;overflow:hidden}@media(max-width:79.9375rem){.karhu-main-image-frontpage__media-sticky{height:calc(100svh - var(--hero-viewport-offset))}}@media(max-width:47.9375rem){.karhu-main-image-frontpage__media-sticky{height:34.75rem}}@media(min-width:48rem)and (max-width:79.9375rem){.karhu-main-image-frontpage__media-sticky{height:45rem}}.is-style-overlay .karhu-main-image-frontpage__media-sticky:after{content:"";position:absolute;display:block;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,#0000 13.92%,#000c);z-index:2}.karhu-main-image-frontpage__hero{padding-bottom:var(--main-image-homepage-top-bottom);display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;position:relative;z-index:3;pointer-events:none}@media(min-width:80rem){.karhu-main-image-frontpage__hero{height:calc(100svh - var(--hero-viewport-offset))}}.karhu-main-image-frontpage__title{color:var(--wp--preset--color--white);margin:0 0 1rem}@media(min-width:80rem){.karhu-main-image-frontpage__title{margin-bottom:2.5rem}}.karhu-main-image-frontpage__image{height:100%;width:100%;display:block}.karhu-main-image-frontpage__image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.karhu-main-image-frontpage .vimeo-player{border:unset;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;aspect-ratio:var(--video-ar, 1.77777778)}.karhu-main-image-frontpage__content{position:relative;z-index:3;width:100%;margin:0 auto;pointer-events:auto;font-size:1.0625rem;line-height:1.5rem}@media(max-width:79.9375rem){.karhu-main-image-frontpage__content{background-color:var(--wp--preset--color--dark-blue-gray);padding:2.5rem 1.5rem 3rem}}@media(min-width:80rem){.karhu-main-image-frontpage__content{max-width:76rem;font-size:1.25rem;line-height:1.75rem}}.karhu-main-image-frontpage__content p{margin-top:0;font-size:inherit;color:var(--wp--preset--color--white)}.karhu-main-image-frontpage__content p a{color:var(--wp--preset--color--white)}.karhu-main-image-frontpage__content p:has(+a){margin-bottom:1.75rem}@media(min-width:80rem){.karhu-main-image-frontpage__content p:has(+a){margin-bottom:1.5rem}}@media(min-width:80rem){.karhu-main-image-frontpage__content p:has(+a){margin-bottom:2.125rem}}@media(min-width:48rem){.karhu-main-image-frontpage__content>*{max-width:29.5rem}}@media(min-width:80rem){.karhu-main-image-frontpage__content>*{max-width:35.125rem}}@media(min-width:120rem){.karhu-main-image-frontpage__content>*{max-width:46.875rem}}.karhu-main-image-frontpage__scroll-button{font-family:var(--wp--preset--font-family--helvetica-neue);font-size:1rem;line-height:1.5rem;font-weight:500;display:inline-block;height:auto;border-radius:.375rem;border:0;background-color:var(--wp--preset--color--pink);color:var(--wp--preset--color--white);padding:.875rem 2.875rem .875rem 1.625rem;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;position:relative;font-size:.9375rem;line-height:1.4375rem}@media(min-width:80rem){.karhu-main-image-frontpage__scroll-button{padding:1rem 2.875rem 1rem 1.625rem}}.karhu-main-image-frontpage__scroll-button:hover,.karhu-main-image-frontpage__scroll-button:focus{background-color:var(--wp--preset--color--dark-pink);color:var(--wp--preset--color--white)}.karhu-main-image-frontpage__scroll-button:hover:after,.karhu-main-image-frontpage__scroll-button:focus:after{padding-left:.8125rem}.karhu-main-image-frontpage__scroll-button:after{content:url(/wp-content/themes/logisnext/dist/images/chevron-right-white.svg);position:absolute;padding-left:.625rem;top:50%;transform:translateY(-50%)}@media(prefers-reduced-motion:no-preference){.karhu-main-image-frontpage__scroll-button:after{transition:all .3s ease-in-out}}@media(min-width:80rem){.karhu-main-image-frontpage__scroll-button{font-size:1rem;line-height:1.5rem}}.karhu-main-image-frontpage__scroll-button span{color:inherit}.karhu-main-image-frontpage__scroll-button--anchor{padding:1rem 1.625rem 1rem 2.875rem}.karhu-main-image-frontpage__scroll-button--anchor:after{left:1.625rem;top:calc(50% + .0625rem);padding-left:0;transform:translateY(-50%) rotate(90deg)}.karhu-main-image-frontpage__scroll-button--anchor:hover:after,.karhu-main-image-frontpage__scroll-button--anchor:focus:after{padding-left:0;transform:translateY(calc(-50% + .1875rem)) rotate(90deg)}.karhu-main-image-frontpage__scroll-down{position:absolute;pointer-events:auto;top:-3.25rem;left:1rem;width:1.75rem;aspect-ratio:1/1;padding:0;border:0;background-color:transparent;background-image:url(/wp-content/themes/logisnext/dist/images/arrow-down-white.svg);background-repeat:no-repeat;background-position:center;background-size:1.5rem 1.5rem;cursor:pointer;z-index:4}@media(min-width:48rem){.karhu-main-image-frontpage__scroll-down{top:-3.75rem;left:1.5rem}}@media(min-width:80rem){.karhu-main-image-frontpage__scroll-down{top:auto;left:50%;translate:-50%}}@media(prefers-reduced-motion:no-preference){.karhu-main-image-frontpage__scroll-down{animation:scroll-down-bounce 1.74s ease-in-out infinite}.karhu-main-image-frontpage__scroll-down:hover,.karhu-main-image-frontpage__scroll-down:focus-visible{animation-play-state:paused}}.karhu-main-image-frontpage .video-controls{display:flex;justify-content:flex-end;flex-flow:row nowrap;position:absolute;right:1.5rem;bottom:calc(100% + 1.5rem);z-index:4;pointer-events:none}@media(min-width:80rem){.karhu-main-image-frontpage .video-controls{left:0;right:0;bottom:var(--main-image-homepage-top-bottom);width:100%;max-width:76rem;margin:0 auto}}.karhu-main-image-frontpage .video-controls--resume,.karhu-main-image-frontpage .video-controls--pause{background-position:center;background-repeat:no-repeat;background-color:transparent;background-size:1.0625rem;width:1.5rem;height:1.5rem;border:0;border-radius:.3125rem;outline:none;padding:.25rem;pointer-events:auto}@media(prefers-reduced-motion:no-preference){.karhu-main-image-frontpage .video-controls--resume,.karhu-main-image-frontpage .video-controls--pause{transition:all .3s ease-in-out}.karhu-main-image-frontpage .video-controls--resume:hover,.karhu-main-image-frontpage .video-controls--pause:hover,.karhu-main-image-frontpage .video-controls--resume:focus-visible,.karhu-main-image-frontpage .video-controls--pause:focus-visible{transform:scale(1.05)}}.karhu-main-image-frontpage .video-controls--resume{background-image:url(/wp-content/themes/logisnext/dist/images/play.svg);display:none}.karhu-main-image-frontpage .video-controls--pause{background-image:url(/wp-content/themes/logisnext/dist/images/pause.svg)}.karhu-main-image-frontpage .video-controls.paused .video-controls--resume{display:block}.karhu-main-image-frontpage .video-controls.paused .video-controls--pause{display:none}.karhu-main-image-frontpage__link-list{position:relative;z-index:3;padding-bottom:var(--main-image-homepage-top-bottom)}@media(max-width:79.9375rem){.karhu-main-image-frontpage__link-list{padding-top:1.5625rem;background-color:var(--wp--preset--color--white)}}.karhu-main-image-frontpage__link-list .link-list:not(.product-midsection-sidebar .link-list){margin:0 auto}.karhu-main-image-frontpage:has(.karhu-main-image-frontpage__media iframe) .karhu-main-image-frontpage__link-list .link-list:not(.product-midsection-sidebar .link-list){-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes scroll-down-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.25rem)}}
