.tst{overflow-x:clip}
.tst-head{max-width:540px;margin:0 auto 40px;text-align:center}
.tst-head h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;text-wrap:balance}

.tst-cols{display:flex;justify-content:center;gap:24px;height:740px;overflow:hidden;
  padding-inline:12px;margin-inline:-12px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
.tst-col{flex:0 1 360px;min-width:0}
.tst-col:nth-child(2),.tst-col:nth-child(3){display:none}
@media(min-width:768px){.tst-col:nth-child(2){display:block}}
@media(min-width:1024px){.tst-col:nth-child(3){display:block}}

.tst-list{list-style:none;margin:0;padding:0 0 24px;display:flex;flex-direction:column;gap:24px}

.tst-card{width:100%;max-width:360px;margin-inline:auto;padding:32px;border-radius:24px;
  border:1px solid var(--line);background:var(--surface);cursor:default;user-select:none;-webkit-user-select:none;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -4px rgba(0,0,0,.05);
  transition:transform 320ms cubic-bezier(.34,1.56,.64,1),box-shadow 320ms ease}
.tst-card:hover,.tst-card:focus-visible{transform:translateY(-8px) scale(1.03);outline:none;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.12),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.05)}
.tst-card:focus-visible{box-shadow:0 25px 50px -12px rgba(0,0,0,.12),0 0 0 2px rgba(0,105,180,.3)}
:root[data-theme="dark"] .tst-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.tst-card blockquote{margin:0;padding:0}
.tst-card p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.95}
.tst-card footer{display:flex;align-items:center;gap:12px;margin-top:24px}
.tst-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:var(--bg-2);color:var(--blue);font-weight:700;font-size:16px;line-height:1;
  box-shadow:0 0 0 2px var(--bg-2);transition:box-shadow 300ms ease}
:root[data-theme="dark"] .tst-av{color:var(--blue-lt)}
.tst-card:hover .tst-av{box-shadow:0 0 0 2px rgba(0,105,180,.3)}
.tst-card cite{display:block;font-style:normal;font-weight:600;color:var(--fg);line-height:1.25;letter-spacing:-.01em}
.tst-role{display:block;margin-top:2px;font-size:14px;line-height:1.25;color:var(--fg-2)}

@media (prefers-reduced-motion:no-preference){
  .tst-list{animation:tst-up var(--tst-dur,15s) linear infinite;animation-play-state:paused}
  .tst.is-run .tst-list{animation-play-state:running}
  .tst.is-run .tst-col:hover .tst-list{animation-play-state:paused}
  .tst-body.is-pre{opacity:0;transform:translateY(50px) rotate(-2deg)}
  .tst-body.is-in{opacity:1;transform:none;
    transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1)}
}
@keyframes tst-up{to{transform:translateY(-50%)}}