/* Scoped video invitation only. */
.roii-video-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;align-items:center;margin-top:28px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:13px}
.roii-video-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--navy)}
.roii-video-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.roii-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;padding-left:3px;background:var(--gold);color:var(--navy);border:2px solid white;border-radius:50%;box-shadow:0 2px 10px #0005}
.roii-video-duration{position:absolute;right:7px;bottom:7px;padding:0 6px;border-radius:4px;background:#102b49;color:white;font-size:.75rem;line-height:1.7}
.roii-video-copy h2{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:1.5rem;line-height:1.25}
.roii-video-copy p{margin:0 0 9px;max-width:700px;font-size:.95rem;line-height:1.55;color:var(--muted)}
.roii-video-copy>a{font-weight:700}
#roii-video-dialog{width:min(1000px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:18px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--paper);overflow:auto}
#roii-video-dialog::backdrop{background:rgba(5,15,28,.82)}
.roii-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.roii-dialog-header h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1.25;color:var(--navy)}
#roii-video-close{flex-shrink:0;font:inherit;font-weight:700;color:var(--navy);background:var(--gold-soft);border:1px solid var(--line);border-radius:6px;padding:8px 12px;cursor:pointer;min-height:44px}
#roii-video-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;max-height:calc(100dvh - 185px)}
.roii-dialog-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding-top:13px;font-size:.9rem}
.roii-video-error{font-size:.9rem}
@media(max-width:600px){.roii-video-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:15px}.roii-video-copy h2{font-size:1.35rem}#roii-video-dialog{padding:12px}.roii-dialog-header h2{font-size:1.1rem}.roii-dialog-links{flex-direction:column}}
@media print{.roii-video-card,#roii-video-dialog{display:none!important}}