/* Bagian video YouTube: sampul 16:9 dengan tombol putar; pemutar menggantikan sampul saat diklik. */
.video-frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1.5px solid var(--ink); border-radius: var(--radius); background: linear-gradient(135deg, var(--block-bg), color-mix(in srgb, var(--block-bg) 70%, var(--accent2))); box-shadow: var(--shadow); }
.video-play { position: absolute; inset: 0; display: block; }
.video-thumb { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.video-play:hover .video-thumb { transform: scale(1.03); }
.video-play::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .35)); pointer-events: none; }
.video-btn { position: absolute; z-index: 1; left: 50%; top: 50%; display: grid; place-items: center; width: clamp(64px, 9vw, 96px); aspect-ratio: 1; border-radius: 50%; background: var(--accent); color: #140A03; transform: translate(-50%, -50%); box-shadow: 0 0 0 10px rgba(var(--accent-rgb), .28), 0 18px 40px -12px rgba(0, 0, 0, .55); transition: transform .2s, box-shadow .2s; }
.video-btn svg { width: 42%; height: 42%; margin-left: 6%; }
.video-play:hover .video-btn, .video-play:focus-visible .video-btn { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 0 0 14px rgba(var(--accent-rgb), .3), 0 18px 40px -12px rgba(0, 0, 0, .55); }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-link { margin-top: 18px; }
.video-link .job-link { margin-top: 0; }