/* ============================================================
   TẦNG 4 — RIÊNG 3 TRANG DỊCH VỤ (Thiết kế / Xây dựng / Nội thất)
   BẢN 2 (15/08 chiều) — khuôn case fredsted: hero tràn màn,
   band full-bleed, pull-quote, lưới case ảnh, Next-service.
   Nhịp ảnh ct-* và .dv-bai/.cases ở components.css.
   ============================================================ */

/* .dv-hero (hero tràn màn trang con) + .dv-full (band full-bleed) đã DỜI LÊN
   components.css (15/08 chiều) vì trang Cơ sở dùng lại — quy tắc vàng. */

/* ---------- KHỐI CHỮ DẪN 2 CỘT (nhãn trái · đoạn phải) ---------- */
.bmh .dv-dan{display:grid;grid-template-columns:300px 1fr; /* 17/08: 220->300, ten khoi dai con 2 hang */
  gap:18px clamp(24px,5vw,80px);align-items:start}
.bmh .dv-dan .measure{max-width:52ch}
@media(max-width:860px){.bmh .dv-dan{grid-template-columns:1fr}}

/* .dv-o / a.img / hiệu ứng trượt cặp cho figure / .ct-vua--phai
   đã DỜI LÊN components.css (15/08 tối) — khuôn bài viết case dùng chung. */

/* ---------- PULL-QUOTE — chữ lớn editorial giữa trang ---------- */
.bmh .dv-quote{font-family:var(--font-body);font-weight:300;
  font-size:clamp(20px,2.6vw,31px);line-height:1.7;color:var(--ink)}
.bmh .dv-quote b{font-weight:500}

/* .dv-cases (lưới case 3 cột) + .dv-case-ten đã DỜI LÊN components.css
   (15/08 tối) — Về chúng tôi + khuôn bài viết dùng lại. */

/* ---------- DỊCH VỤ TIẾP THEO — kiểu "Next case", nền ink ---------- */
.bmh .dv-next{padding-top:var(--sp-xl);padding-bottom:var(--sp-xl)}
.bmh .dv-next-link{display:inline-flex;align-items:center;gap:clamp(14px,2vw,28px);
  font-family:var(--font-head);font-weight:300;
  font-size:clamp(28px,5vw,54px);letter-spacing:.14em;line-height:var(--lh-head);
  text-transform:uppercase;color:var(--bone)}
.bmh .dv-next-link svg{flex:none;transition:transform var(--t-ui) var(--ease)}
.bmh .dv-next-link:hover svg{transform:translateX(12px)}
@media(prefers-reduced-motion:reduce){.bmh .dv-next-link svg{transition:none}}

/* ---------- ĐOẠN CHỮ ---------- */
.bmh .dv-doan{color:var(--body)}

/* .dv-khoi-ten đã DỜI LÊN components.css (17/08 — Về chúng tôi dùng chung) */