/* Unified one-screen desktop banners built from the five supplied field images. */
@media (min-width: 981px) {
  body.dg-shared-shell.page-bandan main > .siltron-hero,
  body.dg-shared-shell.page-batdongsan main > .estate-hero,
  body.dg-shared-shell.page-xangdau main > .petro-hero,
  body.dg-shared-shell.page-aitruyenthong main > .hero,
  body.dg-shared-shell.page-muasapnhap main > .ma-hero {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
  }

  body.page-bandan main > .siltron-hero .hero-media img,
  body.page-batdongsan main > .estate-hero .hero-media img,
  body.page-xangdau main > .petro-hero .hero-media img,
  body.page-aitruyenthong main > .hero .hero-media img,
  body.page-muasapnhap main > .ma-hero .hero-hall {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    transform: none !important;
    animation: none !important;
  }

  body.page-bandan main > .siltron-hero .hero-media,
  body.page-batdongsan main > .estate-hero .hero-media,
  body.page-xangdau main > .petro-hero .hero-media,
  body.page-aitruyenthong main > .hero .hero-media {
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: none !important;
  }

  body.page-muasapnhap main > .ma-hero .hero-hall {
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: none !important;
  }

  body.page-bandan .hero-media img { object-position: center; filter: saturate(.96) contrast(1.03) brightness(.72); }
  body.page-bandan .hero-shade { display: block !important; background: linear-gradient(90deg, rgba(5,8,12,.92), rgba(7,10,15,.72) 34%, rgba(7,10,15,.18) 72%, rgba(6,8,12,.08)), linear-gradient(0deg, rgba(5,7,10,.5), transparent 58%) !important; }
  body.page-batdongsan .hero-media img { object-position: center; filter: saturate(1.04) contrast(1.02) brightness(.86); }
  body.page-batdongsan .hero-glow { display: block !important; background: linear-gradient(90deg, rgba(7,12,13,.86), rgba(7,12,13,.54) 36%, rgba(7,12,13,.08) 75%, transparent), linear-gradient(0deg, rgba(7,10,9,.42), transparent 58%) !important; }
  body.page-xangdau .hero-media img { object-position: center; filter: saturate(.98) contrast(1.04) brightness(.8); }
  body.page-xangdau .hero-overlay { display: block !important; background: linear-gradient(90deg, rgba(3,16,23,.88), rgba(3,19,27,.55) 36%, rgba(5,22,29,.12) 74%, rgba(4,18,25,.06)), linear-gradient(0deg, rgba(3,15,21,.48), transparent 58%) !important; }

  body.page-aitruyenthong .hero-media { position: absolute; z-index: -3; inset: 0; overflow: hidden; }
  body.page-aitruyenthong .hero-media img { object-position: center; filter: saturate(.92) contrast(1.06) brightness(.64); }
  body.page-aitruyenthong .hero-grid::after { background: linear-gradient(90deg, rgba(7,10,15,.9), rgba(7,10,15,.7) 36%, rgba(7,10,15,.16) 74%, rgba(7,10,15,.38)), linear-gradient(0deg, rgba(7,10,15,.52), transparent 58%); }
  body.page-aitruyenthong main > .hero .hero-lens { display: none; }
  body.page-aitruyenthong main > .hero :is(.hero-content, .hero-content h1, .hero-content h1 span, .hero-slogan) { color: #fff !important; text-shadow: 0 2px 18px rgba(0,0,0,.65); }
  body.page-aitruyenthong main > .hero .hero-eyebrow { color: #8ceafa !important; }

  body.page-muasapnhap .hero-hall { object-position: center; opacity: 1; filter: saturate(.9) contrast(1.03) brightness(.64); }
  body.page-muasapnhap main > .ma-hero::before { display: block !important; background: linear-gradient(90deg, rgba(13,17,20,.9), rgba(13,17,20,.62) 38%, rgba(13,17,20,.14) 76%, rgba(13,17,20,.2)), linear-gradient(0deg, rgba(9,12,14,.48), transparent 58%) !important; }
  body.page-muasapnhap main > .ma-hero .hero-copy,
  body.page-muasapnhap main > .ma-hero .hero-copy h1,
  body.page-muasapnhap main > .ma-hero .hero-copy h1 span,
  body.page-muasapnhap main > .ma-hero .hero-lead { color: #fff !important; text-shadow: 0 2px 18px rgba(0,0,0,.7); }
  body.page-muasapnhap main > .ma-hero .hero-copy .eyebrow { color: #e4c17b !important; }
  body.page-muasapnhap .capital-city, body.page-muasapnhap .hero-watermark, body.page-muasapnhap .capital-flow { display: none; }
}

.sector-banner-no-cta .hero-actions,
.sector-banner-no-cta .hero-video { display: none !important; }

/* The real-estate hero uses five stacked lines; give each line enough
   breathing room so the light display face never collides vertically. */
@media (min-width: 981px) {
  body.page-batdongsan main > .estate-hero #hero-title {
    line-height: 1.12 !important;
  }

  body.page-batdongsan main > .estate-hero #hero-title span + span {
    margin-top: 12px !important;
  }
}

@media (max-width: 980px) {
  body.page-batdongsan main > .estate-hero #hero-title {
    line-height: 1.14 !important;
  }

  body.page-batdongsan main > .estate-hero #hero-title span + span {
    margin-top: 8px !important;
  }
}

@media (max-width: 980px) {
  body.page-aitruyenthong .hero-media { position: absolute; z-index: -3; inset: 0; overflow: hidden; }
  body.page-aitruyenthong .hero-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.52); }
}

/* Keep the AI/media hero headline compact and legible over the artwork. */
@media (min-width: 981px) {
  body.page-aitruyenthong main > .hero :is(.hero-content, #hero-title, #hero-title span, .hero-slogan) {
    color: #111 !important;
    text-shadow: none !important;
  }

  body.page-aitruyenthong main > .hero #hero-title {
    max-width: 560px !important;
    font-size: clamp(44px, 4.3vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
  }

  body.page-aitruyenthong main > .hero #hero-title span + span {
    margin-top: 4px !important;
  }

  body.page-aitruyenthong main > .hero .hero-slogan {
    margin-top: 26px !important;
    color: #111 !important;
  }
}

@media (max-width: 980px) {
  body.page-aitruyenthong main > .hero :is(.hero-content, #hero-title, #hero-title span, .hero-slogan) {
    color: #111 !important;
    text-shadow: none !important;
  }

  body.page-aitruyenthong main > .hero #hero-title {
    max-width: 330px !important;
    font-size: clamp(36px, 10vw, 46px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
  }

  body.page-aitruyenthong main > .hero #hero-title span + span {
    margin-top: 4px !important;
  }

  body.page-aitruyenthong main > .hero .hero-slogan {
    margin-top: 22px !important;
    color: #111 !important;
  }
}

/* Final hero copy alignment: right-anchored black type with clear line
   spacing for the three-line AI/media statement. */
body.page-aitruyenthong main > .hero .hero-content {
  align-items: flex-end !important;
  text-align: right !important;
}

body.page-aitruyenthong main > .hero #hero-title {
  text-align: right !important;
  line-height: 1.18 !important;
}

body.page-aitruyenthong main > .hero #hero-title span {
  color: #111 !important;
}

body.page-aitruyenthong main > .hero .hero-slogan {
  color: #111 !important;
  text-align: right !important;
}

body.page-aitruyenthong main > .hero .hero-eyebrow {
  color: #111 !important;
  text-align: right !important;
}

@media (max-width: 980px) {
  body.page-aitruyenthong main > .hero .hero-content {
    align-items: flex-end !important;
  }

  body.page-aitruyenthong main > .hero #hero-title {
    line-height: 1.18 !important;
  }
}

/* Compact the AI copy column so its two highlighted blocks fit the image
   height on desktop without sacrificing readable spacing. */
@media (min-width: 981px) {
  body.page-aitruyenthong main .ai-content {
    height: 65svh !important;
    min-height: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    justify-content: center !important;
  }

  body.page-aitruyenthong main .ai-content h2 {
    margin-top: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: clamp(38px, 3.2vw, 48px) !important;
    line-height: 1 !important;
  }

  /* The shared heading system is intentionally stronger; scope this compact
     value more specifically so the AI column can match the image height. */
  body.page-aitruyenthong main > section.ai-lab:not(#top) .ai-content h2 {
    font-size: clamp(38px, 3.05vw, 46px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  body.page-aitruyenthong main .ai-content .section-lead {
    max-width: 500px !important;
    margin-top: 18px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list {
    margin-top: 22px !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list article {
    min-height: 62px !important;
    padding: 9px 0 !important;
    grid-template-columns: 24px 42px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list h3 {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list p {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 980px) {
  body.page-aitruyenthong main .ai-content h2 {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list {
    margin-top: 22px !important;
  }

  body.page-aitruyenthong main .ai-content .technology-list article {
    min-height: 72px !important;
    padding-block: 10px !important;
  }
}

/* Supplied 16:9 artwork for AI & Media, Petro and Discovery Gold. */
body.page-aitruyenthong main > .hero,
body.page-xangdau main > .petro-hero,
body.page-khoangsan main > .minerals-hero {
  isolation: isolate;
}

body.page-aitruyenthong main > .hero .hero-media,
body.page-xangdau main > .petro-hero .hero-media,
body.page-khoangsan main > .minerals-hero .hero-media {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  overflow: hidden;
}

body.page-aitruyenthong main > .hero .hero-media img,
body.page-xangdau main > .petro-hero .hero-media img,
body.page-khoangsan main > .minerals-hero .hero-media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

body.page-aitruyenthong main > .hero :is(.neural-canvas, .hero-grid, .hero-aura, .hero-lens),
body.page-xangdau main > .petro-hero :is(.hero-overlay, .hero-network),
body.page-khoangsan main > .minerals-hero :is(.mineral-network, .hero-grid, .hero-crystal) {
  display: none !important;
}

body.page-aitruyenthong main > .hero .scroll-cue,
body.page-xangdau main > .petro-hero .scroll-cue {
  display: none !important;
}

@media (min-width: 981px) {
  body.page-aitruyenthong main > .hero { background: #082f58 !important; }
  body.page-xangdau main > .petro-hero { background: #0a4778 !important; }
  body.page-khoangsan main > .minerals-hero { background: #3997ca !important; }

  body.page-aitruyenthong main > .hero .hero-media img,
  body.page-xangdau main > .petro-hero .hero-media img,
  body.page-khoangsan main > .minerals-hero .hero-media img {
    object-fit: contain !important;
  }

  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.page-khoangsan main > .minerals-hero::before { display: none !important; }
  body.page-khoangsan main > .minerals-hero .hero-actions { display: none !important; }
}

@media (max-width: 980px) {
  body.page-aitruyenthong main > .hero::after,
  body.page-xangdau main > .petro-hero::after,
  body.page-khoangsan main > .minerals-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(3, 24, 47, .94), rgba(3, 27, 52, .68) 62%, rgba(3, 25, 45, .2));
  }

  body.page-aitruyenthong main > .hero .hero-media img { object-position: 78% center !important; }
  body.page-xangdau main > .petro-hero .hero-media img { object-position: 76% center !important; }
  body.page-khoangsan main > .minerals-hero .hero-media img { object-position: 75% center !important; }

  body.page-aitruyenthong main > .hero .hero-media img,
  body.page-xangdau main > .petro-hero .hero-media img,
  body.page-khoangsan main > .minerals-hero .hero-media img {
    object-fit: cover !important;
  }

  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    padding-top: 100px !important;
    padding-bottom: 96px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    color: #fff !important;
    text-align: left !important;
    opacity: 1 !important;
  }

  body.page-aitruyenthong main > .hero :is(.hero-eyebrow, #hero-title, #hero-title span),
  body.page-xangdau main > .petro-hero :is(.eyebrow, #hero-title, #hero-title span),
  body.page-khoangsan main > .minerals-hero :is(.eyebrow, #hero-title, #hero-title span) {
    color: #fff !important;
    text-align: left !important;
    text-shadow: 0 3px 20px rgba(0, 18, 36, .64) !important;
  }

  body.page-aitruyenthong main > .hero #hero-title,
  body.page-xangdau main > .petro-hero #hero-title,
  body.page-khoangsan main > .minerals-hero #hero-title {
    width: min(100%, 540px) !important;
    max-width: 540px !important;
    margin-top: 18px !important;
    font-family: var(--serif) !important;
    font-size: clamp(35px, 7.2vw, 54px) !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-transform: uppercase !important;
  }

  body.page-aitruyenthong main > .hero #hero-title span,
  body.page-xangdau main > .petro-hero #hero-title span,
  body.page-khoangsan main > .minerals-hero #hero-title span {
    display: block !important;
    margin: 0 !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    white-space: normal !important;
  }

  body.page-aitruyenthong main > .hero #hero-title span + span,
  body.page-xangdau main > .petro-hero #hero-title span + span,
  body.page-khoangsan main > .minerals-hero #hero-title span + span {
    margin-top: 8px !important;
  }

  body.page-aitruyenthong main > .hero .hero-slogan,
  body.page-xangdau main > .petro-hero .hero-lead,
  body.page-khoangsan main > .minerals-hero :is(.hero-lead, .hero-actions) {
    display: none !important;
  }

  body.page-khoangsan main > .minerals-hero::before { display: none !important; }

  body.page-khoangsan main > .minerals-hero #hero-title {
    font-size: clamp(31px, 8.2vw, 42px) !important;
  }
}

/* Final banner treatment: the circled headline uses white type with a
   restrained shadow, while the right-anchored column stays visually balanced. */
body.page-aitruyenthong main > .hero :is(.hero-content, #hero-title, #hero-title span, .hero-slogan) {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .62) !important;
}

body.page-aitruyenthong main > .hero .hero-content {
  padding-right: clamp(14px, 3vw, 42px) !important;
}

body.page-aitruyenthong main > .hero #hero-title {
  max-width: 540px !important;
  line-height: 1.16 !important;
}

body.page-aitruyenthong main > .hero .hero-slogan {
  max-width: 360px !important;
}

/* 2026 sector banner system: clean photography, live HTML copy and no CTAs. */
:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
) {
  --sector-accent: #d4ad63;
  --sector-image-position: center;
  --sector-image-filter: saturate(.92) contrast(1.07) brightness(.86);
  --sector-overlay: linear-gradient(90deg, rgba(6, 12, 22, .95) 0%, rgba(6, 12, 22, .84) 34%, rgba(6, 12, 22, .52) 54%, rgba(6, 12, 22, .12) 78%, rgba(6, 12, 22, .05) 100%);
  position: relative !important;
  width: 100% !important;
  height: 100svh !important;
  min-height: 740px !important;
  max-height: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  color: #fff !important;
  background: #08101b !important;
}

body.page-bandan main > .siltron-hero {
  --sector-accent: #84d9ff;
  --sector-image-position: 57% center;
  --sector-image-filter: saturate(.9) contrast(1.12) brightness(.78);
  --sector-overlay: linear-gradient(90deg, rgba(4, 9, 18, .97) 0%, rgba(5, 11, 22, .88) 37%, rgba(7, 15, 28, .55) 58%, rgba(7, 15, 28, .12) 82%);
}

body.page-batdongsan main > .estate-hero {
  --sector-accent: #e0bd78;
  --sector-image-position: 56% center;
  --sector-image-filter: saturate(.94) contrast(1.06) brightness(.83);
  --sector-overlay: linear-gradient(90deg, rgba(7, 15, 17, .95) 0%, rgba(8, 17, 18, .82) 36%, rgba(8, 17, 18, .45) 57%, rgba(8, 17, 18, .06) 82%);
}

body.page-aitruyenthong main > .hero {
  --sector-accent: #76e6f5;
  --sector-image-position: 58% center;
  --sector-image-filter: saturate(.88) contrast(1.09) brightness(.76);
  --sector-overlay: linear-gradient(90deg, rgba(4, 14, 34, .97) 0%, rgba(5, 20, 43, .88) 37%, rgba(5, 23, 47, .52) 59%, rgba(5, 23, 47, .1) 82%);
}

body.page-xangdau main > .petro-hero {
  --sector-accent: #efbd67;
  --sector-image-position: 62% center;
  --sector-image-filter: saturate(.9) contrast(1.08) brightness(.8);
  --sector-overlay: linear-gradient(90deg, rgba(3, 15, 25, .97) 0%, rgba(4, 21, 33, .86) 37%, rgba(4, 24, 37, .5) 59%, rgba(4, 24, 37, .08) 83%);
}

body.page-khoangsan main > .minerals-hero {
  --sector-accent: #d8b364;
  --sector-image-position: 59% center;
  --sector-image-filter: saturate(.8) contrast(1.12) brightness(.72);
  --sector-overlay: linear-gradient(90deg, rgba(12, 14, 14, .97) 0%, rgba(16, 17, 16, .87) 37%, rgba(21, 22, 20, .5) 59%, rgba(21, 22, 20, .08) 83%);
}

body.page-muasapnhap main > .ma-hero {
  --sector-accent: #dfbd76;
  --sector-image-position: 64% center;
  --sector-image-filter: saturate(.72) contrast(1.12) brightness(.68);
  --sector-overlay: linear-gradient(90deg, rgba(8, 11, 14, .98) 0%, rgba(10, 14, 17, .9) 39%, rgba(10, 14, 17, .56) 60%, rgba(10, 14, 17, .1) 84%);
}

:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
)::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none;
  background: var(--sector-overlay), linear-gradient(0deg, rgba(2, 7, 12, .48), transparent 48%) !important;
}

:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
)::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 18px !important;
  display: block !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  pointer-events: none;
  background: none !important;
}

:is(
  body.page-bandan main > .siltron-hero .hero-media,
  body.page-batdongsan main > .estate-hero .hero-media,
  body.page-aitruyenthong main > .hero .hero-media,
  body.page-xangdau main > .petro-hero .hero-media,
  body.page-khoangsan main > .minerals-hero .hero-media,
  body.page-muasapnhap main > .ma-hero .hero-hall
) {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

:is(
  body.page-bandan main > .siltron-hero .hero-media img,
  body.page-batdongsan main > .estate-hero .hero-media img,
  body.page-aitruyenthong main > .hero .hero-media img,
  body.page-xangdau main > .petro-hero .hero-media img,
  body.page-khoangsan main > .minerals-hero .hero-media img,
  body.page-muasapnhap main > .ma-hero .hero-hall
) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: var(--sector-image-position) !important;
  filter: var(--sector-image-filter) !important;
  transform: scale(1.015) !important;
  animation: sector-image-in 1.4s cubic-bezier(.22, 1, .36, 1) both !important;
}

body.page-aitruyenthong main > .hero .hero-media img {
  transform: scale(-1.015, 1.015) !important;
  animation-name: sector-image-in-flipped !important;
}

:is(
  body.page-bandan main > .siltron-hero .hero-content,
  body.page-batdongsan main > .estate-hero .hero-copy,
  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy,
  body.page-muasapnhap main > .ma-hero .hero-copy
) {
  position: relative !important;
  z-index: 3 !important;
  width: var(--shell) !important;
  height: 100% !important;
  margin-inline: auto !important;
  padding: clamp(140px, 17vh, 188px) 0 92px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  color: #fff !important;
  text-align: left !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  animation: sector-copy-in .95s .12s cubic-bezier(.22, 1, .36, 1) both !important;
}

:is(
  body.page-bandan main > .siltron-hero .hero-content,
  body.page-batdongsan main > .estate-hero .hero-copy,
  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy,
  body.page-muasapnhap main > .ma-hero .hero-copy
) > * {
  width: auto !important;
  max-width: 100% !important;
}

:is(
  body.page-bandan main > .siltron-hero .eyebrow,
  body.page-batdongsan main > .estate-hero .eyebrow,
  body.page-aitruyenthong main > .hero .hero-eyebrow,
  body.page-xangdau main > .petro-hero .eyebrow,
  body.page-khoangsan main > .minerals-hero .eyebrow,
  body.page-muasapnhap main > .ma-hero .eyebrow
) {
  margin: 0 0 24px !important;
  display: block !important;
  color: var(--sector-accent) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .2em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35) !important;
}

:is(
  body.page-bandan main > .siltron-hero #hero-title,
  body.page-batdongsan main > .estate-hero #hero-title,
  body.page-aitruyenthong main > .hero #hero-title,
  body.page-xangdau main > .petro-hero #hero-title,
  body.page-khoangsan main > .minerals-hero #hero-title,
  body.page-muasapnhap main > .ma-hero #hero-title
) {
  width: min(710px, 58vw) !important;
  max-width: 710px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(52px, 5vw, 76px) !important;
  font-weight: 430 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .32) !important;
}

:is(
  body.page-bandan main > .siltron-hero #hero-title,
  body.page-batdongsan main > .estate-hero #hero-title,
  body.page-aitruyenthong main > .hero #hero-title,
  body.page-xangdau main > .petro-hero #hero-title,
  body.page-khoangsan main > .minerals-hero #hero-title,
  body.page-muasapnhap main > .ma-hero #hero-title
)::after {
  content: "";
  width: 72px;
  height: 1px;
  margin-top: 28px;
  display: block;
  background: var(--sector-accent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--sector-accent) 55%, transparent);
}

:is(
  body.page-bandan main > .siltron-hero #hero-title span,
  body.page-batdongsan main > .estate-hero #hero-title span,
  body.page-aitruyenthong main > .hero #hero-title span,
  body.page-xangdau main > .petro-hero #hero-title span,
  body.page-khoangsan main > .minerals-hero #hero-title span,
  body.page-muasapnhap main > .ma-hero #hero-title span
) {
  display: block !important;
  margin: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-transform: inherit !important;
  white-space: normal !important;
  text-shadow: inherit !important;
}

:is(
  body.page-bandan main > .siltron-hero #hero-title span + span,
  body.page-batdongsan main > .estate-hero #hero-title span + span,
  body.page-aitruyenthong main > .hero #hero-title span + span,
  body.page-xangdau main > .petro-hero #hero-title span + span,
  body.page-khoangsan main > .minerals-hero #hero-title span + span,
  body.page-muasapnhap main > .ma-hero #hero-title span + span
) {
  margin-top: 7px !important;
}

:is(
  body.page-bandan main > .siltron-hero .hero-lead,
  body.page-batdongsan main > .estate-hero .hero-lead,
  body.page-aitruyenthong main > .hero .hero-slogan,
  body.page-xangdau main > .petro-hero .hero-lead,
  body.page-khoangsan main > .minerals-hero .hero-lead,
  body.page-muasapnhap main > .ma-hero .hero-lead
) {
  width: min(580px, 48vw) !important;
  max-width: 580px !important;
  margin: 26px 0 0 !important;
  display: block !important;
  color: rgba(255, 255, 255, .78) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .38) !important;
}

:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
) :is(
  .hero-actions,
  .hero-video,
  .scroll-cue,
  .hero-orbit,
  .hero-plasma,
  .hero-shade,
  .hero-glow,
  .hero-overlay,
  .hero-network,
  .neural-canvas,
  .hero-grid,
  .hero-aura,
  .hero-lens,
  .mineral-network,
  .hero-crystal,
  .capital-flow,
  .capital-city,
  .hero-watermark
) {
  display: none !important;
}

@keyframes sector-copy-in {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes sector-image-in {
  from { opacity: .7; transform: scale(1.055); }
  to { opacity: 1; transform: scale(1.015); }
}

@keyframes sector-image-in-flipped {
  from { opacity: .7; transform: scale(-1.055, 1.055); }
  to { opacity: 1; transform: scale(-1.015, 1.015); }
}

@media (max-width: 980px) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) {
    min-height: 700px !important;
    max-height: 900px !important;
    --sector-overlay: linear-gradient(90deg, rgba(5, 11, 20, .92), rgba(5, 11, 20, .56) 72%, rgba(5, 11, 20, .22)), linear-gradient(0deg, rgba(3, 8, 15, .96) 0%, rgba(3, 8, 15, .68) 42%, rgba(3, 8, 15, .12) 72%);
  }

  body.page-bandan main > .siltron-hero { --sector-image-position: 60% center; }
  body.page-batdongsan main > .estate-hero { --sector-image-position: 68% center; }
  body.page-aitruyenthong main > .hero { --sector-image-position: 57% center; }
  body.page-xangdau main > .petro-hero { --sector-image-position: 66% center; }
  body.page-khoangsan main > .minerals-hero { --sector-image-position: 62% center; }
  body.page-muasapnhap main > .ma-hero { --sector-image-position: 65% center; }

  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  )::before {
    background: var(--sector-overlay) !important;
  }

  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  )::after {
    inset: 12px !important;
  }

  :is(
    body.page-bandan main > .siltron-hero .hero-content,
    body.page-batdongsan main > .estate-hero .hero-copy,
    body.page-aitruyenthong main > .hero .hero-content,
    body.page-xangdau main > .petro-hero .hero-copy,
    body.page-khoangsan main > .minerals-hero .hero-copy,
    body.page-muasapnhap main > .ma-hero .hero-copy
  ) {
    width: min(100% - 48px, 720px) !important;
    padding: 122px 0 70px !important;
    justify-content: flex-end !important;
  }

  :is(
    body.page-bandan main > .siltron-hero .eyebrow,
    body.page-batdongsan main > .estate-hero .eyebrow,
    body.page-aitruyenthong main > .hero .hero-eyebrow,
    body.page-xangdau main > .petro-hero .eyebrow,
    body.page-khoangsan main > .minerals-hero .eyebrow,
    body.page-muasapnhap main > .ma-hero .eyebrow
  ) {
    margin-bottom: 18px !important;
    font-size: 11px !important;
    letter-spacing: .17em !important;
  }

  :is(
    body.page-bandan main > .siltron-hero #hero-title,
    body.page-batdongsan main > .estate-hero #hero-title,
    body.page-aitruyenthong main > .hero #hero-title,
    body.page-xangdau main > .petro-hero #hero-title,
    body.page-khoangsan main > .minerals-hero #hero-title,
    body.page-muasapnhap main > .ma-hero #hero-title
  ) {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    font-size: clamp(36px, 10.4vw, 48px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.04em !important;
  }

  :is(
    body.page-bandan main > .siltron-hero #hero-title,
    body.page-batdongsan main > .estate-hero #hero-title,
    body.page-aitruyenthong main > .hero #hero-title,
    body.page-xangdau main > .petro-hero #hero-title,
    body.page-khoangsan main > .minerals-hero #hero-title,
    body.page-muasapnhap main > .ma-hero #hero-title
  )::after {
    width: 54px;
    margin-top: 22px;
  }

  :is(
    body.page-bandan main > .siltron-hero #hero-title span + span,
    body.page-batdongsan main > .estate-hero #hero-title span + span,
    body.page-aitruyenthong main > .hero #hero-title span + span,
    body.page-xangdau main > .petro-hero #hero-title span + span,
    body.page-khoangsan main > .minerals-hero #hero-title span + span,
    body.page-muasapnhap main > .ma-hero #hero-title span + span
  ) {
    margin-top: 6px !important;
  }

  :is(
    body.page-bandan main > .siltron-hero .hero-lead,
    body.page-batdongsan main > .estate-hero .hero-lead,
    body.page-aitruyenthong main > .hero .hero-slogan,
    body.page-xangdau main > .petro-hero .hero-lead,
    body.page-khoangsan main > .minerals-hero .hero-lead,
    body.page-muasapnhap main > .ma-hero .hero-lead
  ) {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin-top: 22px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 420px) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) {
    min-height: 680px !important;
  }

  :is(
    body.page-bandan main > .siltron-hero .hero-content,
    body.page-batdongsan main > .estate-hero .hero-copy,
    body.page-aitruyenthong main > .hero .hero-content,
    body.page-xangdau main > .petro-hero .hero-copy,
    body.page-khoangsan main > .minerals-hero .hero-copy,
    body.page-muasapnhap main > .ma-hero .hero-copy
  ) {
    width: calc(100% - 48px) !important;
    padding-bottom: 58px !important;
  }

  :is(
    body.page-bandan main > .siltron-hero #hero-title,
    body.page-batdongsan main > .estate-hero #hero-title,
    body.page-aitruyenthong main > .hero #hero-title,
    body.page-xangdau main > .petro-hero #hero-title,
    body.page-khoangsan main > .minerals-hero #hero-title,
    body.page-muasapnhap main > .ma-hero #hero-title
  ) {
    font-size: clamp(34px, 10vw, 42px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) :is(.hero-content, .hero-copy, .hero-media img, .hero-hall) {
    animation: none !important;
  }
}

/* Mobile hero copy shares one left edge with the gold sector label. */
@media (max-width: 620px) {
  :is(
    body.page-bandan main > .siltron-hero .hero-content,
    body.page-batdongsan main > .estate-hero .hero-copy,
    body.page-aitruyenthong main > .hero .hero-content,
    body.page-xangdau main > .petro-hero .hero-copy,
    body.page-khoangsan main > .minerals-hero .hero-copy,
    body.page-muasapnhap main > .ma-hero .hero-copy
  ) {
    align-items: flex-start !important;
    text-align: left !important;
  }

  :is(
    body.page-bandan main > .siltron-hero .eyebrow,
    body.page-batdongsan main > .estate-hero .eyebrow,
    body.page-aitruyenthong main > .hero .hero-eyebrow,
    body.page-xangdau main > .petro-hero .eyebrow,
    body.page-khoangsan main > .minerals-hero .eyebrow,
    body.page-muasapnhap main > .ma-hero .eyebrow,
    body.page-bandan main > .siltron-hero #hero-title,
    body.page-batdongsan main > .estate-hero #hero-title,
    body.page-aitruyenthong main > .hero #hero-title,
    body.page-xangdau main > .petro-hero #hero-title,
    body.page-khoangsan main > .minerals-hero #hero-title,
    body.page-muasapnhap main > .ma-hero #hero-title,
    body.page-bandan main > .siltron-hero .hero-lead,
    body.page-batdongsan main > .estate-hero .hero-lead,
    body.page-aitruyenthong main > .hero .hero-slogan,
    body.page-xangdau main > .petro-hero .hero-lead,
    body.page-khoangsan main > .minerals-hero .hero-lead,
    body.page-muasapnhap main > .ma-hero .hero-lead
  ) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
}

/* Keep the shared header clear while retaining the cinematic treatment below the copy. */
:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
) {
  --sector-header-clearance: 88px;
}

:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
)::before {
  inset: var(--sector-header-clearance) 0 0 !important;
}

:is(
  body.page-bandan main > .siltron-hero,
  body.page-batdongsan main > .estate-hero,
  body.page-aitruyenthong main > .hero,
  body.page-xangdau main > .petro-hero,
  body.page-khoangsan main > .minerals-hero,
  body.page-muasapnhap main > .ma-hero
)::after {
  inset: calc(var(--sector-header-clearance) + 18px) 18px 18px !important;
}

@media (max-width: 980px) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) {
    --sector-header-clearance: 76px;
  }
}

@media (max-width: 620px) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) {
    --sector-header-clearance: 74px;
  }
}

/* Final clear-banner treatment: show the source artwork without the dark
   wash/softening layers that previously sat over every sector hero. */
body.dg-shared-shell :is(.hero-shade, .hero-glow, .hero-overlay),
body.dg-shared-shell .hero-grid::after,
body.dg-shared-shell main > .ma-hero::before,
body.dg-shared-shell main > .ma-hero::after {
  display: none !important;
  background: none !important;
  border: 0 !important;
}

body.dg-shared-shell main > :is(
  .siltron-hero,
  .estate-hero,
  .hero,
  .petro-hero,
  .minerals-hero,
  .ma-hero
)::before,
body.dg-shared-shell main > :is(
  .siltron-hero,
  .estate-hero,
  .hero,
  .petro-hero,
  .minerals-hero,
  .ma-hero
)::after {
  display: none !important;
  background: none !important;
  border: 0 !important;
}

body.dg-shared-shell :is(
  main > .siltron-hero .hero-media img,
  main > .estate-hero .hero-media img,
  main > .hero .hero-media img,
  main > .petro-hero .hero-media img,
  main > .minerals-hero .hero-media img,
  main > .ma-hero .hero-hall
) {
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

/* Preserve the complete Siltronic replacement artwork on desktop; its copy
   is part of the source image and must not be cropped by the shared cover rule. */
@media (min-width: 981px) {
  body.page-bandan main > .siltron-hero .hero-media img {
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.page-bandan main > .siltron-hero .hero-media {
    background: #062b60 !important;
  }
}

@media (max-width: 980px) {
  body.page-bandan main > .siltron-hero .hero-media img {
    object-fit: cover !important;
    object-position: 34% center !important;
  }
}

/* The latest wafer artwork is intentionally edge-to-edge; keep its right
   negative space available for the desktop copy. */
@media (min-width: 981px) {
  body.page-bandan main > .siltron-hero .hero-media img {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Final desktop-only placement for the copy on the blank right side of the
   chip artwork. The mobile banner remains image-only. */
@media (min-width: 981px) {
  body.page-bandan main > .siltron-hero .hero-content {
    width: min(1240px, calc(100vw - 96px)) !important;
    padding: 110px 0 90px 52% !important;
    align-items: flex-start !important;
    justify-content: center !important;
    color: #102238 !important;
    text-align: left !important;
    animation: none !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .eyebrow {
    color: #2e608d !important;
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title {
    width: min(560px, 100%) !important;
    max-width: 560px !important;
    color: #102238 !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .hero-lead {
    width: min(470px, 100%) !important;
    max-width: 470px !important;
    color: rgba(16, 34, 56, .74) !important;
  }
}

@media (max-width: 980px) {
  body.page-bandan main > .siltron-hero {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
  }

  body.page-bandan main > .siltron-hero .hero-content {
    position: relative;
    z-index: 2;
    width: calc(100% - 48px) !important;
    height: 100%;
    margin-inline: auto;
    padding: 132px 0 76px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    color: #102238 !important;
    text-align: right !important;
    animation: none !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .eyebrow {
    margin: 0 0 14px auto !important;
    color: #214d76 !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    text-align: right !important;
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin-left: auto !important;
    color: #102238 !important;
    font-size: clamp(34px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-align: right !important;
    text-shadow: 0 1px 14px rgba(255, 255, 255, .7);
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title span {
    display: block;
    white-space: nowrap;
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title span + span {
    margin-top: 7px !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .hero-lead {
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    margin: 20px 0 0 auto !important;
    color: rgba(16, 34, 56, .82) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    text-align: right !important;
    text-shadow: 0 1px 12px rgba(255, 255, 255, .72);
  }
}

@media (max-width: 390px) {
  body.page-bandan main > .siltron-hero .hero-content {
    padding-bottom: 68px !important;
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title {
    width: 318px !important;
    max-width: 100% !important;
    font-size: 32px !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .hero-lead {
    width: 300px !important;
    max-width: 100% !important;
    font-size: 12px !important;
  }
}

@media (max-width: 980px) {
  html body.page-bandan main > section.siltron-hero #hero-title ~ p.hero-lead {
    margin-right: 0 !important;
    margin-left: auto !important;
    text-align: right !important;
  }
}

/* Final cross-sector banner typography: every subpage banner uses white copy
   while retaining each page's authored alignment and image composition. */
:is(
  body.page-bandan main > .siltron-hero .hero-content,
  body.page-batdongsan main > .estate-hero .hero-copy,
  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy,
  body.page-muasapnhap main > .ma-hero .hero-copy
),
:is(
  body.page-bandan main > .siltron-hero .hero-content,
  body.page-batdongsan main > .estate-hero .hero-copy,
  body.page-aitruyenthong main > .hero .hero-content,
  body.page-xangdau main > .petro-hero .hero-copy,
  body.page-khoangsan main > .minerals-hero .hero-copy,
  body.page-muasapnhap main > .ma-hero .hero-copy
) :is(.eyebrow, .hero-eyebrow, h1, h1 *, .hero-lead, .hero-slogan) {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(3, 14, 28, .68) !important;
}

html body.page-bandan main > section.siltron-hero .hero-content :is(.eyebrow, #hero-title, #hero-title *, .hero-lead),
html body.page-batdongsan main > section.estate-hero .hero-copy :is(.eyebrow, #hero-title, #hero-title *, .hero-lead),
html body.page-aitruyenthong main > section.hero .hero-content :is(.eyebrow, #hero-title, #hero-title *, .hero-lead),
html body.page-xangdau main > section.petro-hero .hero-copy :is(.eyebrow, #hero-title, #hero-title *, .hero-lead),
html body.page-khoangsan main > section.minerals-hero .hero-copy :is(.eyebrow, #hero-title, #hero-title *, .hero-slogan),
html body.page-muasapnhap main > section.ma-hero .hero-copy :is(.eyebrow, #hero-title, #hero-title *, .hero-lead) {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(3, 14, 28, .68) !important;
}

@media (max-width: 620px) {
  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) :is(.eyebrow, .hero-eyebrow) {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) #hero-title {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  :is(
    body.page-bandan main > .siltron-hero,
    body.page-batdongsan main > .estate-hero,
    body.page-aitruyenthong main > .hero,
    body.page-xangdau main > .petro-hero,
    body.page-khoangsan main > .minerals-hero,
    body.page-muasapnhap main > .ma-hero
  ) :is(.hero-lead, .hero-slogan) {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body.page-bandan main > .siltron-hero .hero-content #hero-title {
    width: 100% !important;
    max-width: 342px !important;
  }

  body.page-bandan main > .siltron-hero .hero-content .hero-lead {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
  }

  html body.page-bandan main > section.siltron-hero .hero-content #hero-title,
  html body.page-batdongsan main > section.estate-hero .hero-copy #hero-title,
  html body.page-aitruyenthong main > section.hero .hero-content #hero-title,
  html body.page-xangdau main > section.petro-hero .hero-copy #hero-title,
  html body.page-khoangsan main > section.minerals-hero .hero-copy #hero-title,
  html body.page-muasapnhap main > section.ma-hero .hero-copy #hero-title,
  html body.page-bandan main > section.siltron-hero .hero-content #hero-title *,
  html body.page-batdongsan main > section.estate-hero .hero-copy #hero-title *,
  html body.page-aitruyenthong main > section.hero .hero-content #hero-title *,
  html body.page-xangdau main > section.petro-hero .hero-copy #hero-title *,
  html body.page-khoangsan main > section.minerals-hero .hero-copy #hero-title *,
  html body.page-muasapnhap main > section.ma-hero .hero-copy #hero-title * {
    color: #fff !important;
    font-size: 36px !important;
    line-height: 1.12 !important;
    text-shadow: 0 2px 18px rgba(3, 14, 28, .68) !important;
  }
}