/* ==========================================================================
   FUGA — Ảnh lớn có logo (FUGA Mountain Club) và Tiêu đề + ảnh nền tối (Partners)
   ========================================================================== */
.fg-feature { padding-block: calc(93.75 * var(--u)); background: #f6f7f9; }
.fg-feature__head { display: flex; flex-direction: column; align-items: center; gap: calc(4.5 * var(--u)); padding: 0 calc(12 * var(--u)) calc(40.5 * var(--u)); text-align: center; }
.fg-feature__title { font-size: 40px; line-height: normal; font-weight: 500; letter-spacing: normal; }
.fg-feature__desc { font-size: 14px; line-height: 20px; letter-spacing: normal; }
.fg-feature__media { position: relative; margin-inline: calc(-1 * var(--fg-gutter)); background: #d9d9d9; color: #fff; }
.fg-feature__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.fg-feature__media::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .45) 100%); pointer-events: none; }
.fg-feature__overlay { position: absolute; left: 50%; bottom: calc(75 * var(--u)); z-index: 1; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--u)); }
.fg-feature__logo { width: calc(322.5 * var(--u)); height: auto; }
.fg-feature__link { position: relative; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: normal; color: inherit; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }
.fg-feature__link--mobile { display: none; }

.fg-band { padding: 76px 88px 80px; background: #000; color: #fff; }
.fg-band__title { margin-bottom: 60px; text-align: center; font-size: 22px; line-height: 25px; font-weight: 600; letter-spacing: normal; }
.fg-band__img { width: 100%; height: auto; }

@media (max-width: 768px) {
	.fg-feature { padding-block: 0 80px; }
	.fg-feature__head { align-items: flex-start; gap: 4px; padding: 0 0 26px; text-align: left; }
	.fg-feature__title { font-size: 24px; }
	.fg-feature__desc { font-size: 12px; line-height: 17px; }
	.fg-feature__link--mobile { display: inline-block; margin-top: 8px; font-size: 12px; color: #000; }
	.fg-feature__media { margin-inline: 0; }
	.fg-feature__img { aspect-ratio: 356 / 355; }
	.fg-feature__overlay { bottom: 25px; gap: 0; }
	.fg-feature__overlay .fg-feature__link { display: none; }
	.fg-feature__logo { width: 134px; }
	.fg-band { padding: 48px 20px; }
	.fg-band__title { margin-bottom: 32px; font-size: 14px; line-height: 16px; }
}