.kt{--g:#042f27;--lime:#b6ce3d;--sc:#46605a;--line:#dce3dd;--ease:cubic-bezier(.22,1,.36,1)}.kt .kt-huvud{gap:14px;display:grid}@media (min-width:1024px){.kt .kt-huvud{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:48px}}.kt .kt-h2{letter-spacing:-.025em;max-width:14ch;color:var(--g);text-wrap:balance;margin:0;font-size:clamp(34px,3.8vw,56px);line-height:1.04}.kt .kt-punkt{color:var(--lime)}.kt .kt-ingress{max-width:44ch;color:var(--sc);margin:0;font-size:16px;line-height:1.55}@media (min-width:768px){.kt .kt-ingress{font-size:18px}}.kt .kt-lista{gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.kt .kt-lista{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}}@media (max-width:899px){.kt .kt-lista{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.kt .kt-lista::-webkit-scrollbar{display:none}.kt .kt-lista>li{scroll-snap-align:start;flex:0 0 min(78vw,360px)}}.kt .kt-kort{color:var(--g);flex-direction:column;display:flex}.kt .kt-kort:focus-visible{outline:2px solid var(--g);outline-offset:6px;border-radius:28px}.kt .kt-scen{aspect-ratio:1;background:var(--g);border-radius:28px;place-items:center;padding:32px 36px;display:grid;position:relative;overflow:hidden}.kt .kt-yta{zoom:.5;width:200%;transition:transform .6s var(--ease);place-items:center;display:grid}.kt .kt-kort:hover .kt-yta{transform:translateY(-6px)}.kt .yt-bricka{display:none}@media (min-width:1280px){.kt .kt-yta{zoom:.625;width:160%}}.kt .kt-fot{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.kt .kt-namn{letter-spacing:-.015em;font-size:24px;line-height:1.1}@media (min-width:768px){.kt .kt-namn{font-size:26px}}.kt .kt-pil{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);border-radius:999px;flex:none;place-items:center;display:grid}.kt .kt-kort:hover .kt-pil{background:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);transform:rotate(-45deg)}@keyframes kt-in{0%{opacity:0;transform:translateY(28px)}}@media (prefers-reduced-motion:no-preference){[data-redo]:not([data-inne]) .kt-huvud,[data-redo]:not([data-inne]) .kt-lista>li{opacity:0}[data-inne] .kt-huvud{animation:kt-in .9s var(--ease)backwards}[data-inne] .kt-lista>li{animation:kt-in .9s var(--ease)backwards;animation-delay:calc(.15s + var(--i,0)*.11s)}}