/* Roka video showcase */
.roka-showcase { position: relative; border: 1px solid rgba(215,163,93,.5); border-radius: 1.25rem; background: #3b2229; box-shadow: 0 22px 50px rgba(59,34,41,.22); }
.roka-showcase .media-gif { position: relative; overflow: hidden; background: #3b2229; line-height: 0; }
.roka-showcase .media-gif::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 55%, rgba(24,15,20,.28)); }
.roka-showcase video { display: block; width: 100%; height: auto; object-fit: contain; transition: transform 1.2s cubic-bezier(.16,1,.3,1); }
.roka-showcase:hover video { transform: scale(1.025); }
.roka-showcase figcaption { position: relative; padding: 1.1rem 1.3rem; background: #3b2229; color: #fffaf3; font: 700 clamp(1rem, 2vw, 1.35rem)/1.2 var(--font-display); letter-spacing: .04em; }
@media (max-width: 640px) { .roka-showcase figcaption { padding: .9rem 1rem; } }