/* ==========================================================================
   FUGA — Ảnh đầu trang cao bằng màn hình, chữ bên trái (trang Blog)
   ========================================================================== */
.fg-bhero { position: relative; height: calc(100svh - var(--fg-head-bottom, 112px)); overflow: hidden; background: #111; }
.fg-bhero__picture { display: block; height: 100%; }
.fg-bhero__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fg-bhero__dim { position: absolute; inset: 0; z-index: 2; background: #000; opacity: var(--fg-bhero-dim, .3); pointer-events: none; }
.fg-bhero__inner { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: flex-start; padding: 60px; pointer-events: none; }
.fg-bhero__text { color: #fff; pointer-events: auto; }
.fg-bhero__title { max-width: 600px; margin-bottom: 16px; font-size: 48px; line-height: 1.2; font-weight: 700; }
.fg-bhero__sub { max-width: 600px; margin-bottom: 28px; font-size: 16px; line-height: 1.6; }
@media (max-width: 768px) {
	.fg-bhero__inner { justify-content: center; padding: 32px 20px; }
	.fg-bhero__title { max-width: 100%; font-size: 31px; }
	.fg-bhero__sub { max-width: 100%; margin-bottom: 20px; font-size: 14px; }
}
