.tm-track{--tm-pad:1rem;--fade:3rem;margin:2.5rem calc(-1 * var(--tm-pad)) 0;padding:.75rem var(--tm-pad) 1.75rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tm-pad);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);cursor:grab;gap:1rem;display:flex;overflow-x:auto}.tm-track::-webkit-scrollbar{display:none}.tm-track.is-start{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent)}.tm-track.is-end{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade));mask-image:linear-gradient(to right, transparent, #000 var(--fade))}.tm-track.is-start.is-end{-webkit-mask-image:none;mask-image:none}.tm-track:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:-2px;border-radius:1.5rem}.tm-track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.tm-card{border:1px solid color-mix(in srgb, var(--color-neutral-200) 80%, transparent);box-shadow:var(--shadow-card);scroll-snap-align:start;background:#fff;border-radius:1.5rem;flex-direction:column;flex:0 0 min(23rem,86%);padding:1.4rem;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.dark .tm-card{border-color:var(--color-neutral-800);background:var(--color-neutral-900);box-shadow:0 1px 2px #0000004d,0 18px 40px -24px #0009}.tm-card:before{content:"";background:radial-gradient(22rem circle at var(--x,50%) var(--y,0%), color-mix(in srgb, var(--color-brand-400) 10%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.tm-card>*{position:relative}@media (hover:hover) and (pointer:fine){.tm-track:not(.is-dragging) .tm-card:hover{border-color:var(--color-brand-300);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.dark .tm-track:not(.is-dragging) .tm-card:hover{border-color:color-mix(in srgb, var(--color-brand-400) 45%, transparent)}.tm-card:hover:before{opacity:1}}.tm-mark{width:auto;height:1.9rem;fill:var(--color-brand-500);flex:none}.dark .tm-mark{fill:var(--color-brand-400)}.tm-topic{border:1px solid var(--color-neutral-200);color:var(--color-brand-700);white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.72rem;font-weight:650}.dark .tm-topic{border-color:var(--color-neutral-700);color:var(--color-brand-300)}.tm-quote{color:var(--color-neutral-700);margin-top:1.4rem;font-size:1.06rem;line-height:1.7}.dark .tm-quote{color:var(--color-neutral-300)}.tm-quote mark{background:linear-gradient(color-mix(in srgb, var(--color-brand-300) 45%, transparent), color-mix(in srgb, var(--color-brand-300) 45%, transparent)) no-repeat 0 88% / 100% .5em;color:var(--color-neutral-950);transition:background-size .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(.35s + var(--d,0) * .22s);border-radius:.2em;font-weight:600}.dark .tm-quote mark{background-image:linear-gradient(color-mix(in srgb, var(--color-brand-400) 30%, transparent), color-mix(in srgb, var(--color-brand-400) 30%, transparent));color:#fff}.tm-card[data-state=waiting] .tm-quote mark{background-size:0% .5em}.tm-who{border-top:1px solid var(--color-neutral-200);align-items:center;gap:.85rem;margin-top:auto;padding-top:1.25rem;display:flex}.dark .tm-who{border-color:var(--color-neutral-800)}.tm-card>:nth-last-child(2){margin-bottom:1.6rem}.tm-avatar{background:linear-gradient(135deg, var(--color-brand-400), var(--color-brand-600));width:2.75rem;height:2.75rem;box-shadow:0 10px 22px -12px var(--color-brand-600);color:#fff;letter-spacing:.02em;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.tm-name{color:var(--color-neutral-950);font-weight:650;display:block}.dark .tm-name{color:#fff}.tm-client{color:var(--color-neutral-500);font-size:.85rem;display:block}.tm-video{aspect-ratio:16/9;background:var(--color-neutral-900);border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 16px 34px -22px #0000008c}.tm-poster{cursor:pointer;width:100%;height:100%;display:block}.tm-poster img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.tm-poster:after{content:"";background:linear-gradient(#0000 40%,#00000073);position:absolute;inset:0}.tm-poster:hover img{transform:scale(1.04)}.tm-poster:focus-visible{outline:3px solid var(--color-brand-300);outline-offset:-3px}.tm-poster--sample{background:radial-gradient(70% 90% at 30% 20%, color-mix(in srgb, var(--color-brand-400) 45%, transparent), transparent 70%), linear-gradient(135deg, var(--color-ink-800), var(--color-ink-950));cursor:default;position:relative}.tm-sample-tag{z-index:1;color:#fff;letter-spacing:.1em;text-transform:uppercase;border:1px dashed #ffffff8c;border-radius:999px;padding:.15rem .6rem;font-size:.68rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.tm-sample-note{z-index:1;color:#ffffffbf;text-align:center;font-size:.78rem;font-weight:600;position:absolute;inset:auto 0 .85rem}.tm-play{z-index:1;width:3.75rem;height:3.75rem;color:var(--color-brand-600);background:#fff;border-radius:999px;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -8px #0009}.tm-play:before{content:"";border-radius:inherit;animation:2.4s ease-out infinite tm-ring;position:absolute;inset:0;box-shadow:0 0 #ffffff80}.tm-poster:hover .tm-play{transform:translate(-50%,-50%)scale(1.08)}@keyframes tm-ring{0%{box-shadow:0 0 #ffffff73}70%,to{box-shadow:0 0 0 1.1rem #fff0}}.tm-frame{border:0;width:100%;height:100%}.tm-badge{background:var(--color-brand-50);color:var(--color-brand-700);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.72rem;font-weight:650;display:inline-flex}.dark .tm-badge{background:color-mix(in srgb, var(--color-brand-500) 18%, transparent);color:var(--color-brand-300)}.tm-controls{align-items:center;gap:1.25rem;margin-top:.75rem;display:flex}.tm-controls[hidden]{display:none}.tm-progress{background:var(--color-neutral-200);border-radius:999px;flex:1;height:3px;position:relative;overflow:hidden}.dark .tm-progress{background:var(--color-neutral-800)}.tm-progress span{inset-block:0;border-radius:inherit;background:var(--color-brand-500);position:absolute;left:0}.tm-arrow{border:1px solid var(--color-neutral-300);width:2.75rem;height:2.75rem;color:var(--color-neutral-800);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,opacity .2s;display:inline-flex}.dark .tm-arrow{border-color:var(--color-neutral-700);background:var(--color-neutral-900);color:#fff}.tm-arrow:hover:not(:disabled){border-color:var(--color-brand-400);color:var(--color-brand-700)}.dark .tm-arrow:hover:not(:disabled){color:var(--color-brand-300)}.tm-arrow:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}.tm-arrow:disabled{cursor:default;opacity:.35}@media (width>=640px){.tm-card{padding:2rem}}@media (width>=1024px){.tm-track{gap:1.25rem;margin-top:3rem}}@media (prefers-reduced-motion:reduce){.tm-card,.tm-card:before,.tm-quote mark,.tm-poster img,.tm-play{transition:none}.tm-play:before{animation:none}}