:root{
	--nal-video-bg:var(--nal-bg,#f3efe9);
	--nal-video-paper:var(--nal-paper,#fbfaf7);
	--nal-video-ink:var(--nal-ink,#121212);
	--nal-video-muted:var(--nal-muted,#6d6862);
	--nal-video-line:var(--nal-line,rgba(18,18,18,.16));
	--nal-video-accent:var(--nal-accent,#ff2e93);
	--nal-video-max:1440px;
}

.nal-video-container{
	width:min(var(--nal-video-max),100%);
	margin-inline:auto;
	padding-inline:clamp(20px,4vw,64px);
}

.nal-video-eyebrow{
	margin:0;
	font-size:10px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:.17em;
	text-transform:uppercase;
}

.nal-video-hero{
	padding:clamp(76px,8vw,128px) 0 58px;
	border-bottom:1px solid var(--nal-video-line);
	background:
		radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--nal-video-accent) 10%,transparent),transparent 27%),
		var(--nal-video-bg);
}

.nal-video-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.12fr) minmax(320px,.58fr);
	gap:clamp(48px,7vw,110px);
	align-items:end;
}

.nal-video-hero h1{
	margin:14px 0 0;
	font:400 clamp(76px,9vw,146px)/.82 Georgia,"Times New Roman",serif;
	letter-spacing:-.065em;
}

.nal-video-intro{
	max-width:500px;
	margin:0;
	color:var(--nal-video-muted);
	font-size:16px;
	line-height:1.75;
}

.nal-video-archive{
	padding:clamp(68px,8vw,118px) 0;
}

.nal-video-filters{
	display:flex;
	gap:9px;
	flex-wrap:wrap;
	margin-bottom:36px;
}

.nal-video-filter{
	min-height:38px;
	padding:8px 14px;
	border:1px solid var(--nal-video-line);
	border-radius:999px;
	background:transparent;
	color:var(--nal-video-ink);
	font-size:10px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	cursor:pointer;
}

.nal-video-filter.is-active,
.nal-video-filter:hover{
	border-color:var(--nal-video-ink);
	background:var(--nal-video-ink);
	color:#fff;
}

.nal-video-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:clamp(20px,2vw,30px);
	align-items:start;
}

.nal-video-card{
	min-width:0;
	overflow:hidden;
	border:1px solid var(--nal-video-line);
	background:var(--nal-video-paper);
	transition:transform .3s ease,box-shadow .3s ease;
}

.nal-video-card.is-hidden{
	display:none;
}

.nal-video-card:hover{
	transform:translateY(-5px);
	box-shadow:0 22px 55px rgba(18,18,18,.1);
}

.nal-video-card__play{
	display:block;
	width:100%;
	padding:0;
	border:0;
	background:none;
	color:inherit;
	text-align:left;
	cursor:pointer;
}

.nal-video-card__media{
	position:relative;
	overflow:hidden;
	aspect-ratio:16/9;
	background:#151515;
}

.nal-video-card.nal-ratio-9-16 .nal-video-card__media{
	aspect-ratio:9/16;
}

.nal-video-card.nal-ratio-4-5 .nal-video-card__media{
	aspect-ratio:4/5;
}

.nal-video-card.nal-ratio-1-1 .nal-video-card__media{
	aspect-ratio:1;
}

.nal-video-card__media img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .55s cubic-bezier(.2,.7,.2,1);
}

.nal-video-card:hover .nal-video-card__media img{
	transform:scale(1.035);
}

.nal-video-card__placeholder{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:
		linear-gradient(135deg,#1a1a1a,#4b1734);
	color:#fff;
	font-size:11px;
	font-weight:700;
	letter-spacing:.16em;
}

.nal-video-play-icon{
	position:absolute;
	left:50%;
	top:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:62px;
	height:62px;
	padding-left:4px;
	border:1px solid rgba(255,255,255,.48);
	border-radius:50%;
	background:rgba(0,0,0,.42);
	color:#fff;
	font-size:20px;
	transform:translate(-50%,-50%);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	transition:transform .25s ease,background-color .25s ease;
}

.nal-video-card:hover .nal-video-play-icon{
	background:var(--nal-video-accent);
	transform:translate(-50%,-50%) scale(1.06);
}

.nal-video-duration{
	position:absolute;
	right:12px;
	bottom:12px;
	padding:7px 9px;
	background:rgba(0,0,0,.72);
	color:#fff;
	font-size:9px;
	font-weight:700;
	letter-spacing:.08em;
}

.nal-video-card__body{
	padding:18px 19px 22px;
}

.nal-video-card__meta{
	display:flex;
	justify-content:space-between;
	gap:14px;
	margin-bottom:13px;
	color:var(--nal-video-muted);
	font-size:9px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.nal-video-card h2{
	margin:0;
	font:400 clamp(27px,2.6vw,40px)/1 Georgia,"Times New Roman",serif;
	letter-spacing:-.035em;
}

.nal-video-card__body p{
	margin:14px 0 0;
	color:var(--nal-video-muted);
	font-size:13px;
	line-height:1.65;
}

.nal-video-pagination{
	margin-top:50px;
}

.nal-video-pagination .nav-links{
	display:flex;
	justify-content:center;
	gap:8px;
}

.nal-video-pagination .page-numbers{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	height:40px;
	border:1px solid var(--nal-video-line);
}

.nal-video-pagination .current{
	background:var(--nal-video-ink);
	color:#fff;
}

.nal-video-empty{
	padding:80px 20px;
	border:1px solid var(--nal-video-line);
	text-align:center;
}

.nal-video-empty h2{
	margin:18px 0;
	font:400 clamp(48px,6vw,82px)/.9 Georgia,"Times New Roman",serif;
}

/* Modal */
body.nal-video-modal-open{
	overflow:hidden!important;
}

.nal-video-modal{
	position:fixed;
	z-index:2147482000;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:clamp(14px,3vw,46px);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .22s ease,visibility 0s linear .22s;
}

.nal-video-modal.is-open{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transition:opacity .22s ease,visibility 0s linear 0s;
}

.nal-video-modal__backdrop{
	position:absolute;
	inset:0;
	background:rgba(7,7,7,.94);
}

.nal-video-modal__panel{
	position:relative;
	z-index:2;
	width:min(1280px,100%);
	max-height:calc(100vh - 40px);
	background:#090909;
	box-shadow:0 30px 100px rgba(0,0,0,.4);
}

.nal-video-modal__bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:58px;
	padding:9px 12px 9px 20px;
	border-bottom:1px solid rgba(255,255,255,.14);
	color:#fff;
}

.nal-video-modal__title{
	margin:0;
	font-size:11px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.nal-video-modal__close{
	width:42px;
	height:42px;
	border:1px solid rgba(255,255,255,.25);
	border-radius:50%;
	background:transparent;
	color:#fff;
	font-size:28px;
	line-height:1;
	cursor:pointer;
}

.nal-video-modal__player{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
	background:#000;
}

.nal-video-modal__player iframe,
.nal-video-modal__player video{
	width:100%;
	height:100%;
	border:0;
	object-fit:contain;
}

/* Single */
.nal-video-single__hero{
	padding:clamp(72px,8vw,118px) 0 52px;
	border-bottom:1px solid var(--nal-video-line);
}

.nal-video-single__hero h1{
	max-width:1100px;
	margin:16px 0 24px;
	font:400 clamp(66px,8vw,124px)/.86 Georgia,"Times New Roman",serif;
	letter-spacing:-.06em;
}

.nal-video-single__meta{
	display:flex;
	gap:24px;
	flex-wrap:wrap;
	color:var(--nal-video-muted);
	font-size:10px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.nal-video-single__player-section{
	padding:clamp(58px,7vw,96px) 0;
}

.nal-video-inline-player{
	width:min(1280px,100%);
	margin-inline:auto;
	aspect-ratio:16/9;
	background:#000;
}

.nal-video-inline-player.nal-ratio-9-16{
	width:min(520px,100%);
	aspect-ratio:9/16;
}

.nal-video-inline-player.nal-ratio-4-5{
	width:min(720px,100%);
	aspect-ratio:4/5;
}

.nal-video-inline-player.nal-ratio-1-1{
	width:min(900px,100%);
	aspect-ratio:1;
}

.nal-video-inline-player iframe,
.nal-video-inline-player video{
	width:100%;
	height:100%;
	border:0;
	object-fit:contain;
}

.nal-video-unavailable{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:#fff;
}

.nal-video-single__content-section{
	padding:0 0 clamp(72px,8vw,120px);
}

.nal-video-reading{
	width:min(860px,calc(100% - 40px));
	margin-inline:auto;
	font-size:18px;
	line-height:1.8;
}

.nal-video-reading h2{
	font:400 clamp(44px,5vw,72px)/.96 Georgia,"Times New Roman",serif;
}

.nal-video-reading h3{
	font:400 clamp(30px,3vw,44px)/1.05 Georgia,"Times New Roman",serif;
}

.nal-video-single__back{
	padding:28px 0 70px;
	border-top:1px solid var(--nal-video-line);
}

.nal-video-single__back a{
	font-size:10px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}

@media(max-width:1050px){
	.nal-video-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.nal-video-hero__grid{
		grid-template-columns:1fr;
		gap:24px;
	}
}

@media(max-width:680px){
	.nal-video-hero{
		padding:48px 0 36px;
	}

	.nal-video-hero h1{
		font-size:clamp(56px,18vw,82px);
		line-height:.88;
	}

	.nal-video-intro{
		font-size:15px;
	}

	.nal-video-archive{
		padding:58px 0 72px;
	}

	.nal-video-filters{
		flex-wrap:nowrap;
		margin-inline:calc(clamp(20px,4vw,64px) * -1);
		padding-inline:clamp(20px,4vw,64px);
		overflow-x:auto;
		scrollbar-width:none;
	}

	.nal-video-filters::-webkit-scrollbar{
		display:none;
	}

	.nal-video-filter{
		flex:0 0 auto;
	}

	.nal-video-grid{
		grid-template-columns:1fr;
		gap:20px;
	}

	.nal-video-card h2{
		font-size:32px;
	}

	.nal-video-modal{
		padding:0;
	}

	.nal-video-modal__panel{
		width:100%;
		max-height:100vh;
	}

	.nal-video-modal__bar{
		padding-top:max(9px,env(safe-area-inset-top));
	}

	.nal-video-modal__title{
		max-width:78%;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.nal-video-single__hero{
		padding:52px 0 36px;
	}

	.nal-video-single__hero h1{
		font-size:clamp(48px,14vw,68px);
		line-height:.92;
	}

	.nal-video-single__player-section{
		padding:42px 0 60px;
	}

	.nal-video-reading{
		font-size:16px;
		line-height:1.75;
	}
}

/* Homepage Video section */
.nal-video-home{
	padding:clamp(76px,8vw,124px) 0;
	border-top:1px solid var(--nal-video-line);
	background:
		linear-gradient(180deg,color-mix(in srgb,var(--nal-video-paper) 72%,var(--nal-video-bg)),var(--nal-video-bg));
}

.nal-video-home__heading{
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(320px,.58fr);
	gap:clamp(48px,7vw,110px);
	align-items:end;
	margin-bottom:42px;
}

.nal-video-home__heading h2{
	margin:12px 0 0;
	font:400 clamp(62px,7vw,108px)/.86 Georgia,"Times New Roman",serif;
	letter-spacing:-.055em;
}

.nal-video-home__intro{
	max-width:500px;
	justify-self:end;
}

.nal-video-home__intro p{
	margin:0 0 24px;
	color:var(--nal-video-muted);
	font-size:15px;
	line-height:1.75;
}

.nal-video-home__all{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	border-bottom:1px solid currentColor;
	color:var(--nal-video-ink);
	font-size:10px;
	font-weight:700;
	letter-spacing:.11em;
	text-decoration:none;
	text-transform:uppercase;
}

.nal-video-home__grid{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.nal-video-home .nal-video-card__media{
	aspect-ratio:16/9!important;
}

.nal-video-home .nal-video-card h3{
	margin:0;
	font:400 clamp(27px,2.5vw,39px)/1 Georgia,"Times New Roman",serif;
	letter-spacing:-.035em;
}

.nal-video-home__mobile-link{
	display:none;
	margin-top:26px;
}

@media(max-width:1050px){
	.nal-video-home__heading{
		grid-template-columns:1fr;
		gap:20px;
	}

	.nal-video-home__intro{
		max-width:650px;
		justify-self:start;
	}

	.nal-video-home__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:680px){
	.nal-video-home{
		padding:64px 0 72px;
	}

	.nal-video-home__heading{
		margin-bottom:28px;
	}

	.nal-video-home__heading h2{
		font-size:clamp(48px,14vw,66px);
		line-height:.92;
	}

	.nal-video-home__intro p{
		font-size:15px;
	}

	.nal-video-home__intro .nal-video-home__all{
		display:none;
	}

	.nal-video-home__grid{
		grid-template-columns:1fr;
	}

	.nal-video-home__mobile-link{
		display:block;
	}

	.nal-video-home__mobile-link .nal-video-home__all{
		width:100%;
		justify-content:center;
		min-height:50px;
		border:1px solid var(--nal-video-line);
	}
}