/* Блок «Говорят сами участники»: два ряда видео-карточек бегут навстречу, по образцу moshka.com (05.11) */
.ot{position:relative;overflow:hidden;padding:clamp(80px,11vh,140px) 0;background:#01030E;color:#FDF2E4;border-radius:clamp(24px,2.4vw,40px)}
.ot-head{max-width:1000px;margin:0 auto;padding:0 24px;text-align:center}
.ot-head h2{margin:0;font-size:clamp(34px,4.4vw,62px);line-height:1.02;color:#FDF2E4}
.ot-acc{color:#EEF400}
.ot-head p{margin:18px auto 0;font-size:16px;color:rgba(253,242,228,.62)}
.ot-rows{margin-top:clamp(44px,6vw,90px)}
.ot-row{overflow:hidden;padding:11px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ot-track{display:flex;width:max-content;animation:ot-run 90s linear infinite}
.ot-track.rev{animation-direction:reverse}
@keyframes ot-run{to{transform:translateX(-33.3333%)}}
@media (hover:hover) and (pointer:fine){.ot-row:hover .ot-track{animation-play-state:paused}}
.ot-row:has(.ot-card:focus-visible) .ot-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ot-track{animation:none}.ot-row{overflow-x:auto}}
.ot-card{flex-shrink:0;width:clamp(256px,26vw,380px);margin-right:clamp(14px,1.4vw,22px);padding:0;background:#11131C;border:1px solid rgba(253,242,228,.08);border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;color:inherit;font:inherit;display:block;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.ot-card:hover{transform:translateY(-4px);border-color:rgba(238,244,0,.5);box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}
.ot-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.ot-media img{display:block;width:100%;height:100%;object-fit:cover}
.ot-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:100px;display:grid;place-items:center;background:rgba(1,3,14,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.5);color:#fff;transition:transform .3s ease,background .3s ease}
.ot-card:hover .ot-play{transform:scale(1.1);background:#EEF400;color:#01030E;border-color:transparent}
.ot-meta{display:block;padding:13px 15px 15px}
.ot-meta b{display:block;font-size:15px;font-weight:600;line-height:1.15;color:#FDF2E4}
.ot-meta span{display:block;margin-top:4px;font-size:13px;color:rgba(253,242,228,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ot-modal{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;display:none;place-items:center}
.ot-modal[open]{display:grid}
.ot-modal::backdrop{background:rgba(1,3,14,.88);backdrop-filter:blur(10px)}
.ot-player{width:min(1040px,94vw);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 50px 130px -30px rgba(0,0,0,.9)}
.ot-player video{width:100%;display:block;max-height:78vh;background:#000}
.ot-pmeta{padding:15px 20px;background:#11131C}
.ot-pmeta b{display:block;font-size:16px;color:#FDF2E4}
.ot-pmeta span{display:block;margin-top:2px;font-size:13px;color:rgba(253,242,228,.55)}
.ot-close{position:fixed;top:clamp(14px,2vw,24px);right:clamp(14px,2vw,28px);width:46px;height:46px;border-radius:100px;border:0;background:#fff;color:#111;font-size:24px;cursor:pointer}
@media (max-width:640px){.ot-track{animation-duration:70s}}