/* Visual audit repairs: loaded after the legacy stylesheet. */
html[lang^="zh"] { --serif: "Microsoft YaHei", "PingFang SC", sans-serif; }
html[lang^="zh"]:lang(zh) main :is(h1,h2,h3) { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; letter-spacing: 0; line-height: 1.3; font-weight: 600; text-wrap: pretty; }
html[lang^="zh"]:lang(zh) main h1 { font-size: clamp(34px,4.4vw,62px); }
html[lang^="zh"]:lang(zh) main h2 { font-size: clamp(28px,3.2vw,44px); }
html[lang^="zh"]:lang(zh) main h3 { font-size: clamp(20px,2vw,28px); }
.nav-link span { font-size: var(--gonai-nav-primary-font-size,15px); letter-spacing: .025em; }
.nav-link small { font-size: var(--gonai-nav-secondary-font-size,12px); }
.gonai-live-form .ff-el-input--label label,.gonai-live-form .ff-el-form-check-label,.contact-form label > span { font-size: 14px; line-height: 1.6; }
.gonai-editorial-eyebrow { font-size: 12px; letter-spacing: .08em; }
.solution-row { grid-template-columns: 48px minmax(0,1fr) 44px; }
.gonai-about-hero__visual { display: flex; align-items: center; min-height: 460px; padding: 64px clamp(24px,5vw,78px); }
.gonai-about-hero__copy { position: relative; inset: auto; max-width: 760px; width: 100%; margin: 0; }
.gonai-about-hero h1 { font-size: clamp(36px,4.6vw,64px); line-height: 1.14; overflow-wrap: break-word; }
.gonai-about-why__grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.gonai-about-section,.gonai-products-board-section,.gonai-solutions-board-section { padding-block: 72px; }
.gonai-products-board-gallery--direction { grid-template-columns: repeat(3,minmax(0,1fr)); }
.gonai-products-board-heading__context { color: var(--ink); }
.gonai-products-board-cta { background-image: none; background-color: var(--ink); }
.gonai-contact-hero { padding-block: 36px; }
.gonai-contact-hero h1 { font-size: clamp(34px,4vw,54px); line-height: 1.2; margin-bottom: 0; }
.gonai-editorial-form-section--contact-page .gonai-editorial-form-direct-links a > span,
.gonai-editorial-form-section--solutions-page .gonai-editorial-form-direct-links a > span { font-size: 8px; letter-spacing: .13em; }
@media (max-width: 900px) {
  body.nav-open #site-header,body.nav-open .menu-toggle { background: var(--paper); color: var(--ink); }
  .nav-link span { font-size: 24px; }
  .gonai-about-hero__visual { min-height: 0; padding: 36px 20px; }
  .gonai-about-hero__copy { padding: 24px; }
  .gonai-about-hero h1 { font-size: 36px; }
  .gonai-about-section,.gonai-products-board-section,.gonai-solutions-board-section { padding-block: 44px; }
  .gonai-products-board-gallery--retail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gonai-products-board-gallery--direction { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
  .gonai-products-board-tabs { flex-wrap: wrap; }
  .solution-row { grid-template-columns: 30px minmax(0,1fr) 28px; gap: 12px; }
  .hero-for { white-space: nowrap; }
}

.gonai-why-us-section { padding-block: 64px; }
.gonai-why-us-page figure:empty { display: none; }
.gonai-about-hero__visual::before { display: none; }
.gonai-about-hero__copy { background: transparent; }
@media(max-width:760px) {
 .gonai-why-us-section { padding-block: 40px; }
 .gonai-why-us-building__grid article figure img,.gonai-why-us-direction-grid article figure img { max-height: 220px; object-fit: cover; }
}

@media(min-width:901px) { .nav-menu { gap: clamp(12px,1.3vw,20px); } .nav-link span { font-weight: 650; } }

.brand__label { font-family: var(--sans); font-size: 19px; font-weight: 700; letter-spacing: .09em; }
.footer { background: var(--ink); }
@media(max-width:900px) {
 body.nav-open #site-header:not(.is-stuck) .primary-nav { top: calc(var(--header-height) + 40px); }
 .brand__label { font-size: 17px; }
}

.gonai-products-board-hero,.gonai-solutions-board-hero,.gonai-about-why { background-color: var(--ink); }
.gonai-about-why::before,.gonai-about-why__grid::before { background: none; }
.gonai-solutions-board-hero { min-height: 360px; align-items: center; }
.gonai-solutions-board-hero__inner { padding-block: 64px; }
.gonai-products-board-hero__lead { color: #d3d0ca; }
@media(max-width:760px) {
 .gonai-solutions-board-hero { min-height: 0; }
 .gonai-solutions-board-hero__inner { padding-block: 48px; }
}

.hero .kicker,.section .kicker,.capabilities .kicker { font-size: 12px; letter-spacing: .06em; line-height: 1.6; }
.capability-list small { font-size: 14px; line-height: 1.7; }

/* Give the capabilities list the same editorial color-block interaction as Solutions. */
.capability-list article {
  position: relative;
  overflow: hidden;
  transition: color 220ms ease;
}

.capability-list article::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: var(--purple);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 220ms ease;
}

.capability-list article > * {
  position: relative;
  z-index: 1;
}

.capability-list article:hover::before,
.capability-list article:focus-within::before {
  transform: scaleY(1);
  transform-origin: top;
}

.capability-list article:hover,
.capability-list article:focus-within {
  padding-inline: 24px;
  color: var(--ink);
}

.capability-list article:hover > span,
.capability-list article:focus-within > span,
.capability-list article:hover p,
.capability-list article:focus-within p,
.capability-list article:hover small,
.capability-list article:focus-within small {
  color: rgba(13, 13, 15, 0.72);
}

@media (max-width: 900px) {
  .capability-list article:hover,
  .capability-list article:focus-within {
    padding-inline: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .capability-list article,
  .capability-list article::before {
    transition-duration: 0.01ms;
  }
}

@media(min-width:901px) and (max-width:1023px) { .header-cta { display: none; } }

body.home #contact .gonai-live-form .ff-el-input--label label,body.home #contact .gonai-live-form .ff-el-form-check-label { font-size: 14px; line-height: 1.6; }

.gonai-about-section.gonai-about-why,.gonai-about-section.gonai-about-why::before,.gonai-about-why .gonai-about-why__grid::before { background: var(--ink); }

.gonai-about-page .gonai-about-section.gonai-about-why::before { display: none; }
.gonai-about-why .gonai-about-why__backdrop { background-color: var(--ink); background-image: linear-gradient(rgba(13,13,15,.46),rgba(13,13,15,.46)),var(--gonai-about-why-image,none); }

/* The replacement photos are intentionally bright and carry their own visual
 * hierarchy. Keep the editable copy readable with a light tint instead of a
 * black veil, and let the configured image fill each photo-led block. */
.gonai-products-board-hero,
.gonai-solutions-board-hero {
  color: var(--ink);
  background: #f1e4d8;
}

.gonai-products-board-hero__media {
  background-image: var(--gonai-products-hero-image, none);
}

.gonai-solutions-board-hero__media {
  background-image: var(--gonai-solutions-hero-image, none);
}

.gonai-products-board-hero .gonai-editorial-eyebrow,
.gonai-solutions-board-hero .gonai-editorial-eyebrow {
  color: rgba(13, 13, 15, .68);
}

.gonai-products-board-hero__business-title,
.gonai-products-board-hero__lead,
.gonai-solutions-board-hero__inner > p:last-child {
  color: rgba(13, 13, 15, .72);
}

.gonai-products-board-tabs a {
  color: rgba(13, 13, 15, .72);
  border-color: rgba(13, 13, 15, .28);
}

.gonai-products-board-tabs a:hover,
.gonai-products-board-tabs a:focus-visible,
.gonai-products-board-tabs a.is-active {
  color: var(--white);
  border-color: var(--ink);
  background: var(--ink);
}

/* Keep the server-side product filters in the editorial navigation position. */
.gonai-products-board-retail > .gonai-editorial-shell {
  display: flex;
  flex-direction: column;
}

.gonai-products-board-retail .gonai-products-style-panels,
.gonai-products-board-retail .gonai-products-style-panel.is-active {
  display: contents;
}

.gonai-products-board-retail .gonai-products-style-panel:not(.is-active) {
  display: none;
}

/* Make a category change feel like a deliberate page turn, even when panels
 * temporarily reuse the same four editorial images before custom media is ready. */
@keyframes gonai-products-style-panel-enter {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

.gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-products-board-heading,
.gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-products-board-gallery,
.gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-editorial-actions {
  animation: gonai-products-style-panel-enter 460ms cubic-bezier(.22,.72,.24,1) both;
}

.gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-products-board-gallery {
  animation-delay: 45ms;
}

.gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-editorial-actions {
  animation-delay: 90ms;
}

.gonai-products-board-retail .gonai-products-style-panel.is-active > .gonai-products-board-heading {
  order: 1;
}

.gonai-products-style-nav {
  order: 2;
  width: 100%;
  margin: 0 0 clamp(36px, 5vw, 64px);
}

.gonai-products-board-retail .gonai-products-style-panel.is-active > .gonai-products-board-gallery {
  order: 3;
}

.gonai-products-board-retail .gonai-products-style-panel.is-active > .gonai-editorial-actions {
  order: 4;
}

.gonai-products-style-nav__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px clamp(18px, 2.4vw, 32px);
}

.gonai-products-style-nav__inner button {
  appearance: none;
  flex: 0 1 auto;
  min-height: 38px;
  padding: 8px 0 9px;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-family: var(--serif);
  font-size: clamp(10px, .78vw, 13px);
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.25;
  text-align: center;
  transition: color .2s ease, border-color .2s ease;
  white-space: nowrap;
}

html[lang^="en"] .gonai-products-style-nav__inner button {
  letter-spacing: .06em;
  text-transform: uppercase;
}

html[lang^="zh"] .gonai-products-style-nav__inner button {
  font-family: var(--sans);
  letter-spacing: 0;
  text-transform: none;
}

.gonai-products-style-nav__inner button:hover,
.gonai-products-style-nav__inner button:focus-visible,
.gonai-products-style-nav__inner button.is-active,
.gonai-products-style-nav__inner button[aria-selected="true"] {
  border-bottom-color: var(--ink);
  color: var(--ink);
}

.gonai-products-style-nav__inner button.is-active,
.gonai-products-style-nav__inner button[aria-selected="true"] {
  font-weight: 700;
}

.gonai-products-style-nav__inner button:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 4px;
}

@media (max-width: 640px) {
  .gonai-products-style-nav__inner {
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
  }

  .gonai-products-style-nav__inner button {
    flex: 0 0 auto;
    min-height: 40px;
    font-size: 11px;
  }
}

.gonai-about-hero--photo {
  background: #f1e4d8;
}

.gonai-about-hero__media {
  background-image: var(--gonai-about-hero-image, none);
}

.gonai-about-hero__copy {
  color: var(--ink);
}

.gonai-about-hero__copy .gonai-editorial-eyebrow {
  color: var(--gonai-about-accent);
}

.gonai-about-hero__copy .gonai-editorial-lead {
  color: rgba(13, 13, 15, .72);
}

.gonai-about-page .gonai-about-section.gonai-about-why {
  color: var(--ink);
  background: #ead5c4;
}

.gonai-about-page .gonai-about-why .gonai-about-why__backdrop {
  background-color: #ead5c4;
  background-image: var(--gonai-about-why-image, none);
  background-position: center;
  background-size: cover;
}

.gonai-about-page .gonai-about-why .gonai-about-why__grid::before {
  background: transparent;
}

.gonai-about-why .gonai-about-section__heading h2 {
  color: var(--ink);
}

.gonai-about-why .gonai-about-section__heading .gonai-editorial-eyebrow,
.gonai-about-why .gonai-about-section__intro {
  color: rgba(13, 13, 15, .68);
}

@media (max-width: 640px) {
  .gonai-products-board-hero__media {
    background-image: var(--gonai-products-hero-image-mobile, var(--gonai-products-hero-image, none));
  }

  .gonai-solutions-board-hero__media {
    background-image: var(--gonai-solutions-hero-image-mobile, var(--gonai-solutions-hero-image, none));
  }

  .gonai-about-hero__media {
    background-image: var(--gonai-about-hero-image-mobile, var(--gonai-about-hero-image, none));
  }
}

/* Keep the photo full bleed while the copy retains the shared content width. */
.gonai-about-hero--photo {
  position: relative;
  isolation: isolate;
}
.gonai-about-hero--photo .gonai-about-hero__visual {
  position: static;
  isolation: auto;
  overflow: visible;
  background: transparent;
}

/* Blend only the adjoining photo edges through a shared warm paper tone. */
.gonai-about-hero--photo:has(+ .gonai-about-why) .gonai-about-hero__media::after,
.gonai-about-hero--photo + .gonai-about-why .gonai-about-why__backdrop::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  pointer-events: none;
}
.gonai-about-hero--photo:has(+ .gonai-about-why) .gonai-about-hero__media::after {
  bottom: 0;
  height: clamp(100px, 9vw, 170px);
  background: linear-gradient(to bottom, rgba(245, 237, 225, 0), #f5ede1);
}
.gonai-about-hero--photo + .gonai-about-why .gonai-about-why__backdrop::after {
  top: 0;
  height: clamp(260px, 22vw, 360px);
  background: linear-gradient(to bottom, #f5ede1 0%, rgba(245, 237, 225, .96) 30%, rgba(245, 237, 225, .65) 65%, rgba(245, 237, 225, 0) 100%);
}

/* Audit refinements: preserve the warm brand palette and existing hero images. */
.gonai-about-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.gonai-about-why__card { min-height: 250px; padding: 30px; }
.gonai-about-why__card h3 { max-width: 100%; }
.gonai-about-card__description { color: #55515b; }
.gonai-about-card__label, .gonai-about-process__label { color: #875600; }

html[lang] body.home main .section-heading h2,
html[lang] body.home main .capabilities h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.3; }
.product-card--text { background: #eadfce; color: var(--ink); }
.product-card--text .product-card__shade { display: none; }
.product-card--text .product-card__content { inset: 0; position: relative; min-height: 100%; padding: 28px; color: var(--ink); align-items: end; }
.product-card--text .product-card__content h3 { color: var(--ink); }
.product-card--text .product-card__content a { color: var(--ink); border-color: #766952; }
.product-card--text .product-card__description { display: block; opacity: 1; max-height: none; color: #514939; transform: none; }

.gonai-products-board-cta { min-height: 0; padding: 40px 0; background: #f4efe7; color: var(--ink); }
.gonai-products-board-cta__panel { max-width: none; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; display: grid; grid-template-columns: 1fr auto; column-gap: 48px; align-items: center; }
.gonai-products-board-cta__panel > * { grid-column: 1; }
.gonai-products-board-cta__panel > .gonai-editorial-actions { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
html[lang] .gonai-products-page--board .gonai-products-board-cta__panel h2 { font-size: clamp(28px, 3vw, 40px); }
.gonai-products-board-cta__panel > p:not(.gonai-editorial-eyebrow):not(.gonai-products-board-cta__context),
.gonai-products-board-cta__context { color: #514b43; }

.gonai-form-instructions { color: #514b43; font-size: 14px; line-height: 1.7; margin: 0 0 24px; }
.gonai-live-form input::placeholder, .gonai-live-form textarea::placeholder { color: #65616a; opacity: 1; }
.gonai-live-form input, .gonai-live-form select, .gonai-live-form textarea { font-size: 16px; }
.gonai-live-form .ff-el-form-check-label span { letter-spacing: 0; text-transform: none; font-weight: 400; line-height: 1.7; }
.gonai-live-form .ff-btn-submit { min-height: 48px; font-size: 15px; }

.gonai-page-jump { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: center; padding: 16px 20px; background: #f4efe7; border-bottom: 1px solid #ded6ca; }
.gonai-page-jump a { display: inline-flex; align-items: center; min-height: 44px; color: #302a23; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.gonai-solutions-page--board section[id], .gonai-why-us-page section[id] { scroll-margin-top: calc(var(--header-height) + 24px); }
.gonai-solutions-delivery { margin-top: 32px; border-top: 1px solid #655c4b; padding-top: 24px; }
.gonai-solutions-delivery > summary { cursor: pointer; }
.gonai-solutions-delivery > summary h3 { display: inline; }
.gonai-solutions-delivery > summary::marker { color: #e5a93d; }
.gonai-solutions-delivery[open] > ol { margin-top: 24px; }
.gonai-why-us-building__grid article, .gonai-why-us-direction-grid article { grid-template-columns: 1fr; }
.gonai-why-us-building__grid article > div, .gonai-why-us-direction-grid article > div { padding: 28px; }
.gonai-why-us-heading { margin-bottom: 28px; }
.gonai-why-us-section { padding-block: 48px; }
.gonai-why-us-approach-grid article, .gonai-why-us-start-grid article { padding: 24px; }
.gonai-why-us-approach-grid article > span, .gonai-why-us-start-grid article > span { margin-bottom: 12px; }
.gonai-solutions-board-section { padding-block: 48px; }
.gonai-solutions-process, .gonai-solutions-scope { padding-block: 56px; }

main a:focus-visible, main button:focus-visible, .menu-toggle:focus-visible, .nav-link:focus-visible,
.gonai-live-form input:focus-visible, .gonai-live-form select:focus-visible, .gonai-live-form textarea:focus-visible,
.gonai-solutions-delivery > summary:focus-visible { outline: 3px solid #96620a; outline-offset: 4px; }
@media (max-width: 900px) {
  body.nav-open .primary-nav { background: #f7f4ef; backdrop-filter: none; }
}
@media (max-width: 640px) {
  .gonai-about-why__grid { grid-template-columns: 1fr; gap: 16px; }
  .gonai-about-why__card { min-height: 0; padding: 24px; }
  .gonai-products-board-cta__panel { grid-template-columns: 1fr; row-gap: 12px; }
  .gonai-products-board-cta__panel > .gonai-editorial-actions { grid-column: 1; grid-row: auto; margin-top: 8px; }
  .gonai-products-board-gallery--direction { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gonai-products-board-gallery--direction > :last-child:nth-child(odd) { grid-column: 1 / -1; max-height: 240px; }
  .gonai-products-board-gallery--direction img { aspect-ratio: 1; object-fit: cover; }
  .gonai-why-us-section, .gonai-solutions-board-section, .gonai-solutions-process, .gonai-solutions-scope { padding-block: 32px; }
  .gonai-why-us-building__grid article > div, .gonai-why-us-direction-grid article > div { padding: 22px; }
  .gonai-why-us-heading { gap: 12px; }
  .gonai-solutions-board-heading { margin-bottom: 24px; }
  .gonai-page-jump { gap: 8px 20px; padding: 10px 16px; }
  .product-card--text .product-card__content { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }

  .gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-products-board-heading,
  .gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-products-board-gallery,
  .gonai-products-board-retail .gonai-products-style-panel.is-switching-in > .gonai-editorial-actions {
    animation: none;
  }
}

/* Final visual QA: give text categories an intentional editorial hierarchy. */
.product-card--text .product-card__content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 22px; }
.product-card--text .product-card__content > span { color: #796448; font-size: 34px; font-weight: 400; letter-spacing: 0; }
.product-card--text .product-card__content h3 { font-size: clamp(26px, 2.2vw, 34px); line-height: 1.2; }
.product-card--text .product-card__subtitle { color: #65563f; }
.product-card--text .product-card__description { font-size: 14px; line-height: 1.7; }

/* Who We Serve: match the current reference composition with a centered heading and a full-bleed 2x2 image grid. */
.gonai-why-us-audience {
  padding: 0;
  color: var(--ink);
  background: #fff;
  background-image: none;
}

.gonai-why-us-audience__heading {
  padding: clamp(52px, 6vw, 84px) 0 clamp(46px, 5vw, 72px);
  background: #fff;
}

.gonai-why-us-audience__heading header {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.gonai-why-us-audience__heading header .gonai-editorial-eyebrow {
  margin: 0 0 14px;
  color: var(--gonai-why-us-accent, #e36d6e);
}

.gonai-why-us-audience__heading header h2 {
  margin: 0 0 16px;
  color: var(--ink);
}

.gonai-why-us-audience__heading header > p:last-child {
  max-width: 780px;
  margin: 0 auto;
  color: #4e4852;
}

.gonai-why-us-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  min-height: clamp(420px, 32vw, 540px);
  width: 100%;
  margin: 0;
  border: 0;
  background-color: #3d3030;
  background-image: linear-gradient(rgba(18, 13, 20, var(--gonai-why-us-audience-overlay, .54)), rgba(18, 13, 20, var(--gonai-why-us-audience-overlay, .54))), var(--gonai-why-us-audience);
  background-position: center;
  background-size: cover;
}

.gonai-why-us-audience-grid article {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: clamp(28px, 4vw, 64px);
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, .72);
  border-bottom: 1px solid rgba(255, 255, 255, .72);
  background: transparent;
  backdrop-filter: none;
  transition: background-color 180ms ease;
}

.gonai-why-us-audience-grid article:nth-child(even) {
  border-right: 0;
}

.gonai-why-us-audience-grid article:nth-child(n + 3) {
  border-bottom: 0;
}

.gonai-why-us-audience-grid article:hover {
  background: rgba(255, 255, 255, .08);
}

.gonai-why-us-audience-grid article > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 6px 18px;
}

.gonai-why-us-audience-grid h3 {
  margin: 0;
  color: #fff;
  font-family: var(--serif, Georgia, serif);
  font-size: clamp(28px, 3vw, 48px);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.1;
}

.gonai-why-us-audience-grid p {
  margin: 0;
  color: rgba(255, 255, 255, .94);
  font-family: var(--serif, Georgia, serif);
  font-size: clamp(18px, 2vw, 30px);
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.2;
}

@media (max-width: 760px) {
  .gonai-why-us-audience__heading {
    padding-block: 42px 36px;
  }

  .gonai-why-us-audience-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    min-height: 0;
  }

  .gonai-why-us-audience-grid article,
  .gonai-why-us-audience-grid article:nth-child(n + 3) {
    min-height: 220px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .72) !important;
  }

.gonai-why-us-audience-grid article:last-child {
    border-bottom: 0 !important;
  }
}

/* Cooperation Enquiry hero: use the editable media and copy as one image-backed module. */
.gonai-contact-hero {
  padding: 0;
  background: #fff;
}

.gonai-contact-hero__figure {
  position: relative;
  width: 100%;
  max-width: none;
  height: clamp(360px, 35vw, 520px);
  margin: 0;
  overflow: hidden;
  background: #252226;
}

.gonai-contact-hero__figure::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(12, 14, 14, .84) 0%, rgba(12, 14, 14, .56) 38%, rgba(12, 14, 14, 0) 78%), linear-gradient(0deg, rgba(12, 14, 14, .38) 0%, rgba(12, 14, 14, 0) 58%);
  pointer-events: none;
}

.gonai-contact-hero__figure picture,
.gonai-contact-hero__figure picture img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.gonai-contact-hero__figure picture img {
  object-fit: cover;
  object-position: center;
}

.gonai-contact-hero__overlay {
  position: relative;
  z-index: 2;
  inset: auto;
  display: flex;
  width: var(--shell);
  max-width: none;
  height: 100%;
  margin: 0 auto;
  padding: 56px 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  text-align: left;
  background: transparent;
}

.gonai-contact-hero__overlay .gonai-editorial-eyebrow {
  margin: 0 0 18px;
  color: var(--gonai-contact-accent, #e36d6e);
  letter-spacing: .16em;
}

.gonai-contact-hero__overlay h1 {
  max-width: 800px;
  margin: 0;
  color: #fff;
  font-family: var(--sans, "Helvetica Neue", sans-serif);
  font-size: clamp(36px, 4.7vw, 72px);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.08;
}

html[lang^="zh"] .gonai-contact-hero__overlay h1 {
  font-family: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  letter-spacing: -.06em;
  line-height: 1.16;
}

.gonai-contact-hero__overlay > p:last-child {
  max-width: 700px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .84);
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.8;
}

@media (max-width: 640px) {
  .gonai-contact-hero__figure {
    height: auto;
    min-height: 500px;
  }

  .gonai-contact-hero__overlay {
    width: 100%;
    min-height: 500px;
    padding: 42px 22px;
    justify-content: flex-end;
  }

  .gonai-contact-hero__overlay h1 {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 52px);
  }

  .gonai-contact-hero__overlay > p:last-child {
    max-width: 100%;
    font-size: 15px;
  }
}

/* About feature bundle: restore the missing image-and-copy module between
 * the reasons section and the process section. The media and all copy remain
 * field-driven so each language can be edited independently in the dashboard. */
.gonai-about-feature {
  display: grid;
  width: var(--shell);
  min-height: clamp(360px, 38vw, 560px);
  margin: clamp(30px, 5vw, 72px) auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  background: #f6f0eb;
}

.gonai-about-feature__media {
  min-height: inherit;
  margin: 0;
  overflow: hidden;
  background: #eaded5;
}

.gonai-about-feature__media picture,
.gonai-about-feature__media picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.gonai-about-feature__media img {
  object-fit: cover;
  object-position: center;
}

.gonai-about-feature__empty {
  width: 100%;
  height: 100%;
  min-height: inherit;
  background: linear-gradient(135deg, #eee4dc 0%, #e4d5ca 100%);
}

.gonai-about-feature__copy {
  display: flex;
  padding: clamp(34px, 6vw, 92px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--ink);
}

.gonai-about-feature__copy .gonai-editorial-eyebrow {
  margin: 0 0 22px;
  color: var(--gonai-about-accent, #e36d6e);
}

.gonai-about-feature__copy h2 {
  max-width: 620px;
  margin: 0;
  color: var(--ink);
  font-family: var(--serif, Georgia, serif);
  font-size: clamp(38px, 4.7vw, 68px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .98;
}

html[lang^="zh"] .gonai-about-feature__copy h2 {
  font-family: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: 1.14;
}

.gonai-about-feature__copy > p:not(.gonai-editorial-eyebrow) {
  max-width: 560px;
  margin: 24px 0 0;
  color: #4d4845;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.8;
}

.gonai-about-feature .gonai-editorial-actions {
  margin-top: clamp(26px, 3vw, 38px);
}

.gonai-about-feature .gonai-editorial-actions .is-style-outline .wp-block-button__link {
  min-height: 50px;
  padding: 14px 20px;
  color: var(--ink);
  border: 1px solid rgba(13, 13, 15, .66);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.gonai-about-feature .gonai-editorial-actions .is-style-outline .wp-block-button__link:hover,
.gonai-about-feature .gonai-editorial-actions .is-style-outline .wp-block-button__link:focus-visible {
  color: var(--white);
  background: var(--ink);
  transform: translateY(-2px);
}

.gonai-about-feature .gonai-editorial-actions .wp-block-button__link span {
  margin-left: 8px;
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 900px) {
  .gonai-about-feature {
    grid-template-columns: 1fr;
  }

  .gonai-about-feature__media,
  .gonai-about-feature__empty {
    min-height: min(88vw, 520px);
  }

  .gonai-about-feature__copy {
    padding: clamp(34px, 8vw, 64px);
  }
}

@media (max-width: 640px) {
  .gonai-about-feature {
    width: 100%;
    margin-block: 28px;
  }

  .gonai-about-feature__media,
  .gonai-about-feature__empty {
    min-height: 82vw;
  }

  .gonai-about-feature__copy {
    padding: 34px 22px 42px;
  }

  .gonai-about-feature__copy h2 {
    font-size: clamp(34px, 11vw, 52px);
  }

  .gonai-about-feature__copy > p:not(.gonai-editorial-eyebrow) {
    font-size: 15px;
  }
}

/* Match the reference pill navigation for the four Products destinations. */
.gonai-products-board-nav {
  border-top: 1px solid rgba(13, 13, 15, .12);
  border-bottom: 1px solid rgba(13, 13, 15, .12);
  background: var(--white);
  padding: 16px 0;
}

.gonai-products-board-nav__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.gonai-products-board-nav__inner a {
  display: inline-flex;
  flex: 1 1 0;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid rgba(13, 13, 15, .42);
  border-radius: 999px;
  background: var(--white);
  color: var(--ink);
  font-family: var(--sans);
  font-size: clamp(11px, .72vw, 13px);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

html[lang^="en"] .gonai-products-board-nav__inner a {
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[lang^="zh"] .gonai-products-board-nav__inner a {
  letter-spacing: 0;
  white-space: nowrap;
}

.gonai-products-board-nav__inner a:hover,
.gonai-products-board-nav__inner a:focus-visible,
.gonai-products-board-nav__inner a.is-active {
  border-color: var(--ink);
  background: var(--white);
  color: var(--ink);
  box-shadow: 0 2px 0 rgba(13, 13, 15, .12);
}

.gonai-products-board-nav__inner a:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .gonai-products-board-nav {
    padding: 12px 0;
  }

  .gonai-products-board-nav__inner {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-width: thin;
  }

  .gonai-products-board-nav__inner a {
    flex: 0 0 auto;
    min-width: max-content;
    min-height: 44px;
    padding: 9px 16px;
  }
}