.case-video-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:1300;display:none;align-items:center;justify-content:center;padding:24px}
.case-video-modal.open{display:flex}
.case-video-modal-box{position:relative;width:min(1120px,100%);background:#000;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.4);overflow:hidden}
.case-video-modal-top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 76px 72px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}
.case-video-modal-top strong{font:900 16px/1.25 system-ui,sans-serif;color:#fff;max-width:72%;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.case-video-modal-close{position:absolute;top:14px;right:14px;z-index:7;width:44px;height:44px;border:none;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.32);backdrop-filter:blur(6px);pointer-events:auto}
.case-video-modal-close:hover{background:rgba(232,26,46,.92);color:#fff}
.case-video-modal-frame{position:relative;background:#000}
.case-video-modal-frame::before{content:'';display:block;padding-top:56.25%}
.case-video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.case-video-modal-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}
@media (max-width:768px){
  .case-video-modal{padding:8px}
  .case-video-modal-box{width:calc(100vw - 16px)}
  .case-video-modal-frame{margin-top:0}
  .case-video-modal-close{top:8px;right:8px}
  .case-video-modal-top{padding:12px 60px 56px 14px}
  .case-video-modal-top strong{font-size:14px}
}