/* TAGO Vision: homepage typography draft — 2026-10-24 */
/* Existing words, images, logo and columns are preserved. */
#homepage-index .fr-view,
#homepage-index .description {
  line-height: 1.7;
}
#homepage-index .description p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 1em;
}
#homepage-index .description h1 {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 12px;
}
#homepage-index .description h1 + h1,
#homepage-index .description h1 + h1 span {
  font-size: 15px !important;
  line-height: 1.5;
  font-weight: 400;
}
@media (max-width: 600px) {
  #homepage-index .text-section h1 span[style*="38px"] {
    font-size: 30px !important;
    line-height: 1.35;
  }
}

/* English perspective block: vertically centre copy on desktop. */
@media (min-width: 768px) {
  #image_text_block_4_192 .text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* TAGO visual refinement: cards, navigation, English contact buttons. */
#homepage-index .list-vertical-section .item-content {
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,.045);
}
#homepage-index .list-vertical-section .description p:last-child { margin-bottom: 0; }
#homepage-index .list-vertical-section .item-content:has(.photo) .details { margin-top: 20px; }
#homepage-index .list-vertical-section .item-content:has(.photo) .description p { margin-top: 12px; }
#homepage-index .list-vertical-section .item-content:has(.photo) .button { margin-top: 20px; }
#homepage-index .list-vertical-section .item-content:has(.photo) .button a {
  border-radius: 4px;
  padding: 12px 22px;
}
#mobile-menu-search, #search_block_top, .button-account,
.slide-menu li:has(a[href$="/login"]) { display: none !important; }
html[lang="en"] #homepage-index a[href^="https://wa.me/"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 14px 28px;
  border-radius: 4px;
  letter-spacing: .03em;
  line-height: 1.4;
  font-size: 15px;
  font-weight: 500;
  background: #363636;
  color: #ffffff;
  border: 1px solid #363636;
  text-decoration: none;
}
html[lang="en"] #homepage-index a[href^="https://wa.me/"]:hover {
  background: #464646;
  border-color: #464646;
}
html[lang="en"] #homepage-index .text-block-button.is-ghost {
  border-radius: 4px;
  letter-spacing: .03em;
  min-height: 48px;
}

/* English editorial typography trial. */
html[lang="en"] #homepage-index {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #303030;
}
html[lang="en"] #homepage-index .fr-view,
html[lang="en"] #homepage-index .description,
html[lang="en"] #homepage-index .fr-view span,
html[lang="en"] #homepage-index .description span {
  font-family: Arial, Helvetica, sans-serif !important;
}
html[lang="en"] #homepage-index h1,
html[lang="en"] #homepage-index h4 {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -.02em;
  font-weight: 500;
  line-height: 1.3;
}
html[lang="en"] #homepage-index .description h1,
html[lang="en"] #homepage-index .description h1 span {
  font-size: 20px !important;
  font-weight: 600;
  line-height: 1.35;
}
html[lang="en"] #homepage-index .description p {
  font-size: 16px;
  line-height: 1.7;
}
html[lang="en"] #full_text_block_0_183 h1,
html[lang="en"] #full_text_block_0_183 h1 span,
html[lang="en"] #full_text_block_0_183 h1 strong {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(34px, 3.7vw, 48px) !important;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.025em !important;
}
html[lang="en"] #full_text_block_0_183 h1 {
  max-width: 850px;
  margin-top: 16px;
  margin-bottom: 24px;
}
html[lang="en"] #full_text_block_0_183 h4 {
  margin: 10px 0;
  line-height: 1.5;
  letter-spacing: .015em;
}
html[lang="en"] #full_text_block_0_183 .text-block-buttons { margin-top: 26px; }
html[lang="en"] #image_text_block_4_192 .image-text-title,
html[lang="en"] #image_text_block_4_192 .image-text-title span,
html[lang="en"] #image_text_block_4_192 .image-text-title strong {
  font-size: 26px !important;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.3;
}
html[lang="en"] #image_text_block_4_192 .image-text-description { margin-top: 14px; max-width: 46ch; }
html[lang="en"] #image_text_block_19_121 .image-text-description,
html[lang="en"] #image_text_block_20_198 .image-text-description { max-width: 62ch; }
html[lang="en"] #homepage-index .list-vertical-section .description strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 600px) {
  html[lang="en"] #full_text_block_0_183 h1 { max-width: 100%; margin-bottom: 20px; }
  html[lang="en"] #homepage-index h1 { overflow-wrap: break-word; }
}

/* English navigation, footer and Contact Us typography. */
html[lang="en"] .pure-menu-list a,
html[lang="en"] .menu-items a,
html[lang="en"] #app-footer,
html[lang="en"] #app-footer .module_content,
html[lang="en"] #app-footer p,
html[lang="en"] #app-footer a,
html[lang="en"] #app-footer span,
html[lang="en"] #app-footer .fbc-header {
 font-family: Arial, Helvetica, sans-serif !important;
}
html[lang="en"] #app-footer { font-size: 14px; line-height: 1.7; }
html[lang="en"] #app-footer .fbc-header {
 font-size: 13px; font-weight: 600; letter-spacing: .08em; margin-bottom: 16px;
}
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view,
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view span, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view strong,
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content input, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content textarea, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content button {
 font-family: Arial, Helvetica, sans-serif !important;
}
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .page-title {
 font-family: Georgia, 'Times New Roman', serif !important;
 font-size: clamp(34px, 3.7vw, 48px);
 font-weight: 400; line-height: 1.15; letter-spacing: -.025em;
 margin-bottom: 30px;
}
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view { max-width: 68ch; font-size: 16px; line-height: 1.7; }
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p span { font-size: 16px !important; line-height: 1.7; }
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1, html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 span,
html[lang="en"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 strong { font-size: 24px !important; line-height: 1.35; font-weight: 500; letter-spacing: -.02em; }

/* Consistent English section headings. */
html[lang="en"] #full_text_block_3_191 h1,
html[lang="en"] #full_text_block_3_191 h1 span,
html[lang="en"] #full_text_block_3_191 h1 strong,
html[lang="en"] #full_text_block_5_184 h1,
html[lang="en"] #full_text_block_5_184 h1 span,
html[lang="en"] #full_text_block_5_184 h1 strong,
html[lang="en"] #full_text_block_9_200 h1,
html[lang="en"] #full_text_block_9_200 h1 span,
html[lang="en"] #full_text_block_9_200 h1 strong,
html[lang="en"] #full_text_block_15_196 h1,
html[lang="en"] #full_text_block_15_196 h1 span,
html[lang="en"] #full_text_block_15_196 h1 strong {
 font-family: Arial, Helvetica, sans-serif !important;
 font-size: 28px !important;
 font-weight: 600 !important;
 line-height: 1.3 !important;
 letter-spacing: -.02em !important;
 text-align: left !important;
}
html[lang="en"] #full_text_block_3_191 h1,
html[lang="en"] #full_text_block_5_184 h1,
html[lang="en"] #full_text_block_9_200 h1,
html[lang="en"] #full_text_block_15_196 h1 { margin: 28px 0 24px !important; }
@media (max-width: 600px) {
html[lang="en"] #full_text_block_3_191 h1,
html[lang="en"] #full_text_block_3_191 h1 span,
html[lang="en"] #full_text_block_3_191 h1 strong,
html[lang="en"] #full_text_block_5_184 h1,
html[lang="en"] #full_text_block_5_184 h1 span,
html[lang="en"] #full_text_block_5_184 h1 strong,
html[lang="en"] #full_text_block_9_200 h1,
html[lang="en"] #full_text_block_9_200 h1 span,
html[lang="en"] #full_text_block_9_200 h1 strong,
html[lang="en"] #full_text_block_15_196 h1,
html[lang="en"] #full_text_block_15_196 h1 span,
html[lang="en"] #full_text_block_15_196 h1 strong { font-size: 24px !important; }
html[lang="en"] #full_text_block_3_191 h1,
html[lang="en"] #full_text_block_5_184 h1,
html[lang="en"] #full_text_block_9_200 h1,
html[lang="en"] #full_text_block_15_196 h1 { margin: 24px 0 20px !important; }
}

/* Traditional and Simplified Chinese Contact Us: matching hierarchy. */
html[lang="zh-HK"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content {
 --tago-contact-font: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'PingFang TC', 'Microsoft JhengHei', Arial, sans-serif;
}
html[lang="zh-CN"]:has(link[rel="canonical"][href$="/page/contact-us"]) #page-content {
 --tago-contact-font: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
}
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view span,
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view strong, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .page-title,
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content input, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content textarea, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content button {
 font-family: var(--tago-contact-font) !important;
}
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .page-title {
 font-size: 34px; font-weight: 600; line-height: 1.35;
 letter-spacing: .02em; margin: 12px 0 30px;
}
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view { max-width: 44em; color: #303030; font-size: 16px; line-height: 1.85; }
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p span {
 font-size: 16px !important; line-height: 1.85;
}
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p { margin: 0 0 24px; }

html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 span,
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 strong {
 font-size: 22px !important; font-weight: 500; line-height: 1.5;
 letter-spacing: .01em;
}
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 { margin: 0 0 16px; }
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view a { overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p:last-child, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p:last-child span {
 font-size: 14px !important; color: #626262;
}
@media (max-width: 600px) {
 html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .page-title { font-size: 28px; margin-bottom: 24px; }
 html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1, html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view h1 span { font-size: 20px !important; }
}

/* Remove the verified empty third paragraph, preserving company paragraphs. */
html:is([lang="zh-HK"],[lang="zh-CN"]):has(link[rel="canonical"][href$="/page/contact-us"]) #page-content .fr-view p:nth-of-type(3):has(> br:only-child) { display: none; }

/* Hero HTML buttons: preserve original outline and spacing. */
html[lang="en"] #full_text_block_0_183 .text-block-buttons { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
html[lang="en"] #full_text_block_0_183 a.is-ghost { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:14px 28px; min-height:48px; border:1px solid #363636; border-radius:4px; background:transparent; color:#202020; text-decoration:none; font-size:15px; line-height:1.4; letter-spacing:.03em; }

/* Final polish: immediate homepage content, equal English card rows. */
#homepage-index .sb-scroll-section,
#homepage-index .sb-scroll-section [style*="opacity"],
#homepage-index .sb-scroll-section [style*="transform"] {
 opacity: 1 !important;
 transform: none !important;
 animation: none !important;
 transition: none !important;
}
html[lang="en"] #homepage-index .list-vertical-section .content-row {
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
}
html[lang="en"] #homepage-index .list-vertical-section .item {
 display: flex;
 float: none;
}
html[lang="en"] #homepage-index .list-vertical-section .item-content {
 width: 100%;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
}
html[lang="en"] #homepage-index .list-vertical-section .item-content:has(.photo) .details {
 flex: 1;
 display: flex;
 flex-direction: column;
}
html[lang="en"] #homepage-index .list-vertical-section .item-content:has(.photo) .description {
 flex: 1;
 position: relative;
 padding-bottom: 74px;
}
html[lang="en"] #homepage-index .list-vertical-section .item-content:has(.photo) .description > p:last-child:has(a[target="_blank"]) {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 0;
}
html[lang="en"] #homepage-index .list-vertical-section .item-content:has(.photo) .description > p:last-child a {
 margin-top: 0 !important;
}

/* Match Traditional/Simplified homepage hero buttons to English. */
html:is([lang="zh-HK"],[lang="zh-CN"]) #homepage-index .text-block-buttons .text-block-button { border-radius: 4px; }