.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:clamp(4.5rem,9vh,6rem) clamp(1rem,3vw,2rem) clamp(1rem,4vh,2rem);animation:video-lightbox-in .25s ease}@keyframes video-lightbox-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.video-lightbox{animation:none}}.video-lightbox__body{display:flex;flex-direction:column;width:min(1280px,100%);max-height:100%}.video-lightbox__frame{position:relative;background:var(--ink);border-radius:0;overflow:hidden;flex-shrink:0}.video-lightbox__frame--landscape{width:100%;aspect-ratio:16 / 9;max-height:78vh;max-width:calc(78vh * 16 / 9);align-self:center}.video-lightbox__body--portrait{width:min(43.875vh,100%)}.video-lightbox__frame--portrait{aspect-ratio:9 / 16;width:100%;max-width:min(100%,43.875vh);max-height:78vh;align-self:center}.video-lightbox__meta{padding:1.1rem .2rem 0;color:var(--text);width:100%;max-width:calc(78vh * 16 / 9);align-self:center}.video-lightbox__body--portrait .video-lightbox__meta{max-width:none}.video-lightbox__meta-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.video-lightbox__meta-title-group{display:flex;align-items:baseline;flex-wrap:wrap;gap:.7rem;min-width:0}.video-lightbox__meta-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:-.03em}.video-lightbox__share,.video-lightbox__book-btn{flex-shrink:0;min-width:5.7rem;min-height:36px;padding:.35rem .9rem;border-radius:0;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.video-lightbox__share:hover{background:var(--surface-2)}.video-lightbox__meta-dur{color:var(--accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.85rem;flex-shrink:0}.video-lightbox__meta-sub{color:var(--muted-small);font-size:.85rem;margin-top:.3rem}.video-lightbox__meta-blurb{margin-top:.6rem;font-size:.95rem;line-height:1.55;color:var(--text);max-width:var(--measure)}.video-lightbox__nav{flex-shrink:0;width:48px;height:48px;border-radius:0;border:1px solid var(--line);background:var(--surface);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 1rem;transition:background-color .2s ease,opacity .2s ease}.video-lightbox__nav:hover:not(:disabled){background:var(--surface-2)}.video-lightbox__nav:disabled{opacity:.3;cursor:default}.video-lightbox__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-lightbox__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--muted-small);background:var(--surface)}.video-lightbox__close{position:fixed;top:clamp(1rem,2.5vh,1.5rem);right:clamp(1rem,3vw,2rem);width:48px;height:48px;border-radius:0;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.video-lightbox__close:hover{background:var(--surface-2);color:var(--accent)}.video-lightbox__book{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem;padding:.8rem .2rem 0;flex-shrink:0;width:100%;max-width:calc(78vh * 16 / 9);align-self:center}.video-lightbox__body--portrait .video-lightbox__book{max-width:none}.video-lightbox__book-text{color:var(--muted-small);font-size:.85rem}.video-lightbox__book-btn{min-width:0;background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.video-lightbox__book-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (max-width: 720px){.video-lightbox{overflow-y:auto;align-items:safe center}.video-lightbox__nav{display:none}.video-lightbox__body{max-height:none}.video-lightbox__frame--landscape{max-height:78svh;max-width:100%}.video-lightbox__body--portrait{width:min(41.625svh,100%)}.video-lightbox__frame--portrait{max-width:min(100%,41.625svh);max-height:74svh}.video-lightbox__book{justify-content:center}.video-lightbox__book-btn{min-height:44px;padding:.5rem 1rem}}
