/* ==========================================================================
   Custom Missions — custom-missions.css  v2.0.0
   ========================================================================== */

/* ── Bounce ───────────────────────────────────────────────────────────────── */
@keyframes missions-bounce {
	0%   { transform: translateY(0);    animation-timing-function: ease-in; }
	30%  { transform: translateY(12px); animation-timing-function: linear; }
	50%  { transform: translateY(12px); animation-timing-function: ease-out; }
	80%  { transform: translateY(0);    animation-timing-function: linear; }
	100% { transform: translateY(0); }
}

.missions-wrap {
	animation: missions-bounce 1.2s infinite;
}

.missions-wrap:hover {
	animation-play-state: paused;
}

/* ── Images clair / sombre ────────────────────────────────────────────────── */
.img-dark-mode                          { display: none; }
html[data-theme="dark"] .img-dark-mode  { display: inline; }
html[data-theme="dark"] .img-light-mode { display: none; }

/* ── List ─────────────────────────────────────────────────────────────────── */
.missions-list {
	display:        flex;
	flex-direction: column;
}

.missions-item {
	display:     grid;
	grid-template-columns: 6rem 1fr 2fr;
	align-items: center;
	gap:         4.5rem;
	padding:     3rem 0;
	border-bottom: 1px solid var(--theme-border, currentColor);
}

.missions-item:first-child {
	/* border-top: 1px solid var(--theme-border, currentColor); */
}

.missions-item__number {
	font-size: clamp(3rem, 5vw, 5rem);
	font-weight: 700;
	line-height: 1;
}

.missions-item__title {
	font-weight: 600;
	font-size:   1.875rem;
}

.missions-item__text {
	font-weight: 300;
	font-size:   1.25rem;
	margin:      0;
	opacity:     .8;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
	.missions-item {
		grid-template-columns: 1.5rem 1fr;
		grid-template-rows:    auto auto;
		gap: 3.5rem;
	}

	.missions-item__text {
		grid-column: 2;
	}
}