/* ---- レイアウト ---- */
    .works-section{max-width:1200px;margin:30px auto;padding:0 16px}
    .works-section *{box-sizing:border-box}
    .filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
    .filter-chips .chip{
      background:#ffdb4d;border-radius:999px;padding:8px 14px;font-weight:700;
      border:2px solid #111;box-shadow:0 2px 0 #b98700;cursor:pointer
    }
    .work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}

    /* ---- カード ---- */
    .work-card{
      background:#fff;border:3px solid #111;border-radius:18px;
      box-shadow:0 6px 0 #111;overflow:hidden
    }
    /* 動画枠(16:9固定) */
    .work-card .video-box{position:relative;width:100%;padding-top:56.25%;background:#000}
    /* 実動画 */
    .work-card .video-box iframe,
    .work-card .video-box video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

    /* 中央オーバーレイ（薄い黒 + 再生/リプレイボタン） */
    .video-overlay{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      background:rgba(0,0,0,.35);transition:opacity .18s ease;z-index:2
    }
    .video-overlay.hidden{opacity:0;pointer-events:none}
    .play-btn{
      background:#e60012;color:#fff;border:3px solid #111;border-radius:9999px;
      padding:14px 22px;font-weight:800;font-size:18px;box-shadow:0 4px 0 #111
    }
    .video-overlay.replay .play-btn{background:#1c46b5} /* もう一度再生時は青 */

    /* テキスト部 */
    .work-card .body{padding:12px 14px 0}
    .work-card h3{margin:6px 0 8px;font-size:18px}
    .work-card .meta{font-size:12px;line-height:1.6;color:#333;margin:8px 0}

    /* ボタン（セリフを投稿のみ） */
    .work-card .actions{display:flex;justify-content:center;padding:12px 14px 16px}
    .btn-post{
      background:linear-gradient(#2e6bff,#1c46b5);color:#fff;border:3px solid #111;border-radius:12px;
      padding:12px 16px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #111;display:inline-flex;gap:8px
    }

    /* 旧黒帯は廃止 */
    .work-card .divider{display:none}