.ar-osio{background:var(--surface);border-top:1px solid var(--border);padding-block:clamp(44px,6vw,80px)}.ar-yla{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;margin-bottom:24px;display:flex}.ar-yla h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.7rem,1.4vw + 1.1rem,2.4rem);font-weight:600;line-height:1.12}.ar-yla p{max-width:52ch;color:var(--ink-muted);margin:8px 0 0;line-height:1.55}.ar-toiminnot{align-items:center;gap:18px;display:flex}.ar-runko{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rivi rivi""palkki linkki";align-items:center;gap:16px 24px;display:grid}.ar-rivi{grid-area:rivi}.ar-kaikki{grid-area:linkki}@media (min-width:1024px){.ar-runko{grid-template-areas:"rivi linkki""palkki.";gap:16px 32px}.ar-runko .ar-kaikki{align-self:end;margin-bottom:calc(1.275rem + 8px)}}.ar-palkki{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;grid-area:palkki;height:20px;position:relative}.ar-palkki:before{content:"";background:var(--border);border-radius:999px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ar-palkki span{background:var(--border-strong);border-radius:999px;height:6px;transition:background .15s,height .15s;position:absolute;top:50%;transform:translateY(-50%)}.ar-palkki:hover span,.ar-palkki:active span{background:var(--primary);height:8px}.ar-kaikki{color:var(--primary-strong);flex:none;font-size:1.02rem;font-weight:700;text-decoration:none}.ar-kaikki:hover{text-underline-offset:3px;text-decoration:underline}.ar-nuolet{gap:8px;display:none}@media (min-width:860px){.ar-nuolet{display:flex}}.ar-nuolet button{border:1px solid var(--border-strong);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:1.1rem;transition:border-color .15s,color .15s;display:grid}.ar-nuolet button:hover{border-color:var(--primary);color:var(--primary-strong)}.ar-nuolet button:focus-visible,.ar-kortti:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ar-rivi{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;grid-auto-columns:minmax(260px,78%);grid-auto-flow:column;gap:24px;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.ar-rivi::-webkit-scrollbar{display:none}@media (min-width:640px){.ar-rivi{grid-auto-columns:calc(50% - 12px)}}@media (min-width:1024px){.ar-rivi{grid-auto-columns:calc(25% - 18px)}}.ar-rivi li{scroll-snap-align:start}.ar-kortti{color:inherit;gap:8px;text-decoration:none;display:grid}.ar-kortti .op-kuva{aspect-ratio:16/10;border-radius:var(--radius-s);background:var(--bg);display:block;position:relative;overflow:hidden}.ar-kortti .op-kuva img{object-fit:cover;transition:transform .35s}.ar-kortti:hover .op-kuva img{transform:scale(1.03)}.ar-aihe{color:var(--primary);margin-top:6px;font-size:.82rem;font-weight:700}.ar-kortti-otsikko{font-family:var(--font-display);text-wrap:balance;font-size:1.12rem;font-weight:600;line-height:1.25}.ar-kortti:hover .ar-kortti-otsikko{color:var(--primary-strong);text-underline-offset:3px;text-decoration:underline}.ar-lukuaika{color:var(--ink-muted);font-size:.85rem}@media (prefers-reduced-motion:reduce){.ar-rivi{scroll-behavior:auto}.ar-kortti .op-kuva img,.ar-nuolet button{transition:none}}