/* Shared inline video modal, used by index.html and about.html via ku-founder-video.js.
   Any element with [data-video-trigger][data-video-id] opens this modal instead of
   navigating to YouTube. */
body.founder-video-open { overflow: hidden; }
.founder-video-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: clamp(1rem, 4vw, 3rem); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .32s ease, visibility .32s; }
.founder-video-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.founder-video-backdrop { position: absolute; inset: 0; background: rgba(17, 3, 6, .88); backdrop-filter: blur(12px); }
.founder-video-dialog { position: relative; z-index: 1; width: min(1100px, 94vw); max-height: 92vh; padding: clamp(.7rem, 1.6vw, 1rem); border: 1px solid rgba(240, 217, 143, .48); border-radius: 22px; background: linear-gradient(145deg, rgba(122, 20, 25, .96), rgba(50, 6, 10, .98)); box-shadow: 0 36px 100px rgba(0, 0, 0, .65), 0 0 0 1px rgba(199, 161, 74, .15) inset; transform: translateY(18px) scale(.97); transition: transform .38s cubic-bezier(.16,.84,.24,1); }
.founder-video-modal.is-open .founder-video-dialog { transform: translateY(0) scale(1); }
.founder-video-dialog .eyebrow { margin: .3rem .5rem .75rem; color: var(--gold-soft, #f0d98f); }
.founder-video-player { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #090303; }
.founder-video-player iframe { width: 100%; height: 100%; border: 0; display: block; }
.founder-video-close { position: absolute; z-index: 2; top: -14px; right: -14px; width: 40px; height: 40px; border: 1px solid rgba(240, 217, 143, .65); border-radius: 50%; background: var(--cream, #fbf6ea); color: var(--crimson-deep, #4f0d12); font: 400 2rem/1 "Kerr Sans", sans-serif; cursor: pointer; box-shadow: 0 8px 26px rgba(0, 0, 0, .4); }
.founder-video-close:hover { transform: scale(1.08); background: #fff; }
@media (max-width: 560px) { .founder-video-modal { padding: 1rem; } .founder-video-dialog { width: 100%; border-radius: 16px; } .founder-video-close { top: -10px; right: -4px; } }
