html,body{margin:0;background:#fff}

.mvA{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.mvA__in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,4.5vw,52px);align-items:center}
.mvA__screen{
  position:relative;aspect-ratio:16/9;border-radius:12px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(140deg,#1d2740,#121a2c 60%,#0f1524);
  box-shadow:0 0 0 1px rgba(50,50,93,.1),0 20px 44px -22px rgba(10,37,64,.7);
}
.mvA__screen::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 60% at 50% 42%, rgba(99,91,255,.3), transparent 70%)}
.mvA__play{
  position:relative;width:66px;height:66px;border:0;border-radius:50%;background:#fff;cursor:pointer;
  box-shadow:0 8px 26px rgba(0,0,0,.45);transition:transform .16s;
}
.mvA__play::after{content:"";position:absolute;left:53%;top:50%;translate:-50% -50%;
  border-left:17px solid #0d1220;border-top:11px solid transparent;border-bottom:11px solid transparent}
.mvA__play:hover{transform:scale(1.07)}
.mvA__time{
  position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:700;
  padding:4px 9px;border-radius:4px;font-variant-numeric:tabular-nums;
}
.mvA__eyebrow{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--acc)}
.mvA__body h2{margin:0;font-size:clamp(19px,2.6vw,26px);font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.55}
.mvA__body p{margin:14px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}
.mvA__chap{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.mvA__chap a{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:10px 0;font-size:13px;color:var(--ink);
  text-decoration:none;border-top:1px solid var(--line)}
.mvA__chap li:last-child a{border-bottom:1px solid var(--line)}
.mvA__chap time{font-size:11.5px;color:var(--acc);font-weight:700;font-variant-numeric:tabular-nums}
.mvA__chap a:hover{color:var(--acc)}
@media (max-width:860px){ .mvA__in{grid-template-columns:1fr} }