/* hero-2026-giua.css — CÂN CỤM CHỮ HERO THEO CHIỀU DỌC. 13/09/2026.
 *
 * VẤN ĐỀ (Minh khoanh đỏ trên ảnh chụp desktop 13/09): cụm chữ hero nằm lệch
 * xuống dưới. Đúng như vậy — `hero-2026.css` đặt:
 *     .tgs-hero26__chu { align-items: flex-end; padding: 0 0 clamp(48px,7vw,84px); }
 * tức là ép khối chữ xuống ĐÁY section rồi chừa 48–84px. Đó là bố cục của bản
 * thiết kế cũ (hero "content bottom-aligned, padding 0 56px 84px"), không hợp
 * với hero mở bìa: sau khi hai cánh cửa mở ra, mắt người xem dừng ở giữa khung
 * — chữ nằm dưới đáy đọc như bị rơi.
 *
 * SỬA: căn giữa theo chiều dọc, bỏ hẳn phần đệm dưới. Không đụng lề ngang
 * (vẫn do `.tgs-hero26__trong` giữ) và không đụng một toạ độ nào của sân khấu.
 *
 * CHỈ ÁP TỪ 761px TRỞ LÊN — có chủ đích. Dưới 760px, `hero-2026-mb.css` đã
 * chuyển hero thành hai khối xếp dọc: chữ nằm DƯỚI ảnh, `justify-content:
 * flex-start`. Ở bố cục đó không có gì để căn giữa; đè vào là hỏng bản vá
 * điện thoại đã đo và duyệt hôm nay.
 *
 * TÊN TỆP MỚI là bắt buộc: edge cache giữ tệp tĩnh 7 ngày và bỏ qua `?ver=`.
 * Lần chỉnh sau cũng phải đổi tên tệp, đừng ghi đè tệp này.
 *
 * Nạp SAU hero-2026-mb.css (deps 'tgs-hero-2026-mb' trong inc/hero-2026.php)
 * nên đè được mà không cần một dấu !important nào.
 */

@media (min-width: 761px) {

	.tgs-hero26__chu {
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}
}