/* ============================================================
 * EMA Case Study Gallery — scoped styles
 * ============================================================ */
.ema-cs-gallery{
	--soot:#12110F;
	--cream-2:#EDE5C5;
	--red:#A01428;
	--display:'Oswald','Arial Narrow',sans-serif;

	padding:80px 32px 100px;
	background:var(--cream-2);
}
.ema-cs-gallery *{box-sizing:border-box}

.ema-cs-gallery__head{
	max-width:1280px;margin:0 auto 40px;
}
.ema-cs-gallery__eyebrow{
	display:inline-flex;align-items:center;gap:14px;
	font-family:var(--display);
	font-size:13px;font-weight:600;
	letter-spacing:.28em;text-transform:uppercase;
	color:var(--red);
	margin-bottom:18px;
}
.ema-cs-gallery__eyebrow::before{
	content:"";width:32px;height:2px;background:var(--red);
}
.ema-cs-gallery__heading{
	font-family:var(--display);
	font-weight:700;
	font-size:clamp(34px, 4vw, 52px);
	line-height:.98;letter-spacing:-0.02em;
	text-transform:uppercase;
	color:var(--soot);
	margin:0;
}
.ema-cs-gallery__heading em{font-style:normal;color:var(--red)}

.ema-cs-gallery__grid{
	max-width:1280px;margin:0 auto;
	display:grid;grid-template-columns:1.4fr 1fr 1fr;
	grid-template-rows:repeat(2, auto);
	gap:18px;
}
.ema-cs-gallery__photo{
	background-size:cover;background-position:center;
	background-color:#d8cfae;
	border:3px solid var(--soot);
	aspect-ratio:4/3;
	cursor:pointer;
	transition:transform .3s, box-shadow .3s;
}
.ema-cs-gallery__photo:hover{
	transform:translateY(-4px);
	box-shadow:6px 6px 0 var(--red);
}
.ema-cs-gallery__photo--1{grid-column:1;grid-row:1/3;aspect-ratio:4/5}
.ema-cs-gallery__photo--2{grid-column:2;grid-row:1;aspect-ratio:5/4}
.ema-cs-gallery__photo--3{grid-column:3;grid-row:1;aspect-ratio:5/4}
.ema-cs-gallery__photo--4{grid-column:2/4;grid-row:2;aspect-ratio:16/9}

@media (max-width:1100px){
	.ema-cs-gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
	.ema-cs-gallery__photo--1{grid-column:1/3;grid-row:1;aspect-ratio:16/10}
	.ema-cs-gallery__photo--2{grid-column:1;grid-row:2;aspect-ratio:4/3}
	.ema-cs-gallery__photo--3{grid-column:2;grid-row:2;aspect-ratio:4/3}
	.ema-cs-gallery__photo--4{grid-column:1/3;grid-row:3;aspect-ratio:16/9}
}
@media (max-width:780px){
	.ema-cs-gallery{padding:50px 16px 60px}
	.ema-cs-gallery__heading{font-size:28px}
	.ema-cs-gallery__grid{grid-template-columns:1fr;grid-template-rows:auto}
	.ema-cs-gallery__photo--1,
	.ema-cs-gallery__photo--2,
	.ema-cs-gallery__photo--3,
	.ema-cs-gallery__photo--4{grid-column:1;grid-row:auto;aspect-ratio:4/3}
}