.tutkimus__naytto{display:flex;flex-direction:column;gap:32px;padding:32px 0 48px}.tutkimus__ots{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px}.tutkimus__ots>div{display:flex;flex-direction:column;gap:8px}.tutkimus h1{font-size:clamp(36px,7vw,52px)}.tutkimus__lava{display:flex;flex-direction:column;gap:48px}.vaiheet{position:relative}.vaiheet__viiva{position:absolute;left:30px;right:30px;top:29px;height:2px;background:var(--line)}.vaiheet__viiva--etene{top:28px;height:4px;background:var(--ink);transform-origin:left}.vaiheet__rivi{position:relative;display:flex;justify-content:space-between}.vaiheet__osa{display:flex;flex-direction:column;align-items:center;gap:8px}.vaiheet__osa .m{font-size:var(--koko-mono)}.vaihe{position:relative;width:60px;height:60px;padding:0;border:2px solid var(--ink);background:var(--ground);color:var(--ink);font-family:var(--font-otsikko);font-weight:900;font-stretch:75%;font-size:22px;overflow:hidden;cursor:pointer}.vaihe:active .vaihe__taytto,.vaihe:hover .vaihe__taytto{outline:2px solid var(--ground);outline-offset:-5px}.vaihe__taytto{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--ground)}@media (max-width:559.98px){.vaihe{width:48px;height:48px;font-size:18px}.vaiheet__viiva{left:24px;right:24px;top:23px}.vaiheet__viiva--etene{top:22px}.vaiheet__osa .m{letter-spacing:0}.kontrolli__ots .m{letter-spacing:.06em}}.kerros{gap:24px;scroll-margin-top:calc(var(--ylapalkki) + 16px)}.kerros,.kerros__teksti{display:flex;flex-direction:column}.kerros__teksti{gap:12px}.kerros__teksti h2{font-size:44px}.kerros__teksti>p:last-child{font-size:17px;line-height:1.5;color:var(--ink-muted)}@media (min-width:900px){.kerros{flex-direction:row;align-items:center;gap:48px;min-height:340px}.kerros__teksti{flex:0 0 360px}.kerros>:last-child{flex:1;min-width:0}}.lomakekortti{display:flex;flex-direction:column;gap:20px;padding:24px;border:1.5px solid var(--ink);background:var(--ground)}.lomakekortti--tiivis{gap:16px}.lomakekortti .m{color:var(--ink)}.lomakekortti__rivi{display:flex;flex-direction:column;gap:10px;font-size:18px;font-weight:700;line-height:1.3}.viiva{height:2px;background:var(--ink);transform-origin:left}.pakka{gap:10px}.pakka,.pakkakortti{display:flex;flex-direction:column}.pakkakortti{gap:6px;padding:16px 20px;border:1.5px solid var(--ink);background:var(--ground);font-size:22px;font-weight:800;line-height:1.25}.pakkakortti .m{font-weight:400}.pakka__ala{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:4px}.lukurivi{display:flex;flex-direction:column;gap:6px}.lukurivi .m{color:var(--ink-muted)}.lukurivi__taytto{background:var(--ink)}.vaihto{position:relative;display:grid;gap:12px;font-size:22px;line-height:1.25}.vaihto__puoli{display:flex;flex-direction:column;gap:10px;padding:20px 24px;border:1.5px solid var(--ink);background:var(--ground)}.vaihto__puoli--ennen{background:var(--surface-2);color:var(--ink-muted);order:-1;border-color:var(--line)}.vaihto__jalkeen{font-weight:800}.vaihto__nimi{color:var(--ink)}.vaihto__raja{display:none}.kontrolli__ots,.kontrolli__rivi{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:12px;align-items:baseline}.kontrolli__rivi{font-size:17px;font-weight:700;line-height:1.3;padding-block:8px;border-top:1px solid var(--line)}.kontrolli__rivi .m{color:var(--ink-muted);font-weight:400;letter-spacing:.06em}.hinnat{padding:64px 0 72px;background:var(--surface-1);border-top:1.5px solid var(--ink)}.hinnat__kehys{display:flex;flex-direction:column;gap:28px}.hinnat__ots{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px}.hinnat h2{font-size:clamp(36px,8vw,60px);line-height:.92}.hinnat__rivi{display:grid;gap:16px}.hintakortti{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 24px;border:1px solid var(--line);background:var(--ground);color:var(--ink);text-decoration:none;transition:border-color var(--kesto) var(--ease)}.hintakortti:hover{border-color:var(--ink)}.hintakortti:active{background:var(--surface-2)}.hintakortti__siirry{color:var(--ink);margin-top:auto}.hintakortti--paa{border:1.5px solid var(--ink)}.hintakortti__nimi{font-size:22px;font-weight:800;line-height:1.2}.hintakortti__hinta{font-size:clamp(48px,6vw,64px)}.hintakortti__viiva{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--kesto-piirto) var(--ease)}.hintakortti:focus-visible .hintakortti__viiva,.hintakortti:hover .hintakortti__viiva{transform:scaleX(1)}.hinnat__huomio{font-size:15px;color:var(--ink-muted)}@media (min-width:768px){.hinnat__rivi{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes ilmesty{0%{opacity:0}to{opacity:1}}@keyframes kerros-eka{0%,80%{opacity:1;transform:none;visibility:visible}to{opacity:0;transform:translateY(-24px);visibility:hidden}}@keyframes kerros-keski{0%{opacity:0;transform:translateY(24px);visibility:hidden}1%{visibility:visible}20%,80%{opacity:1;transform:none;visibility:visible}to{opacity:0;transform:translateY(-24px);visibility:hidden}}@keyframes kerros-vika{0%{opacity:0;transform:translateY(24px);visibility:hidden}1%{visibility:visible}20%,to{opacity:1;transform:none;visibility:visible}}@keyframes viuhka-2{0%{transform:translateY(-86px)}to{transform:translateY(0)}}@keyframes viuhka-3{0%{transform:translateY(-172px)}to{transform:translateY(0)}}@keyframes pyyhi{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes raja{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.hintakortti__viiva{transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hinnat__kehys{animation:nouse linear both;animation-timeline:view();animation-range:entry 0 entry 60%}.lukurivi__taytto,.viiva{animation:tayta linear both;animation-timeline:view();animation-range:entry 20% cover 40%}@media (min-width:1024px) and (min-height:720px) and (max-height:1000px){.tutkimus{height:calc(100vh - var(--ylapalkki) + 1904px);view-timeline:--tutkimus block;view-timeline-inset:var(--ylapalkki) 0}.tutkimus__naytto{position:sticky;top:var(--ylapalkki);height:calc(100vh - var(--ylapalkki));justify-content:center;gap:24px;padding:16px 0;overflow:clip}.tutkimus__lava{display:grid;height:340px;gap:0}.kerros{grid-area:1/1;min-height:0}.vaiheet__viiva--etene{animation:tayta linear both;animation-timeline:--tutkimus;animation-range:contain 0 contain 100%}.vaihe__taytto{animation:ilmesty linear both;animation-timeline:--tutkimus}.vaihe__taytto--0{animation-range:contain 0 contain 1%}.vaihe__taytto--1{animation-range:contain 19% contain 22%}.vaihe__taytto--2{animation-range:contain 39% contain 42%}.vaihe__taytto--3{animation-range:contain 59% contain 62%}.vaihe__taytto--4{animation-range:contain 79% contain 82%}.kerros--0{animation:kerros-eka linear both;animation-timeline:--tutkimus;animation-range:contain 0 contain 20%}.kerros--1{animation:kerros-keski linear both;animation-timeline:--tutkimus;animation-range:contain 20% contain 40%}.kerros--2{animation:kerros-keski linear both;animation-timeline:--tutkimus;animation-range:contain 40% contain 60%}.kerros--3{animation:kerros-keski linear both;animation-timeline:--tutkimus;animation-range:contain 60% contain 80%}.kerros--4{animation:kerros-vika linear both;animation-timeline:--tutkimus;animation-range:contain 80% contain 100%}.viiva{animation:tayta linear both;animation-timeline:--tutkimus}.viiva--1{animation-range:contain 2% contain 5%}.viiva--2{animation-range:contain 5% contain 8%}.viiva--3{animation-range:contain 8% contain 11%}.pakkakortti--2{animation:viuhka-2 linear both;animation-timeline:--tutkimus;animation-range:contain 24% contain 29%}.pakkakortti--3{animation:viuhka-3 linear both;animation-timeline:--tutkimus;animation-range:contain 24% contain 31%}.lukurivi__taytto{animation:tayta linear both;animation-timeline:--tutkimus}.lukurivi__taytto--1{animation-range:contain 44% contain 46%}.lukurivi__taytto--2{animation-range:contain 45% contain 47%}.lukurivi__taytto--3{animation-range:contain 46% contain 48%}.lukurivi__taytto--4{animation-range:contain 47% contain 50%}.vaihto{display:block;height:280px;overflow:clip}.vaihto__puoli{position:absolute;inset:0}.vaihto__puoli--ennen{animation:pyyhi linear both;animation-timeline:--tutkimus;animation-range:contain 64% contain 71%;border-color:var(--ink)}.vaihto__nimi{align-self:flex-end}.vaihto__raja{display:block;position:absolute;inset:0;pointer-events:none;animation:raja linear both;animation-timeline:--tutkimus;animation-range:contain 64% contain 71%}.vaihto__raja:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ink)}}}}