.rl-frame{background:#0c0b0e;border:1px solid #f3f0ea1a;border-radius:1rem;transition:border-color .4s,transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden}a:hover>.rl-frame,a:focus-visible>.rl-frame{border-color:#f3f0ea3d;transform:translateY(-4px)}a:focus-visible>.rl-frame{outline:2px solid var(--color-ink);outline-offset:4px}.rl-frame__bar{border-bottom:1px solid #f3f0ea12;align-items:center;gap:.35rem;height:2.1rem;padding:0 .85rem;display:flex}.rl-frame__bar span{background:#f3f0ea24;border-radius:50%;width:.5rem;height:.5rem}.rl-frame__bar em{letter-spacing:.02em;color:#f3f0ea6b;margin-left:auto;margin-right:auto;padding-right:1.5rem;font-size:.6875rem;font-style:normal}.rl-frame__screen{aspect-ratio:16/10;position:relative;overflow:hidden}@media (min-width:1024px){.rl-frame[data-wide] .rl-frame__screen{aspect-ratio:16/8.2}}.rl-media,.rl-frame__screen img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}a:hover>.rl-frame .rl-media,a:hover>.rl-frame img{transform:scale(1.015)}@media (prefers-reduced-motion:reduce){.rl-frame,.rl-media,.rl-frame__screen img{transition:none}}