html{--intro-tausta:#000;--intro-logo-suodin:none}html[data-theme=light]{--intro-tausta:#fafafa;--intro-logo-suodin:invert(1)}@media (prefers-color-scheme:light){html:not([data-theme]){--intro-tausta:#fafafa;--intro-logo-suodin:invert(1)}}.intro-logo image{filter:var(--intro-logo-suodin)}.intro-ruutu{pointer-events:none;display:none}html.avaa-intro .intro-ruutu{z-index:1001;background:var(--intro-tausta);place-items:center;animation:1s cubic-bezier(.4,0,.2,1) 2.8s both intro-pois;display:grid;position:fixed;inset:0}.intro-logo{width:min(300px,62vw);height:auto;animation:.5s cubic-bezier(.4,0,.2,1) 2.5s both intro-logo-pois;overflow:visible}.intro-logo .lp{fill:none;stroke:#fff;stroke-linecap:butt;stroke-dasharray:1 1;stroke-dashoffset:0;animation:logo-piirto var(--lp-kesto) cubic-bezier(.65, 0, .35, 1) calc(.25s + var(--lp-viive)) both}.intro-logo .lp-runko{stroke-width:26px;--lp-kesto:.45s;--lp-viive:0s}.intro-logo .lp-kaari{stroke-width:23px;--lp-kesto:.6s;--lp-viive:.35s}.lp-jalka-pyyhi{transform-box:fill-box;transform-origin:top;animation:.45s cubic-bezier(.65,0,.35,1) 1.15s both jalka-pyyhi}.intro-teksti{transform-box:fill-box;transform-origin:50%;animation:.8s cubic-bezier(.22,1,.36,1) 1.25s both intro-teksti}@keyframes jalka-pyyhi{0%{transform:scaleY(0)}to{transform:none}}@keyframes logo-piirto{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes intro-teksti{0%{opacity:0;transform:scaleX(.55)}to{opacity:1;transform:none}}@keyframes intro-logo-pois{to{opacity:0;filter:blur(4px);transform:translateY(-6px)}}@keyframes intro-pois{to{opacity:0;visibility:hidden}}html.intro-splash .intro-ruutu{animation:none}html.intro-splash .intro-logo{transform-origin:47.4% 28.4%;transform:var(--alku);animation:none}html.intro-splash .intro-logo .lp,html.intro-splash .lp-jalka-pyyhi{animation:none}html.intro-splash .intro-teksti{opacity:0;animation:none}html.intro-splash.intro-kay .intro-ruutu{animation:1s cubic-bezier(.4,0,.2,1) 2.5s both intro-pois}html.intro-splash.intro-kay .intro-logo{animation:.7s cubic-bezier(.65,0,.35,1) .45s both intro-splash-siirto,.5s cubic-bezier(.4,0,.2,1) 2.2s both intro-logo-pois}html.intro-splash.intro-kay .intro-teksti{animation:.8s cubic-bezier(.22,1,.36,1) .9s both intro-teksti}@keyframes intro-splash-siirto{0%{transform:var(--alku)}to{transform:none}}