/* Logo de Rently: la R oficial (imagen) entra con un pequeño impulso y se inclina al pasar el cursor */
.rl { display: inline-flex; align-items: center; gap: .32em; line-height: 1; color: inherit; text-decoration: none; }
.rl-mark { flex: none; display: block; object-fit: contain; user-select: none; -webkit-user-drag: none; animation: rlIn .7s cubic-bezier(.34, 1.56, .64, 1) both; transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }
.rl:hover .rl-mark, .rl-mark:hover { transform: rotate(-6deg) scale(1.06); }
.rl-txt { display: grid; gap: .28em; }
.rl-word { font-family: Montserrat, system-ui, sans-serif; font-weight: 800; letter-spacing: .04em; font-size: 1em; }
.rl-tag { font-family: Montserrat, system-ui, sans-serif; font-weight: 600; letter-spacing: .14em; font-size: .36em; text-transform: uppercase; opacity: .75; }
@keyframes rlIn { from { opacity: 0; transform: scale(.7) rotate(-8deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rl-mark { animation: none; transition: none; } }
/* la R crece con el tamaño de letra del lugar donde va */
.rl .rl-mark { width: 1.45em; height: 1.45em; margin: -.12em 0; }