/* ==========================================================================
   FUGA — FMC: câu chuyện + mốc thời gian
   ========================================================================== */
.fg-fmcstory { overflow: hidden; padding: calc(93.75 * var(--u)) calc(150 * var(--u)) 0; background: #fafbfd; color: #000; }
.fg-fmcstory__inner {
	display: grid; align-items: start;
	grid-template-areas: "copy timeline" "media timeline";
	grid-template-columns: minmax(0, calc(364.5 * var(--u))) minmax(0, calc(653.25 * var(--u)));
	column-gap: calc(123 * var(--u)); row-gap: calc(58.5 * var(--u));
}
.fg-fmcstory__copy { grid-area: copy; padding-top: calc(1.5 * var(--u)); }
.fg-fmcstory__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 25px; font-weight: 600; letter-spacing: normal; }
:lang(en) .fg-fmcstory__title { text-transform: capitalize; }
.fg-fmcstory__text { margin-top: calc(24 * var(--u)); max-width: calc(364.5 * var(--u)); font-size: 14px; line-height: 20px; letter-spacing: normal; }
.fg-fmcstory__timeline { grid-area: timeline; display: flex; flex-direction: column; }
.fg-fmcstory__item {
	display: grid; grid-template-columns: calc(40.5 * var(--u)) 1fr; gap: calc(157.5 * var(--u));
	padding-bottom: calc(24 * var(--u)); border-bottom: 1px solid #585858;
	font-size: 14px; line-height: 20px; letter-spacing: normal;
}
.fg-fmcstory__item + .fg-fmcstory__item { padding-top: calc(24 * var(--u)); }
.fg-fmcstory__year { font-weight: 700; }
.fg-fmcstory__media { grid-area: media; position: relative; aspect-ratio: 483 / 484; overflow: hidden; background: #d9d9d9; }
.fg-fmcstory__img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 768px) {
	.fg-fmcstory { padding: 50px 17px 0; }
	.fg-fmcstory__inner { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
	.fg-fmcstory__copy { padding-top: 0; }
	.fg-fmcstory__text { margin-top: 15px; max-width: none; }
	.fg-fmcstory__media { order: 2; margin-top: 28px; aspect-ratio: 1; }
	.fg-fmcstory__timeline { order: 3; margin-top: 50px; }
	.fg-fmcstory__item { grid-template-columns: 44px 1fr; gap: 30px; padding-bottom: 10px; border-bottom-color: #e8e8e8; }
	.fg-fmcstory__item + .fg-fmcstory__item { padding-top: 10px; }
}
@media (max-width: 699px) {
	.fg-fmcstory__title { font-size: 14px; line-height: 16px; }
	.fg-fmcstory__text, .fg-fmcstory__item { font-size: 12px; line-height: 17px; }
}