html[data-locale="en"] .hero-title-lines {
  width: min(100%, 70rem);
  margin-inline: 0;
  align-self: flex-start;
  font-size: clamp(4.5rem, 7vw, 7.75rem);
  line-height: 1.034;
  letter-spacing: -.035em;
  word-spacing: .0375em;
  text-align: center;
}
html[data-locale="en"] .hero-title-line {
  max-width: none;
  display: block;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
}
html[data-locale="en"] [data-hero] > .flex-gap-0-25 {
  width: 100%;
  align-self: flex-start;
  justify-content: center;
}
html[data-locale="en"] [data-hero] > .flex-gap-0-25 .opacity-03 {
  display: block;
}
html[data-locale="en"] [data-hero] > .flex-gap-0-25 .subtitle {
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  letter-spacing: .08em;
}
html[data-locale="en"] .hero-brand-slogan {
  margin: clamp(1.125rem, 1.6vw, 1.75rem) 0 0;
  align-self: flex-start;
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}
html[data-locale="en"] .buttons__wrap.is-hero .button_main {
  width: 16.35rem;
  min-width: 16.35rem;
  flex-shrink: 0;
  padding-inline: 1rem 3rem;
  min-height: 4.296875rem;
}
html[data-locale="en"] .buttons__wrap.is-hero {
  width: max-content;
  margin: clamp(1.5rem, 2vw, 2rem) auto 0;
  align-self: center;
  justify-content: center;
  gap: 5.078125rem;
}
html[data-locale="en"] .buttons__wrap.is-hero .button__text {
  width: max-content;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .12em;
  line-height: 1.05;
  text-align: center;
}
html[data-locale="en"] .hero-button-line { display: block; }
html[data-locale="en"] .os-language-switch { letter-spacing: .02em; }
html[data-locale="en"] .creative-bento__title,
html[data-locale="en"] .capability-card__title {
  text-wrap: balance;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.15;
}
html[data-locale="en"] .creative-bento__option .creative-bento__title {
  font-size: clamp(.76rem, .9vw, .95rem);
}
html[data-locale="en"] .os-about-section__lead { max-width: 34ch; }
html[data-locale="en"] .os-about-section__title {
  font-size: clamp(2.925rem, 3.06vw, 3.825rem);
}

html[data-locale="en"] #contact .cta__inner-wrap {
  min-height: 20.4em;
}
html[data-locale="en"] #contact .cta__text-wrap {
  padding-top: 2.21em;
  padding-bottom: 3.4em;
}
html[data-locale="en"] #contact .en-cta-heading-line {
  display: block;
  white-space: nowrap;
}
html[data-locale="en"] #contact .cta-heading-wrap .heading-style-h3 {
  font-size: 2.43em;
}
html[data-locale="en"] #contact .cta__button {
  height: 5.1em;
  min-height: 5.1em;
}
html[data-locale="en"] #contact .cta__btn-icon {
  width: 5.1em;
  height: 5.1em;
  flex: 0 0 5.1em;
}
html[data-locale="en"] #contact .cta__button .heading-style-h4 {
  font-size: 1.932336em;
}

html[data-locale="en"] #content-production .flex-section.centered > .flex-gap-0-25:first-child {
  width: 100%;
  justify-content: center;
}
html[data-locale="en"] #content-production .flex-section.centered > .flex-gap-0-25:first-child .opacity-03 {
  display: block;
}
html[data-locale="en"] #content-production .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
  max-width: 68rem;
  font-size: clamp(.75rem, .8vw, .875rem);
  line-height: 1.35;
  letter-spacing: .02em;
  text-align: center;
  text-transform: none;
}

html[data-locale="en"] #content-production .section__heading {
  text-transform: uppercase;
}

html[data-locale="en"] #ai-data-solutions .flex-section.centered > .flex-gap-0-25:first-child {
  width: 100%;
  justify-content: center;
}
html[data-locale="en"] #ai-data-solutions .flex-section.centered > .flex-gap-0-25:first-child .opacity-03 {
  display: block;
}
html[data-locale="en"] #ai-data-solutions .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
  max-width: 68rem;
  font-size: clamp(.75rem, .8vw, .875rem);
  line-height: 1.35;
  letter-spacing: .02em;
  text-align: center;
}
html[data-locale="en"] #ai-data-solutions .ai-data-heading-line {
  display: block;
  width: 100%;
}
html[data-locale="en"] #ai-data-solutions .ai-data-solution-card .et__card > .flex-vertical.flex-gap-0-5 {
  gap: 1.5rem;
}

html[data-locale="en"] #core-capabilities .flex-section.centered > .flex-gap-0-25:first-child {
  width: 100%;
  justify-content: center;
}
html[data-locale="en"] #core-capabilities .flex-section.centered > .flex-gap-0-25:first-child .opacity-03 {
  display: block;
}
html[data-locale="en"] #core-capabilities .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
  max-width: 76rem;
  font-size: clamp(.75rem, .8vw, .875rem);
  line-height: 1.35;
  letter-spacing: .02em;
  text-align: center;
}
html[data-locale="en"] #core-capabilities .core-capabilities-heading-line {
  display: block;
  width: 100%;
}
html[data-locale="en"] #core-capabilities .section__heading {
  text-transform: uppercase;
}
html[data-locale="en"] #core-capabilities .flex-section.centered > .flex-vertical.flex-gap-1-5 {
  max-width: 70ch !important;
}

/* English-only labels cover the Chinese titles embedded in the shared card shells. */
html[data-locale="en"] #content-production .marketing-case-card::before {
  position: absolute;
  z-index: 2;
  left: 7.5%;
  right: 7.5%;
  bottom: 7.2%;
  min-height: 8.5%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .2em 0;
  background: #172126;
  color: #f2f5f6;
  font-family: "Azeret Mono", monospace;
  font-size: clamp(.48rem, .62vw, .7rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .015em;
  text-transform: uppercase;
  white-space: normal;
  overflow: visible;
  pointer-events: none;
}

html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="advertising"] .marketing-case-card::before {
  content: "PERFORMANCE ADS";
}
html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="ecommerce"] .marketing-case-card::before {
  content: "E-COMMERCE";
}
html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="ai-video"] .marketing-case-card::before {
  content: "AI VIDEO";
}
html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="brand-tvc"] .marketing-case-card::before {
  content: "TVC VIDEO";
}
html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="animation"] .marketing-case-card::before {
  content: "ANIMATED ADS";
}
html[data-locale="en"] #content-production .marketing-case-stack[data-category-id="influencer"] .marketing-case-card::before {
  content: "INFLUENCER\A MARKETING";
  white-space: pre-line;
  font-size: clamp(.45rem, .56vw, .64rem);
}

@media screen and (min-width: 1025px) {
  html[data-locale="en"] #content-production .section__heading .highlight__text {
    white-space: nowrap;
  }
  html[data-locale="en"] #content-production .pretty__content {
    transform: translateY(-10%);
  }
  html[data-locale="en"] #content-production .pretty__button-outter[data-category-id="ecommerce"] .pretty__content-item .p-body,
  html[data-locale="en"] #content-production .pretty__button-outter[data-category-id="influencer"] .pretty__content-item .p-body {
    width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
  }
  html[data-locale="en"] #content-production .flex-section.centered {
    gap: 4.0625rem;
  }
  html[data-locale="en"] #content-production .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
    white-space: nowrap;
  }
  html[data-locale="en"] #content-production .section__heading {
    line-height: 1.034;
  }
  html[data-locale="en"] #ai-data-solutions .section__heading {
    line-height: 1.034;
  }
  html[data-locale="en"] #core-capabilities .section__heading {
    line-height: 1.034;
  }
  html[data-locale="en"] #core-capabilities .core-capabilities-heading-line {
    white-space: nowrap;
  }
  html[data-locale="en"] #core-capabilities .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
    white-space: nowrap;
  }
  html[data-locale="en"] #content-production .container-small > .spacer-3 {
    height: 3rem;
  }
  html[data-locale="en"] #content-production .container-small > .spacer-2.hide-on-tablet {
    height: 2.25rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories {
    width: min(calc(100vw - 4rem), 76rem);
    max-width: 76rem;
    margin-left: calc((100% - min(calc(100vw - 4rem), 76rem)) / 2);
    margin-right: 0;
  }
  html[data-locale="en"] #content-production .pretty__buttons-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__button-outter,
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__button-outter.active {
    width: auto !important;
    min-width: 0;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__button,
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__button-inner {
    min-width: 0;
    height: 3.5rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__icon-wrap {
    width: 2.75rem;
    height: 2.75rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .button__text.is-pretty-slider {
    min-width: 0;
    overflow: hidden;
    font-size: clamp(.75rem, .85vw, .875rem);
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media screen and (min-width: 1600px) {
  html[data-locale="en"] #content-production .container-small > .spacer-3 {
    height: 2.5rem;
  }
}

@media screen and (max-width: 991px) {
  html[data-locale="en"] .hero-title-lines { font-size: clamp(3.5rem, 8vw, 5.25rem); }
  html[data-locale="en"] .creative-bento__title { line-height: 1.15; }
  html[data-locale="en"] .m-nav-directory__label { max-width: 11rem; }
}

@media screen and (max-width: 1024px) {
  html[data-locale="en"] #content-production .flex-section.centered > .flex-gap-0-25:first-child .subtitle {
    max-width: 32rem;
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  html[data-locale="en"] .os-about-section__title {
    font-size: clamp(2.115rem, 9.72vw, 2.475rem);
  }
  html[data-locale="en"] .mobile_nav.has-directory-nav .m-nav__links { min-height: 17rem; }
  html[data-locale="en"] .m-nav-directory-shell { min-height: 15.6rem; }
  html[data-locale="en"] .m-nav-directory__item { grid-template-columns: 1.7rem minmax(0, 1fr) 1rem; column-gap: .5rem; }
  html[data-locale="en"] .m-nav-directory__label { max-width: none; font-size: .96rem; }
}

@media screen and (max-width: 479px) {
  html[data-locale="en"] #contact .cta-heading-wrap .heading-style-h3 {
    font-size: 31.01472px;
    line-height: 56.8603px;
    letter-spacing: -.0196em;
  }
  html[data-locale="en"] #contact .heading-style-h3 > .line:nth-child(2),
  html[data-locale="en"] #contact .en-cta-heading-line:nth-child(2) {
    letter-spacing: -.0196em;
  }
  html[data-locale="en"] #contact .cta-heading-wrap,
  html[data-locale="en"] #contact .cta-heading-wrap .line,
  html[data-locale="en"] #contact .cta__text-wrap > p,
  html[data-locale="en"] #contact .cta__text-wrap > p .line {
    text-align: left !important;
  }
  html[data-locale="en"] #contact .cta__button .cta__btn-text {
    box-sizing: border-box;
    justify-content: flex-start;
    padding-left: 1.5rem;
    text-align: left;
  }
  html[data-locale="en"] [data-hero] {
    position: relative;
    top: -3.75rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories {
    height: 980px;
    min-height: 980px;
    max-height: 980px;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__content-inner {
    padding: 2rem 1rem 2.15rem;
  }
  html[data-locale="en"] #content-production .pretty__slider.is-six-categories .pretty__content-item .p-body {
    width: 100%;
    max-width: none;
  }
  html[data-locale="en"] #content-production .pretty__keywords {
    margin-top: .8em;
  }
  html[data-locale="en"] #content-production .marketing-case-more {
    margin-top: .85em;
  }
  html[data-locale="en"] [data-hero] > .flex-gap-0-25 .subtitle {
    font-size: 12.35px;
    white-space: normal;
    letter-spacing: .364px;
    line-height: 1.45;
  }
  html[data-locale="en"] .os-about-section__lead { max-width: none; }
  html[data-locale="en"] .hero-title-lines {
    font-size: clamp(2.15rem, 10.2vw, 2.75rem);
    line-height: 1.056;
    letter-spacing: -.04em;
  }
  html[data-locale="en"] .hero-title-line {
    max-width: none;
    white-space: nowrap !important;
  }
  html[data-locale="en"] .hero-brand-slogan {
    margin-top: 1.25rem;
    font-size: .92rem;
    line-height: 1.35;
    letter-spacing: .055em;
  }
  html[data-locale="en"] .hero-brand-slogan span { display: block; }
  html[data-locale="en"] .buttons__wrap.is-hero .button_main {
    width: 100%;
    min-width: 0;
    min-height: 3.4375rem;
    flex: none;
    padding-inline: .75rem 2.4rem;
  }
  html[data-locale="en"] .buttons__wrap.is-hero .button_main:nth-child(2) {
    scale: .95;
  }
  html[data-locale="en"] .buttons__wrap.is-hero {
    width: min(100%, 20rem);
    margin-top: 1rem;
    gap: .5rem;
    flex-flow: row nowrap;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    scale: 1 !important;
  }
  html[data-locale="en"] .buttons__wrap.is-hero .button__text {
    width: max-content;
  }
}
