.tst{padding-top:8px;overflow-x:clip}.tst .hd{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.tst h2{letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:400;line-height:1.1}.tst .nav{gap:10px;display:flex}.tst .nav button{border:1px solid var(--border);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.tst .nav button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tst .nav button:focus-visible,.tst .dots button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tst .stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.tst .card{background:var(--bg-2);border:1px solid var(--border);will-change:transform;border-radius:28px;width:min(720px,78%);padding:clamp(28px,4vw,52px) clamp(26px,4vw,56px) clamp(26px,3.4vw,44px);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;position:absolute;top:0;left:50%}.tst .card .q{height:.42em;color:var(--accent);opacity:.55;pointer-events:none;margin:0 0 18px -.04em;font:500 clamp(64px,6vw,84px)/1 Georgia,serif;display:block}.tst .card blockquote{letter-spacing:-.005em;color:var(--fg);margin:0;font-size:clamp(17px,1.6vw,21px);font-style:italic;line-height:1.62}.tst .card blockquote mark{color:var(--accent);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;font-weight:500;transition:background-size .9s cubic-bezier(.6,0,.2,1) .35s}.tst .card.is-active blockquote mark{background-size:100% 1.5px}.tst .who{color:var(--fg-muted);align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.tst .who .co{letter-spacing:.04em;color:var(--fg);border:1px solid var(--border);border-radius:99px;padding:4px 11px;font-size:12px;font-weight:600}.tst .card:not(.is-active){cursor:pointer}.tst .dots{justify-content:center;gap:10px;margin-top:36px;display:flex}.tst .dots button{background:var(--border);cursor:pointer;border:0;border-radius:4px;width:34px;height:4px;padding:0;position:relative;overflow:hidden}.tst .dots button span{background:var(--accent);width:0;position:absolute;inset:0}.tst .dots button[aria-current=true] span{width:100%;transition:none}.tst .dots.run button[aria-current=true] span{width:0;animation:tst-fill var(--dur) linear forwards}.tst .dots.paused button[aria-current=true] span{animation-play-state:paused}@keyframes tst-fill{to{width:100%}}@media (max-width:640px){.tst .hd{flex-direction:column;align-items:flex-start}.tst .card{width:86%}}@media (prefers-reduced-motion:reduce){.tst .card{transition:opacity .2s}.tst .card blockquote mark{background-size:100% 1.5px;transition:none}.tst .dots.run button[aria-current=true] span{width:100%;animation:none}}