.hero__naytto{padding:32px 0 40px}.hero__lava{gap:40px}.hero__a,.hero__lava{display:flex;flex-direction:column}.hero__a{gap:20px}.esimerkki{display:flex;flex-direction:column;gap:6px;width:100%}.esimerkki__ots{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;min-height:44px}.esimerkki__rivi{min-height:1.25em;font-size:clamp(18px,1.2vw + 14px,26px);font-weight:500;line-height:1.25;color:var(--ink)}.tulosviivat{display:flex;flex-direction:column;gap:8px;margin-top:6px}.tulosviiva{height:12px;transform-origin:left center;background:linear-gradient(var(--tick-pieni),var(--tick-pieni)) 0 100% /100% 1px no-repeat,repeating-linear-gradient(to right,var(--tick-pieni) 0 1px,transparent 1px 8px) 0 100% /100% 6px no-repeat,repeating-linear-gradient(to right,var(--tick-iso) 0 1px,transparent 1px 32px) 0 100% /100% 12px no-repeat}.tulosviiva:first-child{width:88%}.tulosviiva:nth-child(2){width:64%;animation-delay:.12s}.tulosviiva:nth-child(3){width:76%;animation-delay:.24s}.hero__paa{gap:32px}.hero__paa,.hero__teksti{display:flex;flex-direction:column}.hero__teksti{gap:20px;align-items:flex-start}.hero__ingressi{font-size:17px;line-height:1.5;color:var(--ink-muted)}.hero__napit{display:flex;flex-wrap:wrap;gap:12px}.herovideo{display:flex;flex-direction:column;gap:10px;min-width:0}.herovideo__ruutu{aspect-ratio:16/9;width:100%}.herovideo__teksti{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;color:var(--ink-muted)}.herovideo__napit{display:flex;align-items:center;gap:8px}@media (min-width:1024px){.hero h1{font-size:clamp(46px,4.7vw,60px);line-height:.9}.herovideo__ruutu{background:var(--surface-1) url(/media/luento-esittely-640.jpg) center /cover no-repeat}.herovideo__ruutu video{background:transparent}.hero__paa{display:grid;grid-template-columns:minmax(0,1fr) 448px;gap:40px;align-items:end}}.laskuri{display:flex;flex-direction:column;gap:22px}.laskuri__luku{font-size:clamp(64px,14.6vw,188px)}.laskuri__tiedot{display:grid;gap:16px}.laskuri__tieto{display:flex;flex-direction:column;gap:4px;font-size:18px;line-height:1.35}.hero__b{border-top:1px solid var(--line);padding-top:32px}@media (min-width:768px){.laskuri__tiedot{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.luennolta{padding-block:clamp(48px,8vw,72px);border-top:1px solid var(--line)}.luennolta__kehys{gap:40px}.luennolta__kehys,.luennolta__ots{display:flex;flex-direction:column}.luennolta__ots{gap:24px}.luennolta__ots>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.luennolta h2{font-size:clamp(34px,9.5vw,48px);line-height:.92}.luennolta__ots p:not(.m){font-size:16px;line-height:1.5;color:var(--ink-muted)}.soitin{gap:32px}.soitin,.soitin__vasen{display:flex;flex-direction:column}.soitin__vasen{gap:12px;width:100%;max-width:420px;margin-inline:auto}.soitin__ruutu{aspect-ratio:9/16;width:100%}.soitin__ruutu video{cursor:pointer}.soitin__numero{top:10px;left:10px;padding:10px;border:1px solid #1b3358}.soitin__iso,.soitin__numero{position:absolute;background:#000a18;color:#f7f8fa}.soitin__iso{left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 22px;border:1.5px solid #f7f8fa;border-radius:var(--radius-1);font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color var(--kesto) var(--ease),color var(--kesto) var(--ease)}.soitin__iso:active,.soitin__iso:hover{background:#f7f8fa;color:#000a18}.soitin__lause{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#000a18;border:1px solid #1b3358;pointer-events:none;opacity:0;transform:translateY(12px);transition:opacity var(--kesto) var(--ease),transform var(--kesto) var(--ease)}.soitin__lause[data-nakyy]{opacity:1;transform:none}.soitin__lause blockquote{font-size:21px;line-height:1.3;color:#f7f8fa}.soitin__etene{transition:transform .25s linear}.soitin__napit{display:flex;align-items:center;gap:8px}.soitin__aika{flex:1;font-size:12px;letter-spacing:.08em}.soitin__lista{display:flex;flex-direction:column;gap:8px;min-width:0}.soitin__otsake{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:6px}.soitin__huomio{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-muted)}.soitin__huomio .tekstilinkki{display:inline-flex;align-items:center;min-height:44px;padding-block:0}.rivi{display:grid;grid-template-columns:45px minmax(0,1fr);gap:14px;align-items:center;width:100%;min-height:96px;padding:8px 14px 8px 8px;background:var(--surface-1);border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-1);color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--kesto) var(--ease)}.rivi:active,.rivi:hover{background:var(--surface-2)}.rivi[data-paalla]{border-color:var(--ink-muted);border-left-color:var(--accent)}.rivi__kuva{display:block;width:45px;height:80px;-o-object-fit:cover;object-fit:cover;background:var(--surface-2)}.rivi__sisus{display:flex;flex-direction:column;gap:6px;min-width:0}.rivi__yla{display:flex;justify-content:space-between;gap:12px}.rivi__otsikko{font-size:17px;font-weight:700;line-height:1.25}.rivi__mitta{position:relative;display:block;height:8px;background:repeating-linear-gradient(to right,var(--tick-pieni) 0 1px,transparent 1px 8px) 0 100% /100% 6px no-repeat,linear-gradient(var(--tick-pieni),var(--tick-pieni)) 0 100% /100% 1px no-repeat}.rivi__taytto{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;transition:transform .25s linear}@media (min-width:900px){.luennolta__ots{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end}.soitin{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:start}.soitin__vasen{max-width:none;margin:0}}.askeleet{padding-block:clamp(48px,8vw,72px);border-top:1px solid var(--line)}.askeleet__kehys{display:flex;flex-direction:column;gap:32px}.askeleet__ots{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px}.askeleet h2{font-size:clamp(34px,8vw,60px);line-height:.92}.askeleet__rivi{display:grid;gap:16px}.askel{position:relative;display:flex;flex-direction:column;gap:14px;min-height:240px;padding:28px 24px 32px;background:var(--surface-1);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color var(--kesto) var(--ease),border-color var(--kesto) var(--ease)}.askel:active,.askel:hover{background:var(--surface-2);border-color:var(--ink-muted)}.askel__siirry{color:var(--ink)}.askel__siirry--yksin{margin-top:auto}.askel__nimi{font-size:28px;font-weight:800;line-height:1.1}.askel__teksti{font-size:16px;line-height:1.5;color:var(--ink-muted)}.askel__hinta{margin-top:auto;font-size:44px}.askel__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)}.askel:focus-visible .askel__viiva,.askel:hover .askel__viiva{transform:scaleX(1)}@media (min-width:768px){.askeleet__rivi{grid-template-columns:repeat(3,minmax(0,1fr))}}.videot{padding-block:clamp(48px,8vw,72px);border-top:1px solid var(--line)}.videot__kehys{gap:32px}.videot__kehys,.videot__ots{display:flex;flex-direction:column}.videot__ots{gap:20px}.videot__ots>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.videot h2{font-size:clamp(34px,8vw,60px);line-height:.92}.videot__teksti p{font-size:16px;line-height:1.5;color:var(--ink-muted);max-width:44ch}.videot__rivi{display:grid;gap:24px}.videot__lista{display:flex;flex-direction:column;gap:8px;min-width:0}.videokuva,.videot__lista .rivi{text-decoration:none}.videokuva{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--line);color:var(--ink);transition:background-color var(--kesto) var(--ease),border-color var(--kesto) var(--ease)}.videokuva:active,.videokuva:hover{background:var(--surface-2);border-color:var(--ink-muted)}.videokuva__ruutu{position:relative;display:block;aspect-ratio:16/9;overflow:clip;background:var(--surface-2)}.videokuva__ruutu img{-o-object-fit:cover;object-fit:cover}.videokuva__ala{display:flex;flex-direction:column;gap:10px;padding:20px 24px 24px}.videokuva__nimi{font-size:24px;font-weight:800;line-height:1.2}.videokuva__siirry{color:var(--ink)}@media (min-width:900px){.videot__ots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:48px;align-items:end}.videot__rivi{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}}.nauhat{display:flex;flex-direction:column;gap:24px;padding-top:56px;border-top:1px solid var(--line)}.nauhat__ots{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px}.nauhat h2{font-size:clamp(30px,7vw,44px)}.nauha{overflow:clip;border-block:1px solid var(--line)}.nauha+.nauha{border-top:0;margin-top:-24px}.nauha__rivi{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nauha__kopio{display:none}.nauha__osa{display:flex;align-items:center;gap:18px;padding:18px 28px;white-space:nowrap}.nauha__nelio{width:10px;height:10px;background:var(--ink)}.nauha__sivu{font-size:26px;font-weight:800}.nauha__tieto{font-size:26px;color:var(--ink-muted)}@media (max-width:559.98px){.nauha__osa{flex-wrap:wrap;gap:4px 18px;padding:14px 16px;white-space:normal}.nauha__sivu,.nauha__tieto{font-size:22px}}@keyframes piirto{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes nauha-vasen{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes nauha-oikea{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:no-preference){.tulosviiva{animation:piirto var(--kesto-piirto) var(--ease) both}.nauha__rivi{flex-wrap:nowrap;width:-moz-max-content;width:max-content;animation:nauha-vasen 42s linear infinite}.nauha--oikea .nauha__rivi{animation:nauha-oikea 48s linear infinite}.nauha__kopio{display:contents}.nauha__osa{white-space:nowrap}.nauha:hover .nauha__rivi,html[data-liike-seis] .nauha__rivi{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.liikekytkin{display:none}.askel__viiva,.rivi__taytto,.soitin__etene,.soitin__lause{transition:none}}@keyframes hero-ulos{0%{opacity:1;transform:none;visibility:visible}to{opacity:0;transform:translateY(-56px);visibility:hidden}}@keyframes hero-sisaan{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}@keyframes ilmesty{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.askel:first-child{animation:nouse linear both;animation-timeline:view();animation-range:entry 0 entry 80%}.askel:nth-child(2){animation:nouse linear both;animation-timeline:view();animation-range:entry 15% entry 95%}.askel:nth-child(3){animation:nouse linear both;animation-timeline:view();animation-range:entry 30% cover 30%}.laskuri__taytto{animation:tayta linear both;animation-timeline:view();animation-range:entry 40% cover 60%}@media (min-width:1024px) and (min-height:720px) and (max-height:1000px){.hero{height:calc(100vh - var(--ylapalkki) + 804px);view-timeline:--hero block;view-timeline-inset:var(--ylapalkki) 0}.hero__naytto{position:sticky;top:var(--ylapalkki);display:flex;align-items:center;height:calc(100vh - var(--ylapalkki));padding:0;overflow:clip}.hero__lava{display:grid;gap:0}.hero__a,.hero__b{grid-area:1/1;align-self:center}.hero__a{animation:hero-ulos linear both;animation-timeline:--hero;animation-range:contain 28% contain 46%}.hero__b{border-top:0;padding-top:0;pointer-events:none;animation:hero-sisaan linear both;animation-timeline:--hero;animation-range:contain 45% contain 58%}.laskuri__taytto{animation-timeline:--hero;animation-range:contain 52% contain 88%}.laskuri__tieto--lahde{animation:ilmesty linear both;animation-timeline:--hero;animation-range:contain 82% contain 90%}.laskuri__tieto--raja{animation:ilmesty linear both;animation-timeline:--hero;animation-range:contain 90% contain 98%}}}}