/* DSM Premiere — gothic glamour
   Palette
   --ink   #0b0709  near-black, warm
   --blood #6e1023  oxblood
   --ember #b8344a  lit crimson
   --gold  #c9a24b  tarnished gold
   --bone  #ece4d6  warm bone (text)
*/

.dsm-premiere{
	--ink:#0b0709;--blood:#6e1023;--ember:#b8344a;--gold:#c9a24b;--bone:#ece4d6;
	position:relative;width:100%;aspect-ratio:16/9;min-height:320px;
	display:flex;align-items:center;justify-content:center;
	background:#0b0709 center/cover no-repeat;
	overflow:hidden;border:1px solid rgba(201,162,75,.35);
	box-shadow:0 0 0 1px rgba(0,0,0,.6),0 24px 60px -20px rgba(0,0,0,.8);
}

/* Vignette + oxblood wash over any poster image */
.dsm-premiere-overlay{
	position:absolute;inset:0;z-index:1;pointer-events:none;
	background:
		radial-gradient(120% 90% at 50% 30%, rgba(110,16,35,.30), transparent 60%),
		radial-gradient(140% 120% at 50% 120%, rgba(0,0,0,.92), rgba(0,0,0,.55) 55%),
		linear-gradient(180deg, rgba(11,7,9,.45), rgba(11,7,9,.78));
}

/* Hairline gold inner frame */
.dsm-premiere::after{
	content:"";position:absolute;inset:12px;z-index:2;pointer-events:none;
	border:1px solid rgba(201,162,75,.4);
}

.dsm-premiere-countdown{
	position:relative;z-index:3;text-align:center;color:var(--bone);
	padding:32px 24px;max-width:90%;
}

.dsm-premiere-eyebrow{
	font-family:'Cinzel',serif;font-weight:500;letter-spacing:.42em;
	text-transform:uppercase;font-size:clamp(11px,1.4vw,15px);
	color:var(--gold);margin:0 0 14px;padding-left:.42em;
}
.dsm-premiere-eyebrow::before,.dsm-premiere-eyebrow::after{content:"·";margin:0 .8em;color:rgba(201,162,75,.6);}

.dsm-premiere-title{
	font-family:'Cinzel',serif;font-weight:700;
	font-size:clamp(24px,4.4vw,52px);line-height:1.05;margin:0;
	color:var(--bone);text-shadow:0 2px 30px rgba(184,52,74,.35);
}

.dsm-premiere-subtitle{
	font-family:'EB Garamond',serif;font-style:italic;
	font-size:clamp(15px,2vw,22px);color:rgba(236,228,214,.82);
	margin:10px 0 0;
}

/* Clock */
.dsm-premiere-clock{
	display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.4vw,18px);
	margin:26px 0 6px;
}
.dsm-unit{display:flex;flex-direction:column;align-items:center;min-width:clamp(48px,8vw,84px);}
.dsm-num{
	font-family:'Cinzel',serif;font-weight:700;
	font-size:clamp(30px,6vw,68px);line-height:1;
	color:#fff;
	text-shadow:0 0 18px rgba(184,52,74,.65),0 0 2px rgba(255,255,255,.5);
	font-variant-numeric:tabular-nums;
}
.dsm-lbl{
	font-family:'Cinzel',serif;letter-spacing:.22em;text-transform:uppercase;
	font-size:clamp(9px,1.1vw,12px);color:var(--gold);margin-top:10px;
}
.dsm-sep{
	font-family:'Cinzel',serif;font-size:clamp(24px,5vw,54px);line-height:1;
	color:rgba(201,162,75,.55);margin-top:2px;
}

.dsm-premiere-when{
	font-family:'EB Garamond',serif;font-size:clamp(13px,1.5vw,17px);
	color:rgba(236,228,214,.7);margin-top:22px;letter-spacing:.02em;
}

/* Player state */
.dsm-premiere-player{position:absolute;inset:0;z-index:4;display:none;background:#000;}
.dsm-premiere-player iframe,
.dsm-premiere-player video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}

.dsm-premiere.is-live .dsm-premiere-overlay,
.dsm-premiere.is-live .dsm-premiere-countdown,
.dsm-premiere.is-live::after{display:none;}
.dsm-premiere.is-live .dsm-premiere-player{display:block;}

.dsm-premiere-error{padding:20px;border:1px dashed #b8344a;color:#b8344a;font-family:serif;}

@media (prefers-reduced-motion: no-preference){
	.dsm-premiere.is-live .dsm-premiere-player{animation:dsmFade .6s ease;}
	@keyframes dsmFade{from{opacity:0;}to{opacity:1;}}
}

@media (max-width:480px){
	.dsm-premiere{aspect-ratio:auto;min-height:380px;}
	.dsm-premiere-clock{gap:4px;}
	.dsm-sep{display:none;}
}