.tm{--g:#042f27;--lime:#b6ce3d;--sc:#46605a;--line:#dce3dd;--ease:cubic-bezier(.22,1,.36,1)}.tm .tm-scen{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0 -25px;padding:0 25px;scroll-padding:0 25px;display:flex;overflow-x:auto}.tm .tm-scen::-webkit-scrollbar{display:none}.tm .tm-fig{scroll-snap-align:start;flex:0 0 min(82vw,420px);margin:0}@media (min-width:768px){.tm .tm-scen{gap:24px}}.tm .tm-foto{aspect-ratio:4/5;background:#eef1ec;border-radius:20px;position:relative;overflow:hidden}.tm .tm-foto-in{position:absolute;inset:0}.tm .tm-logga{object-fit:contain;object-position:left bottom;width:auto;max-width:55%;height:30px;position:absolute;bottom:20px;left:20px}.tm .tm-text{padding-top:22px;position:relative}.tm .tm-tecken{height:.5em;color:var(--lime);font-size:64px;line-height:1;display:block}.tm .tm-citat{letter-spacing:-.01em;color:var(--g);text-wrap:pretty;margin:0;font-size:19px;line-height:1.32}.tm .tm-vem{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:20px;padding-top:14px;display:flex}.tm .tm-namn{color:var(--g);font-size:18px;line-height:1.15}.tm .tm-roll{color:var(--sc);font-size:14px;line-height:1.4}.tm .tm-val{display:none}.tm .tm-stjarnor{color:var(--lime);gap:3px;display:inline-flex}.tm .tm-stjarna{display:block}@media (min-width:768px){.tm .tm-stjarna{width:20px;height:20px}}@media (min-width:1024px){.tm .tm-scen{margin:0;padding:0;display:grid;overflow:visible}.tm .tm-fig{opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s linear .5s;grid-area:1/1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(48px,6vw,112px);display:grid}.tm .tm-fig[data-pa]{opacity:1;visibility:visible;transition:opacity .6s var(--ease),visibility 0s}.tm .tm-foto{max-height:640px}.tm .tm-foto-in{transition:transform 1.4s var(--ease);transform:scale(1.05)}.tm .tm-fig[data-pa] .tm-foto-in{transform:none}.tm .tm-text{transition:transform .8s var(--ease)80ms;padding-top:0;transform:translateY(12px)}.tm .tm-fig[data-pa] .tm-text{transform:none}.tm .tm-tecken{font-size:112px}.tm .tm-citat{letter-spacing:-.02em;max-width:26ch;font-size:clamp(28px,2.5vw,40px);line-height:1.16}.tm .tm-vem{max-width:420px;margin-top:36px;padding-top:18px}.tm .tm-namn{font-size:22px}.tm .tm-roll{font-size:15px}.tm .tm-logga{height:36px;bottom:26px;left:26px}.tm .tm-val{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:24px;margin-top:56px;display:grid}.tm .tm-knapp{border-top:1px solid var(--line);cursor:pointer;opacity:.55;transition:opacity .3s var(--ease);align-items:center;gap:14px;padding:20px 0 0;display:flex;position:relative}.tm .tm-knapp:before{content:"";background:var(--g);transform-origin:0;height:2px;transition:transform .6s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.tm .tm-knapp:hover,.tm .tm-knapp[aria-pressed=true]{opacity:1}.tm .tm-knapp[aria-pressed=true]:before{transform:none}.tm .tm-knapp:focus-visible{outline:2px solid var(--g);outline-offset:6px;border-radius:4px}.tm .tm-ansikte{background:#eef1ec;border-radius:50%;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.tm .tm-knapp[aria-pressed=true] .tm-ansikte{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--lime)}.tm .tm-knapp-namn{color:var(--g);font-size:17px;line-height:1.15;display:block}.tm .tm-knapp-roll{color:var(--sc);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13.5px;line-height:1.3;display:block;overflow:hidden}}@keyframes tm-in{0%{opacity:0;transform:translateY(32px)}}@keyframes tm-stjarna{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}@media (prefers-reduced-motion:no-preference){[data-redo]:not([data-inne]) .tm-in,[data-redo]:not([data-inne]) .tm-scen,[data-redo]:not([data-inne]) .tm-val{opacity:0}[data-inne] .tm-in{animation:tm-in .9s var(--ease)backwards}[data-inne] .tm-scen{animation:tm-in .9s var(--ease).1s backwards}[data-inne] .tm-val{animation:tm-in .9s var(--ease).22s backwards}[data-inne] .tm-stjarna{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards tm-stjarna;animation-delay:calc(.35s + var(--s,0)*70ms)}}@media (prefers-reduced-motion:reduce){.tm .tm-fig,.tm .tm-foto-in,.tm .tm-text{transition:none}}
