#ulkolinja-jaatikko-artikkeli{background:var(--background-color)}#ulkolinja-jaatikko-artikkeli.loading-finished .ul-otsikko-ingressi .loading-text.loading-finished{display:block!important}#ulkolinja-jaatikko-artikkeli:not(.loading-finished) .ul-otsikko-ingressi .loading-text.loading-unfinished{background-color:rgba(37,54,79,.8);bottom:unset;display:block!important;padding:1em;top:50%!important;transform:translateY(-100%) translateX(-50%)}#ulkolinja-jaatikko-artikkeli{font-family:Abel}#ulkolinja-header-container{height:var(--otsikko-height);margin:auto;max-width:100vw;position:relative;width:100%}#ulkolinja-header-container #ulkolinja-header{height:calc(var(--vh)*100);margin:auto;max-width:100vw;position:-webkit-sticky;position:sticky;top:0;transition-delay:1ms;transition-duration:.2s;transition-timing-function:ease;width:100%}#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi{height:100%;left:0;position:absolute;top:0;width:100%}#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi.hidden{display:none}#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi h1{color:#fff;font-size:5em;font-weight:700;left:50%;margin-top:0;opacity:1;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translateX(-50%) translateY(-50%);z-index:0;z-index:2}@media (max-width:900px){#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi h1{font-size:3em}}#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi .loading-text{color:#fff;display:none;font-size:2em;left:50%;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:absolute;top:80%;transform:translate(-50%);width:100%;z-index:1}@media (max-width:900px){#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi .loading-text{font-size:1.5em}}#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi img.ul-logo{left:50%;position:absolute;top:5%;transform:translateX(-50%);width:300px;z-index:2}@media (max-width:900px){#ulkolinja-header-container #ulkolinja-header .ul-otsikko-ingressi img.ul-logo{top:18%;width:150px}}#ulkolinja-header-container .scene{position:relative;z-index:1}#ulkolinja-header-container .scene .canvas-parent{height:calc(var(--vh)*80);position:-webkit-sticky;position:sticky;top:calc(var(--vh)*20);width:100%;z-index:-1}#ulkolinja-header-container .scene .canvas-parent canvas{opacity:0}@media (max-width:900px){#ulkolinja-header-container .scene .canvas-parent{height:calc(var(--vh)*50)}}#ulkolinja-header-container .scene .scroller{height:calc(var(--vh)*1700);top:calc(var(--vh)*0);width:100%;z-index:2}#ulkolinja-header-container .scene .scroller .graphic-container{opacity:0;position:-webkit-sticky;position:sticky;top:50%;transform:translateY(-25%)}@media (max-width:900px){#ulkolinja-header-container .scene .scroller .graphic-container #jaatikkovideo{display:none}}#ulkolinja-header-container .scene .scroller .graphic-container.show{animation:fadeingraphic .5s linear 1 forwards}#ulkolinja-header-container .scene .scroller .graphic-container.hide{animation:fadeoutgraphic .5s linear 1 forwards}#ulkolinja-header-container .scene .scroller .graphic-container .graphic-container-full-width{height:calc(var(--vh)*100);max-width:100%;width:100%}#ulkolinja-header-container .scene .scroller .graphic-container .graphic-container-full-width.show{animation:fadeingraphic .5s linear 1 forwards}#ulkolinja-header-container .scene .scroller .graphic-container .graphic-container-full-width.hide{animation:fadeoutgraphic .5s linear 1 forwards}#ulkolinja-header-container .scene .scroller .graphic-container>*{max-width:35%;position:absolute;right:50%;top:0;transform:translateY(-50%) translateX(50%);width:auto}#ulkolinja-header-container .scene .scroller .caption{background-color:rgba(37,54,79,.8);box-sizing:border-box;font-size:1.2em;left:50%;max-width:500px;padding:2rem;position:relative;transform:translateX(-50%);width:100%}@media (max-width:900px){#ulkolinja-header-container .scene .scroller .caption{padding:20px}}#ulkolinja-header-container .scene .scroller .caption .kartta-grafiikka{display:block;margin:auto;width:100%}#ulkolinja-header-container .scene .scroller .caption p{color:#fff;line-height:1.5}#ulkolinja-header-container .scene .scroller .caption img{margin-top:20px}#ulkolinja-header-container .scene .scroller .caption #sulamisgraffa{margin:0 0 1em;width:100%}#ulkolinja-header-container .scene .scroller .caption #sulamisgraffa img{margin:0;width:100%}#ulkolinja-header-container .scene .scroller #c1.caption{top:calc(var(--vh)*150)}#ulkolinja-header-container .scene .scroller #c2.caption{top:calc(var(--vh)*300)}#ulkolinja-header-container .scene .scroller #c3.caption{top:calc(var(--vh)*450)}#ulkolinja-header-container .scene .scroller #c4.caption{top:calc(var(--vh)*600)}#ulkolinja-header-container .scene .scroller #c5.caption{top:calc(var(--vh)*750)}#ulkolinja-header-container .scene .scroller #c6.caption{top:calc(var(--vh)*900)}#ulkolinja-header-container .scene .scroller #c7.caption{top:calc(var(--vh)*1050)}#ulkolinja-header-container .scene .scroller #c8.caption{top:calc(var(--vh)*1200)}#ulkolinja-header-container .scene .scroller #c9.caption{top:calc(var(--vh)*1350)}#ulkolinja-header-container .scene .scroller #c10_.caption{top:calc(var(--vh)*1500)}#ulkolinja-header-container .scene #stats-widget{background-color:hsla(0,0%,100%,.83);left:10px;padding:10px;position:absolute;top:70px;visibility:hidden;width:300px;word-break:break-all}@keyframes fadeoutgraphic{0%{opacity:1}to{opacity:0}}@keyframes fadeingraphic{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=artikkeli.7ab1c930.css.map */