/* HZ Group v2 — Liên hệ (Figma 200-25532 / 200-25966 / 200-26382) */

/* ---------- hero ảnh (sticky, section sau trượt lên) ---------- */
.lh-hero { overflow: hidden; min-height: 1000px; background: #0b3049; color: var(--white); }
.lh-hero__bg, .lh-hero__bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
.lh-hero__bg img { object-fit: cover; object-position: center top; }
.lh-hero__inner { position: relative; padding-top: 319px; padding-bottom: 70px; }
.lh-hero__crumb { gap: 12px; color: var(--white); }
.lh-hero__crumb span[aria-hidden] { opacity: 1; }
.lh-hero__eyebrow { margin-top: 40px; color: #75c9ff; }
.lh-hero__title { margin-top: 21px; font: 500 64px/76.8px var(--font-head); letter-spacing: -.03em; color: var(--white); }
.lh-hero__lead { max-width: 480px; margin-top: 24px; font: 400 18px/28.8px var(--font); color: var(--white); }
.lh-hero__cta { margin-top: 30px; }
.lh-hero__cta .btn { min-height: 58px; padding: 13px 20px; }

/* section sau hero: nền trong suốt → trắng ở mép trên để trượt che hero */
.lh-after { margin-top: -240px; padding-top: 240px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 240px); }
.page--lien-he .contact-cta { padding-top: 72px; background: transparent; }

/* ---------- bản đồ ---------- */
.lh-map { padding: 96px 0; background: var(--white); }
.lh-map__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.lh-map__title { margin-top: 21px; font: 500 48px/57.6px var(--font-head); letter-spacing: -.03em; color: var(--navy); }
.lh-map__link { gap: 16px; padding: 10px 0; }
.lh-map__link > span { padding-bottom: 5px; }
.lh-map__frame { display: block; overflow: hidden; height: 520px; margin-top: 38px; border-radius: 10px; background: #eaf2f7; }
.lh-map__frame img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.lh-map__frame:hover img { transform: scale(1.02); }

@media (max-width: 1179px) {
  .lh-hero { min-height: 1194px; }
  .lh-hero__inner { padding-top: 435px; }
  .lh-hero__title { font-size: 48px; line-height: 57.6px; }
  .lh-map__title { font-size: 36px; line-height: 43.2px; }
}
@media (max-width: 639px) {
  .lh-hero { min-height: 844px; }
  .lh-hero__inner { padding-top: 264px; padding-bottom: 90px; }
  .lh-hero__eyebrow { font-size: 12px; line-height: 16.8px; }
  .lh-hero__title { margin-top: 17px; font-size: 36px; line-height: 43.2px; }
  .lh-hero__lead { font-size: 16px; line-height: 25.6px; }
  .lh-after { margin-top: 0; padding-top: 0; background: var(--white); }
  .page--lien-he .contact-cta { padding-top: 55px; }
  .lh-map { padding: 64px 0; }
  .lh-map__head { flex-direction: column; align-items: flex-start; gap: 22px; }
  .lh-map__title { margin-top: 17px; }
  .lh-map__frame { height: 400px; }
}