/* セクション共通ヘッダ（タイトル＋三原色マーク） */
.sec-head{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.title-mark{width:68px;height:auto}
.sec-title{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:.02em;margin:0}

/* 背景の薄いグレー角丸（画像で） */
.section-has-bg .sec-bg{
  position:absolute;inset:60px 0 auto; margin-inline:auto; width:min(92%,980px);
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.06)); z-index:-1;
}

/* カード（Studio/Community/Goods 共通） */
.cards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.card h3{margin:10px 12px 4px}
.card p{margin:0 12px 12px;color:var(--c-muted)}
@media (max-width:960px){ .cards{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .cards{grid-template-columns:1fr} }

/* 動画グリッド＋モーダル（Streaming 共通UI） */
.video-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.video-card{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow)}
.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video-card .play{position:absolute;left:12px;bottom:8px;color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.video-card p{margin:8px 10px 10px}
@media (max-width:900px){ .video-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .video-grid{grid-template-columns:1fr} }

.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:1000}
.video-modal[hidden]{display:none}
.modal-content{width:min(900px,94vw);background:#000;border-radius:12px;position:relative;padding:12px}
.modal-content iframe{display:block;width:100%;height:min(62vh,520px)}
.close{position:absolute;right:8px;top:6px;border:0;background:#fff;border-radius:999px;width:34px;height:34px;cursor:pointer}