/* ============================================================
   TẦNG 4 — RIÊNG TRANG "Ý TƯỞNG" (BẢN 3 — 17/08 sếp đợt 2)
   Lưới 2 bài/hàng, ô to-nhỏ SO LE đảo chiều theo chu kỳ 4 bài
   ("random" có chủ ý, không gò bó) — thay 1 cột dọc quá lớn.
   ============================================================ */

/* đoạn dẫn trên hero — chữ bone, nằm dưới h1 */
.bmh .yt-hero-doan{margin-top:16px;color:var(--bone);font-size:var(--fs-body-l);
  line-height:var(--lh-body);max-width:46ch}

/* ---------- LƯỚI SO LE 12 CỘT ----------
   chu kỳ 4 bài: [to 7 | nhỏ 5 thấp xuống] rồi [nhỏ 5 | to 7 thấp xuống] */
.bmh .yt-luoi{display:grid;grid-template-columns:repeat(12,1fr);
  gap:clamp(40px,6vw,88px) clamp(18px,3vw,44px);align-items:start}
.bmh .yt-bai{min-width:0}
.bmh .yt-bai:nth-child(4n+1){grid-column:1/span 7}
.bmh .yt-bai:nth-child(4n+2){grid-column:8/span 5;margin-top:clamp(36px,6vw,96px)}
.bmh .yt-bai:nth-child(4n+3){grid-column:1/span 5;margin-top:clamp(-24px,-2vw,-12px)}
.bmh .yt-bai:nth-child(4n){grid-column:6/span 7;margin-top:clamp(36px,6vw,96px)}
@media(max-width:860px){
  .bmh .yt-luoi{grid-template-columns:1fr;gap:var(--sp-l)}
  .bmh .yt-bai:nth-child(n){grid-column:1/-1;margin-top:0}
}

.bmh .yt-bai .img{display:block}
.bmh .yt-bai-chu{margin-top:18px;max-width:56ch}
.bmh .yt-bai-ngay{font-family:var(--font-head);font-size:var(--fs-label);
  font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.bmh .yt-bai-ten{margin-top:8px;font-size:clamp(15px,1.4vw,19px);
  letter-spacing:.14em;line-height:var(--lh-head)}
.bmh .yt-bai-ten a{color:var(--ink)}
.bmh .yt-bai .btn--bare{margin-top:12px}

/* ===== 30/08 — TRANG /cong-trinh/ (dùng chung CSS này) =====
   Tiêu đề hero "Công trình đã thi công" XUỐNG 2 DÒNG ở màn hẹp, mà hero
   dùng --lh-hero 1.28 (chỉ an toàn khi 1 dòng — bẫy 13). 2 dòng IN HOA
   có dấu (Ã, Ô) thì dấu chạm đuôi chữ dòng trên → nâng lh cho riêng
   trang này theo body class, không đụng hero các trang khác. */
.page-template-template-cong-trinh-php .dv-hero h1{ line-height:1.5; }
