/* Mission section isolated styles */
.mission{padding:5rem 0;background:#f6efe4}
.mission__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center}

.mission__media{
	position:relative;
	border-radius:12px;
	overflow:hidden;
	border:1px solid rgba(31,26,21,.12);
	box-shadow:0 10px 24px rgba(0,0,0,.08);
	min-height:320px;
	background:#d9c7b1;
	transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.mission__slider{position:absolute;inset:0}

.mission__slide{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	animation:missionFade 54s infinite;
	transition:transform .45s ease;
}

.mission__media:hover{
	transform:translateY(-4px);
	box-shadow:0 16px 34px rgba(0,0,0,.14);
	border-color:rgba(31,26,21,.2);
}

.mission__media:hover .mission__slide{
	transform:scale(1.04);
}

.mission__slide:nth-child(1){animation-delay:0s}
.mission__slide:nth-child(2){animation-delay:6s}
.mission__slide:nth-child(3){animation-delay:12s}
.mission__slide:nth-child(4){animation-delay:18s}
.mission__slide:nth-child(5){animation-delay:24s}
.mission__slide:nth-child(6){animation-delay:30s}
.mission__slide:nth-child(7){animation-delay:36s}
.mission__slide:nth-child(8){animation-delay:42s}
.mission__slide:nth-child(9){animation-delay:48s}

.mission__content{max-width:62ch}
.mission__title{margin:0 0 1.2rem;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;color:#1f1a15}
.mission__text{margin:1.2rem 0 0;color:#5e5650;line-height:1.75}

@keyframes missionFade{
	0%{opacity:0}
	2%{opacity:1}
	9%{opacity:1}
	11%{opacity:0}
	100%{opacity:0}
}

@media (max-width:900px){
	.mission__inner{grid-template-columns:1fr}
	.mission__media{min-height:280px}
}