/* O nama */
.about__media { height: 480px; overflow: hidden; border: 1px solid #333; background: #000; }
.about__media video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.about__txt { display: grid; gap: 20px; max-width: 1060px; margin: 36px auto 0; }
.about__txt p { margin: 0; color: #bdbdbd; font-size: 16px; line-height: 1.7; }
.about__txt strong { color: inherit; font-weight: 600; }
.about__txt p > strong:first-child { color: var(--text-dark); }
.about__txt u { text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (min-width: 768px) { .about__media { height: 520px; } .about__txt { gap: 30px; margin-top: 50px; } .about__txt p { font-size: 18px; line-height: 1.75; } }
@media (min-width: 1280px) { .about__media { height: 640px; } }

/* utisci: dva reda u suprotnim smerovima, ivice se gube */
.rv-rows { display: grid; gap: var(--grid); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.rv-rows:hover .rv-track { animation-play-state: paused; }
.rv-row { display: flex; overflow: hidden; }
.rv-track { display: flex; flex: none; gap: var(--grid); padding-right: var(--grid); animation: big var(--dur, 90s) linear infinite; }
.rv-row--rev .rv-track { animation-direction: reverse; }
.rv { display: flex; flex-direction: column; flex: none; width: 280px; margin: 0; padding: 16px; border: 1px solid #2c2c2c; background: var(--alter-bg); }
.rv__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.rv__stars { color: var(--link); font-size: 14px; letter-spacing: 2px; line-height: 1; }
.rv__ok { display: inline-flex; align-items: center; gap: 6px; color: var(--text); font-size: 11.5px; line-height: 1; }
.rv__ok .ico { width: 8px; height: 12px; color: #52bc5d; }
.rv__text { display: -webkit-box; flex: 1; min-height: 8.4em; margin: 12px 0 14px; overflow: hidden; color: #d6d6d6; font-size: 14px; line-height: 1.5; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.rv__who { display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid #2c2c2c; color: var(--text); font-size: 12.5px; line-height: 1.35; }
.rv__who strong { display: block; color: var(--text-dark); font-size: 14px; font-weight: 600; }
.rv__ava { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: #2a2a2a; color: var(--link); font: 700 12px/1 var(--f-head); }
@media (min-width: 768px) { .rv { width: 380px; padding: 26px; } .rv__text { font-size: 16px; } }