/* Composant Ressource vidéo — COROLS */
.vres{border:1px solid rgba(14,15,17,.15);background:var(--papier,#F7F7F5);padding:clamp(24px,4vw,48px);margin:clamp(40px,6vw,80px) 0}
.vres-kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;display:block;margin-bottom:12px}
.vres h2,.vres h3{margin:0 0 12px}
.vres p{max-width:640px;margin:0 0 16px}
.vres ul{list-style:none;margin:0 0 24px;padding:0;max-width:640px}
.vres li{padding:8px 0 8px 26px;position:relative;border-top:1px solid rgba(14,15,17,.1)}
.vres li::before{content:"—";position:absolute;left:0;opacity:.5}
.vres-player{position:relative;aspect-ratio:16/9;background:var(--encre,#0E0F11);overflow:hidden}
.vres-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vres-btn{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--encre,#0E0F11);color:var(--papier,#F7F7F5);border:0;cursor:pointer;font:inherit}
.vres-btn:hover .vres-play,.vres-btn:focus-visible .vres-play{transform:scale(1.08)}
.vres-play{width:72px;height:72px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:transform .25s}
.vres-play::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent currentColor;margin-left:4px}
.vres-btn span{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.vres-note{font-size:12px;opacity:.55;margin-top:10px}
@media (prefers-reduced-motion:reduce){.vres-play{transition:none}}