#pd-Video {
	max-height: calc(100vh - 400px);   /* prevent overflow */
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;  
	margin: 20px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

#pd-Video > div {
	aspect-ratio: 16 / 9;     /* Vimeo default is 16:9 */
	width: min(100%, calc((100vh - 400px) * 16 / 9));  /* FIT with max height */
	max-width: 960px;
	position: relative !important;
	padding: 0 !important;
	height: auto !important;
}

#pd-Video > div > iframe {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	display: block;
	aspect-ratio: 16 / 9;
}



.error {
    color: #d32f2f;
    padding: 15px;
    background-color: #ffebee;
    border-radius: 4px;
    margin-top: 20px;
}
.loading {
    color: #1976d2;
    padding: 15px;
    background-color: #e3f2fd;
    border-radius: 4px;
    margin-top: 20px;
}