@import url(../fonts/GuardianSans-Light-Web.woff2);
@import url(../fonts/GuardianTextSans-Medium-Web.woff2);
@import url(../fonts/GuardianTextSans-Regular-Web.woff2);
@import url(../fonts/Sanomat-Medium-Web.woff2);
@import url(../fonts/bx-webfont.woff);
.delay-150{-webkit-animation-delay:.15s;animation-delay:.15s}
.delay-200{-webkit-animation-delay:.2s;animation-delay:.2s}
.delay-250{-webkit-animation-delay:.25s;animation-delay:.25s}
.delay-300{-webkit-animation-delay:.3s;animation-delay:.3s}
.delay-350{-webkit-animation-delay:.35s;animation-delay:.35s}
.delay-400{-webkit-animation-delay:.4s;animation-delay:.4s}
.delay-450{-webkit-animation-delay:.45s;animation-delay:.45s}
.delay-500{-webkit-animation-delay:.5s;animation-delay:.5s}
.delay-550{-webkit-animation-delay:.55s;animation-delay:.55s}
.delay-600{-webkit-animation-delay:.6s;animation-delay:.6s}
.delay-650{-webkit-animation-delay:.65s;animation-delay:.65s}
.delay-700{-webkit-animation-delay:.7s;animation-delay:.7s}
.delay-750{-webkit-animation-delay:.75s;animation-delay:.75s}
.delay-800{-webkit-animation-delay:.8s;animation-delay:.8s}
.delay-850{-webkit-animation-delay:.85s;animation-delay:.85s}
.delay-900{-webkit-animation-delay:.9s;animation-delay:.9s}
.delay-950{-webkit-animation-delay:.95s;animation-delay:.95s}
.delay-1000{-webkit-animation-delay:1s;animation-delay:1s}

.duration-150{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-200{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-250{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-300{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-350{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-400{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-450{-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-500{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-550{-webkit-animation-duration:.55s;animation-duration:.55s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-600{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-650{-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-700{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-750{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-800{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-850{-webkit-animation-duration:.85s;animation-duration:.85s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-900{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-950{-webkit-animation-duration:.95s;animation-duration:.95s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.duration-1000{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.timing-ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.timing-ease-in{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
.timing-ease-out{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.timing-ease{-webkit-animation-timing-function:ease;animation-timing-function:ease}

.boxes-lines{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media (min-width:62em){.boxes-lines{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}
.boxes-lines .block-editor-rich-text{position:static}
.boxes-lines .block-editor-inner-blocks{width:100%}
.boxes-lines__title{font-size:26px;margin-bottom:0!important;margin-top:0!important;max-width:98%}
@media (min-width:62em){.boxes-lines__title{font-size:20px;font-size:26px;line-height:1.3}}
.boxes-lines__subtitle{font-size:20px;font-weight:300;margin:0}
@media (min-width:62em){.boxes-lines__subtitle{font-size:1pc;font-size:20px;}}

.boxes-lines__box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;
                  display:-ms-flexbox;display:flex;height:350px;-webkit-box-pack:center;-ms-flex-pack:center;
                  justify-content:center;margin:1em auto;max-width:275px;position:relative;width:100%}
@media (min-width:62em){.boxes-lines__box{margin:0 .5em}}
@media (min-width:75em){.boxes-lines__box{margin:0 .75em}}
.boxes-lines__box:first-child{margin-top:0}
@media (min-width:62em){.boxes-lines__box:first-child{margin-left:0}}
.boxes-lines__box:last-child{margin-bottom:0}
@media (min-width:62em){.boxes-lines__box:last-child{margin-right:0}}
.boxes-lines__box.box-narrow{max-width:220px}
.boxes-lines__center-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:130px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;text-align:center;-webkit-transform-origin:0 0;transform-origin:0 0;width:164px;z-index:5}
@media (min-width:62em){.boxes-lines__center-box{height:75pt;width:130px;height:130px;width:168px}}
.boxes-lines__branch-inner{color:#000;}
.boxes-lines__branch{background:#fff;-webkit-box-shadow:inset 0 -3px 0 currentColor,inset 0 3px 0 currentColor;box-shadow:inset 0 -3px 0 currentColor,inset 0 3px 0 currentColor;display:block;font-family:Sanomat Web,serif;font-size:18px;line-height:1;max-width:45%;padding-bottom:6px;padding-top:11px;position:absolute;text-align:center;width:-webkit-min-content;width:-moz-min-content;width:min-content}
@media (min-width:62em){
    .boxes-lines__branch{
        font-size:15px;padding-bottom:3px;padding-top:8px}
}
@media (min-width:68.75em){
    .boxes-lines__branch{font-size:18px;padding-bottom:6px;padding-top:11px;width:auto}
}
.boxes-lines__branch:after{
    background:#000;content:"";height:.5px;left:50%;position:absolute;
    -webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;
    transform-origin:0 0;-webkit-transition:width .65s .65s;
    transition:width .65s .65s;width:0;z-index:-1}
@media (min-width:62em){
    .boxes-lines__branch:after{
        -webkit-transform:rotate(65deg);transform:rotate(65deg)}}
@media (min-width:62em){
    .boxes-lines__branch:after{
        -webkit-transform:rotate(45deg);transform:rotate(45deg)}
}
.boxes-lines__branch.trigger-animation:after{width:150px}
@media (min-width:62em){.boxes-lines__branch.trigger-animation:after{width:130px}}
@media (min-width:62em){.boxes-lines__branch.trigger-animation:after{width:150px}}
.boxes-lines__branch.top{top:65px}
@media (min-width:62em){.boxes-lines__branch.top{top:75px;top:65px}}
.boxes-lines__branch.top:after{top:100%}
.boxes-lines__branch.top.center{top:5px}
@media (min-width:62em){.boxes-lines__branch.top.center{top:15px;top:5px}}
.boxes-lines__branch.left{left:5px}
.boxes-lines__branch.center{left:50%;max-width:75%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.boxes-lines__branch.center:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.boxes-lines__branch.right{right:5px}
.boxes-lines__branch.right:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
@media (min-width:62em){.boxes-lines__branch.right:after{-webkit-transform:rotate(115deg);transform:rotate(115deg)}}
@media (min-width:62em){.boxes-lines__branch.right:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}
.boxes-lines__branch.bottom{bottom:65px}
@media (min-width:62em){.boxes-lines__branch.bottom{bottom:75px;bottom:65px}}
.boxes-lines__branch.bottom:after{top:0}
.boxes-lines__branch.bottom.left:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media (min-width:62em){.boxes-lines__branch.bottom.left:after{-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}}
@media (min-width:62em){.boxes-lines__branch.bottom.left:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}
.boxes-lines__branch.bottom.center{bottom:0}
.has-3-branches .boxes-lines__branch.bottom.center{bottom:65px}
@media (min-width:62em){
    .has-3-branches .boxes-lines__branch.bottom.center{
        bottom:75px;bottom:65px}
}
.has-3-branches .boxes-lines__branch.bottom.center:after{width:75px}
@media (min-width:62em){.has-3-branches .boxes-lines__branch.bottom.center:after{width:75px}}
.boxes-lines__branch.bottom.center:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.boxes-lines__branch.bottom.right:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
@media (min-width:62em){.boxes-lines__branch.bottom.right:after{-webkit-transform:rotate(-115deg);transform:rotate(-115deg)}}
@media (min-width:62em){.boxes-lines__branch.bottom.right:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}}

@-webkit-keyframes slideInUpAlt{0%{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}to{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}
@keyframes slideInUpAlt{0%{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}to{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}
@-webkit-keyframes slideInDownAlt{0%{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}to{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}}
@keyframes slideInDownAlt{0%{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}to{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}}
@-webkit-keyframes slideInUpRight{0%{-webkit-transform:translate3d(-20%,100%,0);transform:translate3d(-20%,100%,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@keyframes slideInUpRight{0%{-webkit-transform:translate3d(-20%,100%,0);transform:translate3d(-20%,100%,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@-webkit-keyframes slideInUpLeft{0%{-webkit-transform:translate3d(20%,100%,0);transform:translate3d(20%,100%,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@keyframes slideInUpLeft{0%{-webkit-transform:translate3d(20%,100%,0);transform:translate3d(20%,100%,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@-webkit-keyframes slideInDownRight{0%{-webkit-transform:translate3d(-20%,-100%,0);transform:translate3d(-20%,-100%,0)}to{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}}
@keyframes slideInDownRight{0%{-webkit-transform:translate3d(-20%,-100%,0);transform:translate3d(-20%,-100%,0)}to{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}}
@-webkit-keyframes slideInDownLeft{0%{-webkit-transform:translate3d(20%,-100%,0);transform:translate3d(20%,-100%,0)}to{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}}
@keyframes slideInDownLeft{0%{-webkit-transform:translate3d(20%,-100%,0);transform:translate3d(20%,-100%,0)}to{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}}

.trigger-animation.top{-webkit-animation-name:fadeIn,slideInUpAlt;animation-name:fadeIn,slideInUpAlt}
.trigger-animation.left{-webkit-animation-name:fadeIn,slideInLeft;animation-name:fadeIn,slideInLeft}
.trigger-animation.top.left{-webkit-animation-name:fadeIn,slideInUpLeft;animation-name:fadeIn,slideInUpLeft}
.trigger-animation.right{-webkit-animation-name:fadeIn,slideInRight;animation-name:fadeIn,slideInRight}
.trigger-animation.top.right{-webkit-animation-name:fadeIn,slideInUpRight;animation-name:fadeIn,slideInUpRight}
.trigger-animation.bottom{-webkit-animation-name:fadeIn,slideInDownAlt;animation-name:fadeIn,slideInDownAlt}
.trigger-animation.bottom.left{-webkit-animation-name:fadeIn,slideInDownLeft;animation-name:fadeIn,slideInDownLeft}
.trigger-animation.bottom.right{-webkit-animation-name:fadeIn,slideInDownRight;animation-name:fadeIn,slideInDownRight}