/* English layout fixes — keep Vietnamese pages untouched.
   This file is loaded only on /en/ pages.  Desktop values are derived
   from rendered-dimension comparisons between EN and VI at 1680px. */

@media (min-width: 768px) {
  /* ---------------- about page ---------------- */

  /* Hero title wraps in EN; scale it to one line so it no longer overlaps
     the story image and paragraph below. */
  #PARAGRAPH806 .ladi-paragraph {
    font-size: 40px !important;
  }

  /* Main story paragraph is ~51px taller in EN; move the signature line down. */
  #PARAGRAPH860 {
    transform: translateY(51.2px);
  }

  /* "SUBSTANCE" label is slightly too wide for its 98px box in uppercase. */
  #PARAGRAPH880 .ladi-paragraph {
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  /* B-U-D-D-Y list descriptions are one line in VI but wrap in EN.  Shrink
     them slightly so each still reads as a single line. */
  #PARAGRAPH909 .ladi-paragraph,
  #PARAGRAPH937 .ladi-paragraph {
    font-size: 15px !important;
  }

  /* Footer company name wraps to two lines; shrink it to one line instead of
     pushing the rest of the footer down. */
  #HEADLINE514 .ladi-headline {
    font-size: 16px !important;
  }

  /* Move the entire about-page footer contact block down so the wrapped
     address line does not overlap the hotline/email rows. */
  #GROUP895 {
    transform: translateY(25.2px);
  }

  /* ---------------- index page ---------------- */

  /* "Our story" paragraph is ~25.6px taller; shift the Learn-more link down
     slightly so it does not touch the paragraph. */
  #PARAGRAPH920 {
    transform: translateY(25.6px);
  }

  /* Capabilities intro wraps to three lines in EN; keep it at two lines. */
  #PARAGRAPH833 .ladi-paragraph {
    font-size: 16px !important;
  }

  /* Consulting accordion subtitle wraps; keep it on one line. */
  #PARAGRAPH1022 .ladi-paragraph {
    font-size: 15px !important;
  }

  /* Left-hand news-card title wraps; keep it on one line to match the VI layout. */
  #PARAGRAPH864 .ladi-paragraph {
    font-size: 16px !important;
  }

  /* Footer company name wraps; keep it on one line. */
  #HEADLINE832 .ladi-headline {
    font-size: 16px !important;
  }

  /* Move the whole index-page footer contact block down. */
  #GROUP881 {
    transform: translateY(25.2px);
  }

  /* ---------------- headhunt page ---------------- */

  /* "Why you should choose..." heading is twice as tall in EN; push the
     subtitle down so it no longer overlaps the second line of the title. */
  #PARAGRAPH4 {
    transform: translateY(48px);
  }

  /* Job-card descriptions wrap to two lines in EN, overlapping the badges.
     Slightly reduce their font size so each stays on a single line. */
  #PARAGRAPH110 .ladi-paragraph,
  #PARAGRAPH144 .ladi-paragraph,
  #PARAGRAPH165 .ladi-paragraph {
    font-size: 14px !important;
  }

  /* CTA subtitle wraps to two lines; keep it on one line to preserve the
     spacing before the footer. */
  #PARAGRAPH183 .ladi-paragraph {
    font-size: 15px !important;
  }

  /* Last testimonial quote is ~22px taller; move its author + role down. */
  #CAROUSEL_ITEM30 #HEADLINE11,
  #CAROUSEL_ITEM30 #HEADLINE12 {
    transform: translateY(22.4px);
  }

  /* Footer address wraps; move hotline/email/website rows down. */
  #GROUP295,
  #GROUP296,
  #GROUP297 {
    transform: translateY(19.6px);
  }
}