.rfilm{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.rfilm-box{aspect-ratio:16/9;border:1px solid var(--border-1);background:var(--pnc-white);border-radius:12px;display:block;position:relative;overflow:hidden}.rfilm-facade{width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.rfilm-facade img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);position:absolute;inset:0}.rfilm-facade:hover img{transform:scale(1.02)}.rfilm-facade:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rfilm-play{width:var(--rfilm-play,52px);height:var(--rfilm-play,52px);border-radius:var(--radius-pill);background:var(--accent);color:var(--pnc-white);box-shadow:var(--shadow-md);transition:transform .2s var(--ease-out), background .2s;justify-content:center;align-items:center;display:flex;position:absolute}.rfilm-play svg{margin-left:2px}.rfilm--corner .rfilm-play{bottom:14px;left:14px}.rfilm--center .rfilm-play{top:50%;left:50%;transform:translate(-50%,-50%)}.rfilm--corner .rfilm-facade:hover .rfilm-play{background:var(--accent-hover);transform:scale(1.08)}.rfilm--center .rfilm-facade:hover .rfilm-play{background:var(--accent-hover);transform:translate(-50%,-50%)scale(1.08)}.rfilm-video{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.rfilm-error{text-align:center;color:var(--fg-2);background:#fffffff0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:0}.rfilm-error button{border:1px solid var(--border-2);border-radius:var(--radius-pill);background:var(--bg-1);font:inherit;color:var(--fg-1);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}.rfilm-error button:hover{border-color:var(--fg-1)}.on-dark .rfilm-box{border-color:#0000}.rloop{background:var(--pnc-white);width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.rfilm-facade img,.rfilm-play{transition:none}.rfilm-facade:hover img{transform:none}}@media (max-width:480px){.rfilm--corner .rfilm-play{bottom:10px;left:10px}}