body.pj-direct,
body.pj-direct #wrapper,
body.pj-direct #pusher,
body.pj-direct .pjax-container {
	background: var(--pj-white) !important;
	color: var(--pj-ink);
}

body.pj-direct .sr-header,
body.pj-direct header.elementor-location-header,
body.pj-direct [data-elementor-type="header"],
body.pj-direct #footer,
body.pj-direct footer.elementor-location-footer,
body.pj-direct [data-elementor-type="footer"],
body.pj-direct .footer-wrapper-backtotop,
body.pj-direct .footer-wrapper-backtotop-mobile {
	display: none !important;
}

body.pj-direct #pusher-wrap,
body.pj-direct #pusher {
	min-height: 0;
}

body.pj-direct #wrapper {
	width: auto;
	max-width: none;
	padding-top: 0 !important;
}

main.pj-direct {
	max-width: 480px;
	margin: 0 auto;
	padding: 20px 16px 32px;
}

.pj-direct__state {
	margin: 0;
	color: var(--pj-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pj-direct__state--live {
	color: var(--pj-red);
}

.pj-direct__title {
	margin: 4px 0 12px;
	color: var(--pj-ink);
	font-family: Anton, var(--pj-font-display);
	font-size: 40px;
	font-weight: 400;
	letter-spacing: -0.03em;
	line-height: 0.95;
	text-transform: uppercase;
}

.pj-direct__lead,
.pj-direct__theme {
	margin: 0 0 16px;
}

.pj-direct__theme {
	font-weight: 700;
}

.pj-direct__visual {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 0 16px;
	border-radius: var(--pj-radius-card);
	object-fit: cover;
}

.pj-direct__card {
	margin: 0 0 16px;
	padding: 16px;
	border-radius: var(--pj-radius-card);
	background: var(--pj-paper);
}

.pj-direct__card h2 {
	margin: 0 0 8px;
	color: var(--pj-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.pj-direct__card p,
.pj-direct__programme {
	margin: 0;
}

.pj-direct__count {
	margin: 8px 0 0;
	font-family: Anton, var(--pj-font-display);
	font-size: 32px;
	letter-spacing: -0.03em;
	line-height: 1;
}

.pj-direct__card .pj-btn,
main.pj-direct > .pj-btn {
	width: 100%;
	margin-top: 12px;
}

.pj-direct__stage {
	margin-top: 16px;
	overflow: hidden;
	border-radius: var(--pj-radius-card);
	background: var(--pj-ink);
	aspect-ratio: 16 / 9;
}

.pj-direct__stage[hidden] {
	display: none;
}

.pj-direct__stage iframe,
.pj-direct__stage video {
	width: 100%;
	height: 100%;
	border: 0;
}

.pj-direct__library {
	margin-top: 28px;
}

.pj-direct__library h2,
.pj-premiere h3 {
	margin: 0 0 8px;
	font-size: 18px;
}

.pj-premiere {
	margin-top: 16px;
	padding: 14px;
	border-radius: var(--pj-radius-card);
	background: var(--pj-paper);
}

.pj-premiere p {
	margin: 0;
	color: var(--pj-muted);
}

.pj-premiere .pj-btn {
	width: 100%;
	margin-top: 8px;
}

.pj-premiere__stage {
	margin-top: 12px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--pj-ink);
	aspect-ratio: 16 / 9;
}

.pj-premiere__stage[hidden] {
	display: none;
}

.pj-premiere__stage video {
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	main.pj-direct {
		max-width: min(960px, calc(100% - 64px));
		padding: 36px 0 48px;
	}
}