:root{--valio-decades-teaser-text-color:#002f6d;--valio-decades-teaser-slide-width:10.875rem;--valio-decades-teaser-border-radius:4.25rem;--valio-decades-teaser-line-color:#ccc;--valio-decades-teaser-open-icon-background:#fff;--valio-decades-teaser-image-background:#fff}@media(min-width:1280px){:root{--valio-decades-teaser-slide-width:14.5rem;--valio-decades-teaser-border-radius:4.25rem}}.valio-decades-teaser{color:var(--valio-decades-teaser-text-color);margin-bottom:5rem;margin-top:calc(var(--height-header) + 1.25rem)!important;max-height:450px;padding:1.875rem 1.2rem 1.5rem;position:relative}@media(min-width:1080px){.valio-decades-teaser{padding-top:2rem}}.valio-decades-teaser.valio-decades-teaser{margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);max-width:none}.valio-decades-teaser__title{font-size:.6875rem;font-style:normal;font-weight:700;letter-spacing:.09625rem;line-height:110%;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;max-width:var(--align-default);padding-left:2px;text-transform:uppercase}@media(min-width:1080px){.valio-decades-teaser__title{font-size:.875rem;letter-spacing:.1225rem;margin-bottom:2rem}}.valio-decades-teaser__slider{overflow:visible!important}.valio-decades-teaser__slider:not(.is-created){opacity:0}@media(min-width:1500px){.valio-decades-teaser__slider:not(:has(>:nth-child(6))){align-items:center;display:flex;flex-flow:row nowrap;gap:24px;justify-content:center}.valio-decades-teaser__slider:not(:has(>:nth-child(6)))>*{transform:none!important}}.valio-decades-teaser__slide{align-items:center;display:flex;flex-shrink:0;max-width:var(--valio-decades-teaser-slide-width);min-width:var(--valio-decades-teaser-slide-width);overflow:visible!important;text-align:center}.valio-decades-teaser__slide-wrapper{cursor:pointer;opacity:0;overflow:clip;position:relative;width:100%}.valio-decades-teaser__image{aspect-ratio:.6;background:var(--valio-decades-teaser-image-background);border-radius:var(--valio-decades-teaser-border-radius);font-size:0;overflow:clip;position:relative;width:100%}@media(min-width:1280px){.valio-decades-teaser__image{aspect-ratio:.75}}.valio-decades-teaser__main-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.valio-decades-teaser__open-icon{align-items:center;background-color:var(--valio-decades-teaser-open-icon-background);border-radius:100%;display:flex;height:1.5rem;justify-content:center;opacity:0;position:absolute;right:1.125rem;top:1.125rem;width:1.5rem}.valio-decades-teaser__open-icon img{height:20px;width:20px}@media(min-width:1280px){.valio-decades-teaser__open-icon img{height:23px;width:23px}.valio-decades-teaser__open-icon{height:1.875rem;right:1.5rem;top:1.125rem;width:1.875rem}}.valio-decades-teaser__label{opacity:0;padding-top:32px;position:relative}@media(min-width:1280px){.valio-decades-teaser__label{padding-top:42px}}.valio-decades-teaser__label-line{background-color:var(--valio-decades-teaser-text-color);height:1.25rem;left:50%;position:absolute;top:8px;width:1px}@media(min-width:1280px){.valio-decades-teaser__label-line{height:1.3125rem;top:12px}}.valio-decades-teaser__label-text{font-size:.875rem;font-weight:700;letter-spacing:.07875rem;text-transform:uppercase}@media(min-width:1280px){.valio-decades-teaser__label-text{font-size:.96875rem;letter-spacing:.0875rem}}.valio-decades-teaser__line{background-color:var(--valio-decades-teaser-line-color);height:1px;left:0;position:absolute;right:0;transform:scaleX(0)}.valio-decades-teaser__line--top{top:0}.valio-decades-teaser__line--bottom{bottom:0}.valio-decades-teaser__line-bottom{background-color:var(--valio-decades-teaser-line-color);bottom:0;height:1px;left:0;position:absolute;right:0;transform:scaleX(0)}.valio-decades-teaser__transition-image{left:0;pointer-events:none;position:fixed;top:0;transform-origin:center center;will-change:transform;z-index:150}.valio-decades-teaser__transition-image .valio-decades-teaser__image{height:100%}.valio-decades-teaser__transition-image img{aspect-ratio:auto!important;transform-origin:center center;will-change:transform}.valio-decades-teaser__toggle{background:transparent;border:none;cursor:pointer;transition:filter .25s cubic-bezier(.19,1,.22,1)}.page-template-template-valio120 .valio-decades-teaser__toggle{padding-right:1rem}.valio-decades-teaser__toggle:hover{filter:brightness(.9)}.valio-decades-teaser__toggle[aria-expanded=true] .valio-decades-teaser__toggle-open{display:none}.valio-decades-teaser__toggle[aria-expanded=true] .valio-decades-teaser__toggle-close{animation:valioDecadesTeaserToggle .5s cubic-bezier(.19,1,.22,1) forwards}.valio-decades-teaser__toggle[aria-expanded=false] .valio-decades-teaser__toggle-close{display:none}.valio-decades-teaser__toggle[aria-expanded=false] .valio-decades-teaser__toggle-open{animation:valioDecadesTeaserToggle .5s cubic-bezier(.19,1,.22,1) forwards}.valio-decades-teaser__toggle-open{background-image:url(../../images/icon-teaser-toggle.4215f9a7.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;display:block;height:25px;width:65px}.valio-decades-teaser__toggle-close{align-items:center;color:#002f6d;display:flex;flex-flow:row nowrap;font-size:.75rem;font-style:normal;font-weight:500;gap:.5rem;line-height:110%;text-align:center}@media(min-width:782px){.valio-decades-teaser__toggle-close{font-size:1rem}}.valio-decades-teaser__toggle-close-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24vY2xvc2UiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTMuNSA0LjVMNC41IDEzLjUiIHN0cm9rZT0iIzAwMkY2RCIgc3Ryb2tlLXdpZHRoPSIxLjMxMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik00LjUgNC41TDEzLjUgMTMuNSIgc3Ryb2tlPSIjMDAyRjZEIiBzdHJva2Utd2lkdGg9IjEuMzEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:1.125rem;width:1.125rem}.valio-decades-teaser[data-hide-behind-toggle=false]{background:var(--valio-natural-white)}.valio-decades-teaser[data-is-toggled=true]{background:var(--valio-natural-white);overflow:clip;transition:max-height 1s cubic-bezier(.19,1,.22,1),padding 1s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1);z-index:90}.block-editor-block-list__block .valio-decades-teaser[data-is-toggled=true]{background:unset}.valio-decades-teaser[data-is-toggled=true]:before{background:var(--valio-natural-white);content:"";height:110px;left:0;position:absolute;right:0;top:-110px;width:100%;z-index:-1}.block-editor-block-list__block .valio-decades-teaser[data-is-toggled=true]:before{background:unset}.valio-decades-teaser[data-hide-behind-toggle=true]{overflow:visible;position:fixed;top:6px;transition:all .25s ease-out;width:100%}.admin-bar .valio-decades-teaser[data-hide-behind-toggle=true]{top:30px}.block-editor-block-list__block .valio-decades-teaser[data-hide-behind-toggle=true]{position:relative}.valio-decades-teaser[aria-hidden=true]{max-height:0;opacity:0;padding-bottom:0;padding-top:0;z-index:-1}.block-editor-block-list__block .valio-decades-teaser[aria-hidden=true]{opacity:1;z-index:1}.wp-block .valio-decades-teaser .valio-decades-teaser__label,.wp-block .valio-decades-teaser .valio-decades-teaser__slide-wrapper,.wp-block .valio-decades-teaser .valio-decades-teaser__slider{opacity:1}.wp-block .valio-decades-teaser .valio-decades-teaser__line{transform:scaleX(1)}.wp-block .valio-decades-teaser .valio-decades-teaser__slider{align-items:center;display:flex;flex-flow:row nowrap;gap:1rem;justify-content:center}.wp-block .valio-decades-teaser[aria-hidden=true]{max-height:none;padding-bottom:1.5rem;padding-top:2rem}@keyframes valioDecadesTeaserToggle{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}body:has(.valio-decades-teaser[data-hide-behind-toggle=true]) .navigation-bar__search-toggle{display:none}body:has(.valio-decades-teaser[data-hide-behind-toggle=true]) .navigation-bar__search-toggle-mobile{display:none}body:has(.site-header.headroom--unpinned) .valio-decades-teaser[data-hide-behind-toggle=true]{top:6px}body:has(.valio-decades-teaser__toggle[aria-expanded=true]) .site-header__bar{transform:translateY(0)!important}