/* ==========================================
   DIRECTOR HERO
========================================== */

.director-hero{
	padding:100px 0;
	background:#fff;
}

.director-hero-content{
	max-width:1400px;
	margin:0 auto;
	padding:0 40px;

	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
}

.director-hero-text h1{
	margin:0 0 12px;
	font-size:4.25rem;
	font-weight:700;
	line-height:1.05;
	color:#111827;
}

.director-hero-text h2{
	margin:0 0 42px;
	font-size:2rem;
	font-weight:400;
	color:#55617a;
}

.director-hero-text p{
	margin:0 0 34px;
	font-size:1.5rem;
	line-height:1.85;
	color:#334155;
	max-width:720px;
}

.director-links{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:18px;
	margin-top:60px;
}

.director-links span{
	color:#cbd5e1;
	font-size:1.25rem;
}

.director-links a{
	color:#475569;
	font-size:1.3rem;
	text-decoration:none;
	transition:color .25s ease;
}

.director-links a:hover{
	color:#111827;
}

.director-hero-image{
	display:flex;
	justify-content:flex-end;
}

.director-hero-image img{
	width:100%;
	max-width:720px;
	display:block;
	border-radius:18px;
	object-fit:cover;
	box-shadow:0 20px 60px rgba(0,0,0,.12);
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1100px){

	.director-hero-content{
		grid-template-columns:1fr;
		gap:60px;
	}

	.director-hero-image{
		order:-1;
		justify-content:center;
	}

	.director-hero-text{
		text-align:center;
	}

	.director-hero-text p{
		max-width:none;
	}

	.director-links{
		justify-content:center;
	}
}

@media (max-width:768px){

	.director-hero{
		padding:70px 0;
	}

	.director-hero-content{
		padding:0 24px;
	}

	.director-hero-text h1{
		font-size:2.8rem;
	}

	.director-hero-text h2{
		font-size:1.5rem;
		margin-bottom:28px;
	}

	.director-hero-text p{
		font-size:1.1rem;
		line-height:1.8;
		margin-bottom:24px;
	}

	.director-links{
		gap:14px;
		margin-top:36px;
	}

	.director-links a{
		font-size:1rem;
	}
}