@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600&display=swap');

.p411-yts{
	--p411-gold:#C8A45D;
	--p411-light:#F4F1EA;
	--p411-black:#050505;
	--p411-panel:#111317;
	width:min(1420px,calc(100% - 36px));
	margin:58px auto;
	color:var(--p411-light);
}
.p411-yts *{box-sizing:border-box}
.p411-yts__header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:30px;
	margin-bottom:34px;
}
.p411-yts__eyebrow{
	display:block;
	margin-bottom:12px;
	color:var(--p411-light);
	font-size:13px;
	font-weight:500;
	letter-spacing:.28em;
	text-transform:uppercase;
}
.p411-yts__title{
	position:relative;
	margin:0;
	padding-bottom:18px;
	color:var(--p411-gold)!important;
	font-family:"Bodoni Moda",Georgia,serif!important;
	font-size:clamp(44px,6vw,84px);
	font-weight:500;
	letter-spacing:.025em;
	line-height:1;
	text-transform:uppercase;
}
.p411-yts__title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:118px;
	height:2px;
	background:var(--p411-light);
}
.p411-yts__channel{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:0 0 10px;
	color:var(--p411-gold)!important;
	border-bottom:1px solid var(--p411-gold);
	font-size:12px;
	letter-spacing:.16em;
	text-decoration:none!important;
	text-transform:uppercase;
	white-space:nowrap;
	transition:color .25s ease,border-color .25s ease;
}
.p411-yts__channel:hover{
	color:var(--p411-light)!important;
	border-color:var(--p411-light);
}
.p411-yts__toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:22px;
}
.p411-yts__filters{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
}
.p411-yts__filter{
	min-height:42px;
	padding:9px 18px;
	color:var(--p411-light);
	background:transparent;
	border:1px solid rgba(200,164,93,.55);
	border-radius:2px;
	font:600 11px/1 Arial,sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;
	cursor:pointer;
	transition:.25s ease;
}
.p411-yts__filter:hover,
.p411-yts__filter.is-active{
	color:#090909;
	background:var(--p411-gold);
	border-color:var(--p411-gold);
}
.p411-yts__search{
	display:flex;
	align-items:center;
	width:min(310px,100%);
	border:1px solid rgba(200,164,93,.55);
	background:#090a0c;
}
.p411-yts__search input{
	width:100%;
	min-width:0;
	height:42px;
	padding:0 14px;
	color:var(--p411-light);
	background:transparent!important;
	border:0!important;
	outline:0;
	box-shadow:none!important;
	font-size:13px;
}
.p411-yts__search span:last-child{
	padding-right:14px;
	color:var(--p411-gold);
	font-size:22px;
}
.p411-yts__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}
.p411-yts__card{
	min-width:0;
	overflow:hidden;
	background:linear-gradient(145deg,#121419,#090a0d);
	border:1px solid rgba(200,164,93,.62);
	border-radius:3px;
	box-shadow:0 18px 42px rgba(0,0,0,.3);
	transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.p411-yts__card:hover{
	transform:translateY(-6px);
	border-color:var(--p411-gold);
	box-shadow:0 26px 60px rgba(0,0,0,.52);
}
.p411-yts__video-button{
	display:block;
	width:100%;
	padding:0!important;
	color:inherit!important;
	background:none!important;
	border:0!important;
	text-align:left;
	cursor:pointer;
}
.p411-yts__media{
	position:relative;
	display:block;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#070707;
	border-bottom:1px solid rgba(200,164,93,.38);
}
.p411-yts__media::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.55));
}
.p411-yts__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .5s ease,filter .35s ease;
}
.p411-yts__card:hover .p411-yts__media img{
	transform:scale(1.045);
	filter:contrast(1.05);
}
.p411-yts__play{
	position:absolute;
	z-index:2;
	left:50%;
	top:50%;
	width:66px;
	height:66px;
	border:1px solid var(--p411-gold);
	border-radius:50%;
	background:rgba(5,5,5,.72);
	box-shadow:0 12px 30px rgba(0,0,0,.5);
	transform:translate(-50%,-50%);
	transition:transform .25s ease,background .25s ease;
}
.p411-yts__play::after{
	content:"";
	position:absolute;
	left:27px;
	top:21px;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-left:17px solid var(--p411-gold);
}
.p411-yts__card:hover .p411-yts__play{
	transform:translate(-50%,-50%) scale(1.08);
	background:rgba(200,164,93,.14);
}
.p411-yts__body{
	display:block;
	padding:18px 20px 22px;
}
.p411-yts__date{
	display:block;
	margin-bottom:8px;
	color:var(--p411-gold);
	font:600 10px/1.2 Arial,sans-serif;
	letter-spacing:.15em;
	text-transform:uppercase;
}
.p411-yts__video-title{
	display:block;
	color:var(--p411-light);
	font-family:"Bodoni Moda",Georgia,serif;
	font-size:clamp(18px,1.65vw,26px);
	font-weight:500;
	line-height:1.25;
	text-transform:uppercase;
}
.p411-yts__notice,
.p411-yts__empty{
	padding:26px;
	color:var(--p411-light);
	background:var(--p411-panel);
	border:1px solid rgba(200,164,93,.5);
}
.p411-yts__empty{margin-top:16px}
.p411-yts__pagination{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	margin-top:28px;
}
.p411-yts__page{
	min-width:42px;
	height:42px;
	padding:0 12px;
	color:var(--p411-light);
	background:#090a0c;
	border:1px solid rgba(200,164,93,.45);
	cursor:pointer;
	transition:.25s ease;
}
.p411-yts__page:hover,
.p411-yts__page.is-active{
	color:#090909;
	background:var(--p411-gold);
	border-color:var(--p411-gold);
}
.p411-yts-modal{
	position:fixed;
	z-index:999999;
	inset:0;
	display:none;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(0,0,0,.92);
	backdrop-filter:blur(8px);
}
.p411-yts-modal.is-open{display:flex}
.p411-yts-modal__inner{
	position:relative;
	width:min(1180px,100%);
	aspect-ratio:16/9;
	background:#000;
	border:1px solid var(--p411-gold,#C8A45D);
	box-shadow:0 32px 100px rgba(0,0,0,.75);
}
.p411-yts-modal iframe{width:100%;height:100%;border:0}
.p411-yts-modal__close{
	position:absolute;
	z-index:2;
	right:-1px;
	top:-48px;
	width:42px;
	height:42px;
	color:var(--p411-light,#F4F1EA);
	background:#111317;
	border:1px solid var(--p411-gold,#C8A45D);
	font-size:25px;
	cursor:pointer;
}
body.p411-yts-modal-open{overflow:hidden}
@media(max-width:1020px){
	.p411-yts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.p411-yts__toolbar{align-items:stretch;flex-direction:column}
	.p411-yts__search{width:100%}
}
@media(max-width:650px){
	.p411-yts{
		width:min(100% - 20px,1420px);
		margin:38px auto;
		overflow:hidden;
	}
	.p411-yts__header{display:block}
	.p411-yts__channel{margin-top:18px}
	.p411-yts__title{font-size:clamp(36px,13vw,56px);overflow-wrap:anywhere}
	.p411-yts__eyebrow{font-size:11px}
	.p411-yts__grid{grid-template-columns:1fr;gap:13px}
	.p411-yts__filters{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		width:100%;
	}
	.p411-yts__filter{
		width:100%;
		min-width:0;
		padding:9px 8px;
	}
	.p411-yts__video-title{font-size:19px}
	.p411-yts__play{width:56px;height:56px}
	.p411-yts__play::after{left:23px;top:18px;border-top-width:9px;border-bottom-width:9px;border-left-width:15px}
}