/* English typography and content expansion. Load after the original Chinese-site styles. */
html:lang(en) { --font-en: "Helvetica Neue", Helvetica, Arial, sans-serif; }
html:lang(en) body { font-family: var(--font-en); font-weight: 400; line-height: 1.6; }
html:lang(en) .skip-link { position: fixed; z-index: 1100; top: 8px; left: 16px; padding: 10px 18px; background: #fff; color: #111820; transform: translateY(-150%); border: 2px solid #176de5; }
html:lang(en) .skip-link:focus { transform: none; }
html:lang(en) :is(h1,h2,h3,h4,p,a,button,th,td,small,dt,dd,label,strong,span,address,input,select,textarea) {
  font-family: var(--font-en) !important;
  letter-spacing: normal !important;
}
html:lang(en) :is(h1,h2,h3,h4) { text-wrap: balance; overflow-wrap: normal; }
html:lang(en) :is(button,.outline-btn,.pill-btn,.more-link,.support-link) { line-height: 1.35; }
html:lang(en) :is(.lead,.intro,.home-lead) { font-weight: 400; line-height: 1.75; }
html:lang(en) :is(.hero p,.hero-slide p) { font-weight: 400; line-height: 1.55; }
html:lang(en) .site-header { gap: 20px; padding-inline: max(28px,calc((100vw - 1440px)/2)); color: var(--ink); }
html:lang(en) .brand { flex: 0 0 148px; width: 148px; margin-right: 0; }
html:lang(en) .brand img { width: 148px; }
html:lang(en) .nav { position: static; flex: 1 1 auto; gap: clamp(14px,1.6vw,25px); transform: none; font-size: 14px; }
html:lang(en) .nav a { height: var(--nav); font-weight: 600; }
html:lang(en) .header-tools { flex: 0 0 auto; margin-left: 0; gap: 18px; font-size: 13px; }
html:lang(en) .contact-link { font-size: 14px; }
html:lang(en) .outline-btn::after,
html:lang(en) .pill-btn::after,
html:lang(en) .more-link::after { flex-shrink: 0; }
html:lang(en) :is(.outline-btn,.pill-btn,.design-cta a) { font-weight: 600; min-height: 46px; }
html:lang(en) .hero h1 { line-height: 1.1; font-weight: 700; }
html:lang(en) .hero-content { max-width: calc(100% - 48px); }
html:lang(en) main .design-cta .page-shell { gap: 40px; }
html:lang(en) main .design-cta h2 { max-width: 31ch; font-size: clamp(25px,2.4vw,34px); line-height: 1.3; font-weight: 500; }
html:lang(en) main .design-cta a { flex-shrink: 0; min-width: 168px; width: auto; height: auto; padding: 13px 28px; font-size: 16px; }

/* Navigation and footer use content width rather than Chinese character counts. */
html:lang(en) .site-footer { height: auto; min-height: 331px; font-size: 14px; }
html:lang(en) .footer-shell { padding-block: 48px 0; }
html:lang(en) .footer-inner { height: auto; grid-template-columns: 1.45fr 1fr .85fr; grid-template-rows: auto auto; gap: 28px 42px; padding-bottom: 30px; }
html:lang(en) .footer-column p { line-height: 1.85; }
html:lang(en) .footer-heading { font-size: 14px; font-weight: 600; }
html:lang(en) .footer-brand { width: auto; max-width: 280px; }
html:lang(en) .footer-brand img { max-width: 100%; }
html:lang(en) .footer-nav { flex-wrap: wrap; white-space: normal; gap: 4px 24px; font-size: 14px; }
html:lang(en) .footer-nav a+a::before { margin-inline: 9px; }
html:lang(en) .footer-social { flex-wrap: wrap; align-items: center; }
html:lang(en) .footer-bottom { height: auto; min-height: 54px; padding-block: 15px; gap: 20px; }

/* Home: keep the original image-led composition, allow translated copy to wrap. */
html:lang(en) .home-page .home-shell,
html:lang(en) .about-page .page-shell { width: min(1100px,calc(100% - 48px)); }
html:lang(en) .home-page .hero-slide .hero-content { width: min(1100px,calc(100% - 96px)); }
html:lang(en) .home-page .hero-slide h1,
html:lang(en) .home-page .hero-slide .slide-title,
html:lang(en) .home-page .hero-slide h1 span { font-size: clamp(36px,4.5vw,64px); line-height: 1.12; font-weight: 700; }
html:lang(en) .home-page .hero-slide .slide-title { margin: 0; }
html:lang(en) .home-page [data-hero-slide="dimensions"] .dimensions-title { flex-wrap: wrap; font-size: clamp(36px,4.5vw,64px); white-space: normal; }
html:lang(en) .home-page [data-hero-slide="dimensions"] p { font-size: 22px; }
html:lang(en) .home-page [data-hero-slide="libra"] .hero-content { max-width: min(1040px,calc(100% - 96px)); }
html:lang(en) .home-page [data-hero-slide="libra"] :is(h1,.slide-title) { font-size: clamp(36px,4.5vw,58px); color: #0d1117; }
html:lang(en) .home-page [data-hero-slide="libra"] .hero-subtitle { max-width: 29ch; line-height: 1.5; }
html:lang(en) .home-page [data-hero-slide="slam"] :is(h1,.slide-title) { max-width: 22ch; font-size: clamp(36px,4vw,56px); }
html:lang(en) .home-page [data-hero-slide="slam"] p { max-width: 43ch; }
html:lang(en) .home-page h2 { font-size: clamp(30px,3vw,42px); line-height: 1.2; }
html:lang(en) .home-foundation { height: auto; min-height: 740px; padding: 94px 0 24px; overflow: visible; }
html:lang(en) .home-foundation>div>h2,
html:lang(en) .home-foundation>div>.home-lead,
html:lang(en) .home-solutions h2,
html:lang(en) .home-solutions .home-lead { margin-left: 0; }
html:lang(en) .home-foundation .home-lead { max-width: 65ch; margin-top: 24px; margin-bottom: 12px; }
html:lang(en) .sense-stage { min-height: 500px; height: auto; grid-template-columns: 45% 55%; }
html:lang(en) .sense-copy { min-width: 0; padding: 28px 32px 28px 20px; transform: none; }
html:lang(en) .sense-tabs button { flex-wrap: wrap; gap: 6px 14px; }
html:lang(en) .sense-tabs .sense-cn { min-width: 0; font-size: 26px; line-height: 1.3; }
html:lang(en) .sense-tabs .sense-en { font-size: 16px; line-height: 1.5; }
html:lang(en) .sense-detail { width: auto; max-width: 42ch; font-size: 16px; font-weight: 400; line-height: 1.65; }
html:lang(en) .sense-item.active .sense-detail { max-height: 400px; margin-top: 12px !important; margin-bottom: 14px !important; }
html:lang(en) .sense-art { height: 470px; transform: none; overflow: hidden; }
html:lang(en) .home-solutions { height: auto; min-height: 0; padding: 72px 0 88px; }
html:lang(en) .home-solutions .home-lead { margin-bottom: 48px; }
html:lang(en) .solution-card strong { font-size: 25px; font-weight: 600; line-height: 1.3; }
html:lang(en) .solution-card span { font-size: 16px; }
html:lang(en) .home-stats { height: auto; padding-bottom: 90px; }
html:lang(en) .stats-grid { width: min(1200px,calc(100% - 48px)); gap: 24px; }
html:lang(en) .stats-grid span { max-width: 17ch; margin: 20px auto 0; font-size: 15px; line-height: 1.55; }
html:lang(en) .stats-grid strong { font-variant-numeric: tabular-nums; }
html:lang(en) .home-news { height: auto; padding-block: 68px 90px; }
html:lang(en) .home-news .home-shell { width: min(1100px,calc(100% - 48px)); }
html:lang(en) .home-section-head small { font-size: clamp(76px,12vw,160px); }
html:lang(en) .home-news-card { height: auto; min-height: 0; }
html:lang(en) .home-news-card img { flex-shrink: 0; }
html:lang(en) .home-news-card strong { font-size: 17px; font-weight: 600; line-height: 1.45; }

/* Solutions and product catalogs. */
html:lang(en) .page-solutions .solutions-hero .hero-content { max-width: calc(100% - 48px); margin-inline: auto; }
html:lang(en) .page-solutions .solutions-hero p { max-width: 58ch; margin-inline: auto; font-size: 22px; line-height: 1.6; font-weight: 400; }
html:lang(en) .page-solutions .solutions-overview .section-header h2 { max-width: 25ch; margin: 0 auto 22px; font-size: clamp(30px,3.1vw,44px); line-height: 1.2; }
html:lang(en) .page-solutions .solutions-overview .section-header p { font-size: 18px; line-height: 1.6; }
html:lang(en) .page-solutions .solution-block,
html:lang(en) .page-solutions .solution-block:nth-child(even) { height: auto; min-height: 485px; grid-template-columns: 44% minmax(0,1fr); }
html:lang(en) .page-solutions .solution-block:nth-child(even) { grid-template-columns: minmax(0,1fr) 44%; }
html:lang(en) .page-solutions .solution-image { width: 100%; height: 100%; min-height: 485px; }
html:lang(en) .page-solutions .solution-copy,
html:lang(en) .page-solutions .solution-block:nth-child(even) .solution-copy { height: auto; padding: 44px 38px; }
html:lang(en) .page-solutions .solution-copy h3 { margin: 0 0 8px; font-size: 36px; line-height: 1.2; }
html:lang(en) .page-solutions .solution-kicker { margin-bottom: 18px; font-size: 17px; line-height: 1.4; }
html:lang(en) .page-solutions .solution-copy>p:not(.solution-kicker) { font-size: 17px; font-weight: 400; line-height: 1.75; }
html:lang(en) .page-solutions .chips { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-block: 24px; }
html:lang(en) .page-solutions .chips li { font-size: 14px; line-height: 1.5; }
html:lang(en) .page-solutions .chips li+li::before { display: none; }
html:lang(en) .page-solutions .more-link { display: inline-flex; width: auto; max-width: 100%; min-height: 44px; height: auto; padding: 10px 20px; font-size: 15px; line-height: 1.45; }
html:lang(en) .products-page .products-hero .hero-content { max-width: calc(100% - 48px); }
html:lang(en) .products-page .products-hero p { font-size: 22px; line-height: 1.6; }
html:lang(en) .product-category-card>div { left: 30px; right: 24px; top: auto; bottom: 38px; }
html:lang(en) .product-category-card h2 { font-size: 32px; line-height: 1.2; }
html:lang(en) .product-category-card p { margin-top: 10px; font-size: 19px; line-height: 1.4; }
html:lang(en) .product-series-card { min-height: 390px; height: auto; }
html:lang(en) .product-series-carousel { height: auto; }
html:lang(en) .product-series-cards { height: auto; align-items: stretch; }
html:lang(en) .series-art { flex-shrink: 0; }
html:lang(en) .product-series-card h3 { font-size: 19px; font-weight: 600; }
html:lang(en) .product-series-card p { font-size: 14px; font-weight: 400; line-height: 1.5; }

/* Case studies expand vertically; no translated story is clipped. */
html:lang(en) .cases-primary-tabs button { font-size: 25px; line-height: 1.25; }
html:lang(en) .case-category-intro h2 { max-width: 30ch; font-size: clamp(29px,3vw,42px); line-height: 1.25; }
html:lang(en) :is(.case-category-intro .intro,.case-subcatalog-intro) { max-width: 70ch; line-height: 1.75; font-weight: 400; }
html:lang(en) .case-scene-label { width: max-content; max-width: 100%; min-width: 130px; height: auto; min-height: 48px; padding: 10px 24px; font-size: 18px; line-height: 1.35; white-space: normal; }
html:lang(en) .identity-case-card,
html:lang(en) .robot-case-groups .identity-case-card,
html:lang(en) .cleaner-case-groups .identity-case-card { height: auto; grid-template-columns: 54% minmax(0,1fr); }
html:lang(en) .identity-case-card>img,
html:lang(en) .robot-case-groups .identity-case-card>img,
html:lang(en) .cleaner-case-groups .identity-case-card>img { height: 100%; min-height: 375px; }
html:lang(en) .identity-case-copy { padding: 34px 30px; }
html:lang(en) .identity-case-copy h4 { font-size: 27px; line-height: 1.25; }
html:lang(en) .identity-case-copy .identity-case-subtitle { color: #677b95; font-size: 15px; line-height: 1.6; }
html:lang(en) .identity-case-copy>p:last-child { font-size: 15px; line-height: 1.75; }
html:lang(en) .case-grid-featured .case-card { grid-template-columns: 54% minmax(0,1fr); }

/* Technology and resources. */
html:lang(en) .page-technology .technology-hero h1 { height: auto; margin-bottom: 22px; font-size: 48px; line-height: 1.12; }
html:lang(en) .page-technology .technology-hero .hero-content { padding-top: clamp(110px,15vw,215px); }
html:lang(en) .page-technology .technology-hero p { max-width: 57ch; font-size: 19px; line-height: 1.6; }
html:lang(en) .page-technology .technology-direction-tabs { gap: 44px; }
html:lang(en) .page-technology .technology-direction-tab strong { font-size: 25px; }
html:lang(en) .page-technology .technology-direction-tab span { font-size: 15px; line-height: 1.7; font-weight: 400; }
html:lang(en) .page-technology .technology-direction-panels { height: auto; min-height: 260px; }
html:lang(en) .page-technology .technology-capability-grid { gap: 30px; }
html:lang(en) .page-technology .technology-capability-grid h3 { font-size: 17px; line-height: 1.4; }
html:lang(en) .page-technology .technology-capability-grid p { font-size: 14px; line-height: 1.7; font-weight: 400; }
html:lang(en) .page-technology .system-flow article h3 { font-size: 18px; line-height: 1.25; }
html:lang(en) .page-technology .system-flow article p { font-size: 13px; line-height: 1.5; font-weight: 400; }
html:lang(en) .support-hero p { max-width: 57ch; width: auto; font-size: 19px; line-height: 1.65; }
html:lang(en) .support-tabs { width: min(1120px,calc(100% - 48px)); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
html:lang(en) .support-tabs button { width: auto; min-width: 0; min-height: 105px; height: auto; font-size: 24px; white-space: normal; }
html:lang(en) .support-tabs small { font-size: 15px; }
html:lang(en) .resource-panel { width: min(1120px,calc(100% - 48px)); }
html:lang(en) .resource-table :is(th,td) { padding-inline: 26px; font-weight: 400; }
html:lang(en) .resource-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }

/* About: preserve the backdrop, portraits and timeline, use natural text flow. */
html:lang(en) .about-page .about-hero .eyebrow,
html:lang(en) .about-page .about-hero h1+p { white-space: normal; max-width: 50ch; }
html:lang(en) .about-page .about-copy { height: auto; min-height: 1058px; padding: 110px 0 90px; overflow: visible; }
html:lang(en) .about-page .about-copy .page-shell { position: relative; width: min(1040px,calc(100% - 48px)); }
html:lang(en) .about-page .about-copy .watermark { top: 0; font-size: 60px; }
html:lang(en) .about-page .about-copy h2 { position: relative; top: auto; font-size: 42px; line-height: 1.2; }
html:lang(en) .about-page .about-introduction { position: relative; left: auto; top: auto; width: 100%; max-width: 68ch; margin: 68px auto 0; transform: none; font-size: 18px; font-weight: 400; line-height: 1.85; }
html:lang(en) .about-page .about-introduction p+p { margin-top: 1.15em; }
html:lang(en) .about-page .about-capabilities { position: relative; left: auto; top: auto; width: 100%; margin: 68px 0 0; transform: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 52px; }
html:lang(en) .about-page .about-capabilities .card { height: auto; min-height: 240px; }
html:lang(en) .about-page .about-capabilities h3 { min-height: 2.4em; margin: 14px 0 24px; font-size: 30px; line-height: 1.2; }
html:lang(en) .about-page .about-capabilities p { font-size: 17px; font-weight: 400; line-height: 1.7; }
html:lang(en) .about-page .about-capabilities .card::before { left: 50%; transform: translateX(-50%); }
html:lang(en) .about-page .team-stage { height: auto; min-height: 860px; padding: 100px 0; overflow: visible; }
html:lang(en) .about-page .team-stage .page-shell { width: min(1100px,calc(100% - 48px)); height: auto; }
html:lang(en) .about-page .team-stage .section-kicker { left: 0; top: -44px; width: auto; font-size: 60px; }
html:lang(en) .about-page .team-stage h2 { position: relative; left: auto; top: auto; font-size: 42px; line-height: 1.2; }
html:lang(en) .about-page .team-controls { top: 4px; left: auto; right: 0; }
html:lang(en) .about-page .team-card.active { width: 100%; height: auto; margin: 74px 0 0; grid-template-columns: minmax(280px,398px) minmax(0,1fr); gap: 64px; }
html:lang(en) .about-page .team-card img { width: 100%; height: auto; aspect-ratio: 1; }
html:lang(en) .about-page .team-copy small { width: fit-content; max-width: 100%; font-size: 19px; line-height: 1.5; white-space: normal; }
html:lang(en) .about-page .team-copy h3 { margin: 24px 0; font-size: 36px; line-height: 1.2; }
html:lang(en) .about-page .team-copy p { font-size: 17px; line-height: 1.85; }
html:lang(en) .about-page .brand-story h3 { height: auto; min-height: 70px; padding: 20px 28px; white-space: normal; font-size: 22px; }
html:lang(en) .about-page .brand-story ul { height: auto; min-height: 215px; padding: 30px; }
html:lang(en) .about-page .brand-story li { font-size: 16px; font-weight: 400; line-height: 1.7; }
html:lang(en) .about-page .brand-milestones strong { white-space: normal; font-size: 14px; }

/* News and contact. */
html:lang(en) .page-news .news-hero .hero-content { width: min(1100px,calc(100% - 48px)); }
html:lang(en) .page-news .news-item { height: auto; min-height: 300px; }
html:lang(en) .page-news .news-item h3 { display: block; overflow: visible; font-size: 17px; line-height: 1.45; font-weight: 600; -webkit-line-clamp: unset; }
html:lang(en) .page-news-detail .article-header h1 { width: 100%; max-width: 30ch; font-size: clamp(28px,3vw,40px); line-height: 1.25; }
html:lang(en) .page-news-detail .article-copy { font-size: 17px; font-weight: 400; line-height: 1.85; }
html:lang(en) .page-news-detail .article-follow-brand p { font-size: 13px; line-height: 1.4; }
html:lang(en) .page-contact .contact-intro p { max-width: 65ch; font-size: 19px; line-height: 1.75; }
html:lang(en) .page-contact .form-panel h2 { font-size: 31px; line-height: 1.25; }
html:lang(en) .page-contact .contact-method address { font-size: 15px; line-height: 1.75; }
html:lang(en) .page-contact .contact-method dl div { flex-wrap: wrap; }

/* All eight product detail pages: Latin text, readable measure, fluid labels. */
html:lang(en) :is(.detail-intro,.handpass-intro,.nebula-series-intro) p { width: min(65ch,calc(100% - 48px)); margin-inline: auto; font-size: 21px; font-weight: 400; line-height: 1.8; }
html:lang(en) :is(.detail-feature-0,.detail-feature-1,.detail-feature-2,.detail-feature-3,.detail-feature-4,.handpass-feature,.nebula-series-feature) p { max-width: 65ch; font-size: 18px; font-weight: 400; line-height: 1.75; }
html:lang(en) :is(.detail-feature-0,.detail-feature-1,.detail-feature-2,.detail-feature-3,.detail-feature-4,.handpass-feature,.nebula-series-feature) p br { display: none; }
html:lang(en) :is(.detail-hero,.handpass-hero,.nebula-series-hero) p { white-space: normal; max-width: 65ch; line-height: 1.5; }
html:lang(en) :is(.hero-series,.handpass-hero-series,.nebula-hero-series) { font-weight: 600; }
html:lang(en) :is(.detail-hero,.handpass-hero,.nebula-series-hero) h1 { line-height: 1.1; }
html:lang(en) :is(.product-libra,.product-aurora-900) .hero-copy h1 { max-width: 100%; font-size: clamp(40px,6vw,86px); }
html:lang(en) .product-libra .hero-series { font-size: .6em; }
html:lang(en) .product-veinshine .hero-copy h1 { font-size: clamp(40px,8vw,110px); }
html:lang(en) :is(.detail-specs,.handpass-specs,.nebula-series-specs) :is(th,td) { font-weight: 400; line-height: 1.55; overflow-wrap: normal; word-break: normal; }
html:lang(en) :is(.detail-specs,.handpass-specs,.nebula-series-specs) th { font-weight: 600; }
html:lang(en) :is(.scene-tabs,.application-labels,.veinshine-scene-tabs,.handpass-scene-tabs,.nebula-scene-tabs) { flex-wrap: wrap; gap: 16px 28px; }
html:lang(en) :is(.scene-tabs,.application-labels,.veinshine-scene-tabs,.handpass-scene-tabs,.nebula-scene-tabs) button { min-height: 44px; white-space: normal; font-size: 17px; line-height: 1.4; }
html:lang(en) .support-link { font-size: 19px; }

/* Accessible image text stays in alt; these overlays localize the original diagram labels. */
html:lang(en) .localized-diagram { position: relative; display: block; width: 100%; container-type: inline-size; margin-inline: auto; }
html:lang(en) .localized-diagram>img,
html:lang(en) .localized-diagram>video { position: static !important; display: block; width: 100% !important; height: auto !important; max-width: none !important; margin: 0 !important; aspect-ratio: auto !important; }
html:lang(en) .localized-diagram .diagram-label { position: absolute; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 .15cqw; font-weight: 500; line-height: 1.1; white-space: nowrap; text-align: center; pointer-events: none; }
html:lang(en) .handpass-fusion .localized-diagram { aspect-ratio: 1440/576; margin-top: 99px; }
html:lang(en) .product-veinshine .feature-art>.localized-diagram { height: 100%; }
html:lang(en) .product-libra .detail-feature-0 .localized-diagram.feature-media-0 { width: min(1181px,100%); }

@media (max-width:1280px) {
  html:lang(en) { --nav: 64px; }
  html:lang(en) .site-header { height: 64px; padding-inline: 24px; gap: 16px; }
  html:lang(en) .brand { width: 145px; flex: 0 1 145px; min-width: 110px; height: 42px; }
  html:lang(en) .brand img { width: 145px; height: 35px; }
  html:lang(en) .header-tools { margin-left: auto; }
  html:lang(en) .header-tools .contact-link { display: none; }
  html:lang(en) .menu-btn { display: block; margin-left: 0; width: 44px; height: 44px; padding: 10px; }
  html:lang(en) .nav { display: none; }
  html:lang(en) .nav.open { position: absolute; top: 64px; left: 0; right: 0; z-index: 2; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0; max-height: calc(100dvh - 64px); overflow-y: auto; background: #fff; color: #111820; box-shadow: 0 12px 30px #10223a1f; }
  html:lang(en) .nav.open a { height: auto; min-height: 44px; padding: 12px 24px; border-bottom: 1px solid #e6edf5; font-size: 16px; }
  html:lang(en) .nav a::after { display: none; }
  html:lang(en) .nav.open .nav-contact { display: flex; }
  html:lang(en) .nav.open a.active { color: #176de5; }
  html:lang(en) .product-series-row { grid-template-columns: 290px minmax(0,1fr); gap: 28px; }
  html:lang(en) .page-technology .system-flow article { width: 30%; padding: 14px; gap: 10px; height: auto; min-height: 118px; }
  html:lang(en) .page-technology .system-flow article[data-capability="software"] { width: 46%; }
  html:lang(en) .page-technology .system-flow article p { font-size: 12px; }
}

@media (max-width:900px) {
  html:lang(en) .hero-content { max-width: calc(100% - 40px); }
  html:lang(en) .site-header { padding-inline: 20px; }
  html:lang(en) .home-page .hero-slide .hero-content { width: calc(100% - 48px); }
  html:lang(en) .home-page .hero-slide h1,
  html:lang(en) .home-page .hero-slide .slide-title,
  html:lang(en) .home-page .hero-slide h1 span,
  html:lang(en) .home-page [data-hero-slide="dimensions"] .dimensions-title,
  html:lang(en) .home-page [data-hero-slide="libra"] :is(h1,.slide-title),
  html:lang(en) .home-page [data-hero-slide="slam"] :is(h1,.slide-title) { font-size: clamp(32px,6vw,44px); }
  html:lang(en) .home-page [data-hero-slide="libra"] :is(h1,.slide-title) { color: #fff; }
  html:lang(en) .home-page [data-hero-slide="libra"] .hero-content { max-width: calc(100% - 48px); }
  html:lang(en) .home-page [data-hero-slide="libra"] .hero-subtitle,
  html:lang(en) .home-page [data-hero-slide="slam"] :is(h1,.slide-title,p) { margin-inline: auto; }
  html:lang(en) .home-page [data-hero-slide="dimensions"] p { font-size: 17px; }
  html:lang(en) .home-foundation { min-height: 0; padding: 58px 0 20px; }
  html:lang(en) .sense-stage { min-height: 0; grid-template-columns: 1fr; }
  html:lang(en) .sense-copy { padding: 30px 20px 0; }
  html:lang(en) .sense-art { height: 340px; }
  html:lang(en) .sense-detail { max-width: 65ch; }
  html:lang(en) .home-solutions { min-height: 0; padding: 48px 0 56px; }
  html:lang(en) .home-page .home-solutions .solution-card img { height: auto; aspect-ratio: 809/908; }
  html:lang(en) .home-stats { padding: 0 0 58px; }
  html:lang(en) .stats-grid { gap: 28px 16px; }
  html:lang(en) .home-news { padding: 48px 0; }
  html:lang(en) .home-news-card { min-height: 0; }
  html:lang(en) main .design-cta h2 { font-size: 25px; }
  html:lang(en) .footer-inner { grid-template-columns: 1fr; gap: 28px; }
  html:lang(en) .footer-nav { grid-column: auto; }
  html:lang(en) .footer-brand { justify-self: start; text-align: left; }
  html:lang(en) .footer-brand img { margin-left: 0; }
  html:lang(en) .footer-bottom { flex-wrap: wrap; }
  html:lang(en) .page-solutions .solutions-hero p { font-size: 16px; }
  html:lang(en) .page-solutions .solutions-overview .section-header p { font-size: 16px; }
  html:lang(en) .page-solutions .solution-block,
  html:lang(en) .page-solutions .solution-block:nth-child(even) { grid-template-columns: 1fr; min-height: 0; }
  html:lang(en) .page-solutions .solution-image { min-height: 0; height: 230px; }
  html:lang(en) .page-solutions .solution-copy,
  html:lang(en) .page-solutions .solution-block:nth-child(even) .solution-copy { padding: 28px 24px; }
  html:lang(en) .page-solutions .solution-copy h3 { font-size: 29px; }
  html:lang(en) .page-solutions .solution-copy>p:not(.solution-kicker) { font-size: 16px; }
  html:lang(en) .products-page .products-hero p { font-size: 16px; }
  html:lang(en) .product-category-card>div { left: auto; right: auto; bottom: auto; }
  html:lang(en) .product-series-card { min-height: 360px; }
  html:lang(en) .cases-primary-tabs button { font-size: 15px; }
  html:lang(en) .cases-page .cases-primary-tabs small { font-size: 11px; line-height: 1.3; }
  html:lang(en) .identity-case-card,
  html:lang(en) .robot-case-groups .identity-case-card,
  html:lang(en) .cleaner-case-groups .identity-case-card,
  html:lang(en) .case-grid-featured .case-card { grid-template-columns: 1fr; }
  html:lang(en) .identity-case-card>img,
  html:lang(en) .robot-case-groups .identity-case-card>img,
  html:lang(en) .cleaner-case-groups .identity-case-card>img { height: auto; min-height: 0; }
  html:lang(en) .identity-case-copy { padding: 26px 24px 32px; }
  html:lang(en) .identity-case-copy h4 { font-size: 25px; }
  html:lang(en) .page-technology .technology-hero .hero-content { padding-top: 0; }
  html:lang(en) .page-technology .technology-hero h1 { font-size: 30px; margin-bottom: 14px; }
  html:lang(en) .page-technology .technology-hero p { font-size: 15px; }
  html:lang(en) .page-technology .technology-direction-tabs { gap: 0; }
  html:lang(en) .page-technology .technology-direction-tab strong { font-size: 15px; }
  html:lang(en) .page-technology .technology-direction-panels { min-height: 0; }
  html:lang(en) .page-technology .technology-capability-grid { gap: 14px; }
  html:lang(en) .page-technology .system-flow article,
  html:lang(en) .page-technology .system-flow article[data-capability="software"] { width: 100%; min-height: 0; }
  html:lang(en) .page-technology .system-flow article p { font-size: 14px; line-height: 1.65; }
  html:lang(en) .support-hero { height: 330px; }
  html:lang(en) .support-hero p { font-size: 15px; }
  html:lang(en) .support-tabs { width: calc(100% - 32px); gap: 8px; }
  html:lang(en) .support-tabs button { min-height: 78px; font-size: 14px; line-height: 1.3; }
  html:lang(en) .support-tabs small { font-size: 11px; }
  html:lang(en) .resource-panel { width: calc(100% - 32px); }
  html:lang(en) .resource-table :is(th,td) { padding-inline: 12px; }
  html:lang(en) .resource-table td:nth-last-child(-n+2) { width: 82px; padding-inline: 3px; }
  html:lang(en) .resource-table td:first-of-type { flex: 1 1 calc(100% - 164px); font-size: 13px; }
  html:lang(en) .about-page .about-hero .hero-content>* { white-space: normal; }
  html:lang(en) .about-page .about-copy { min-height: 0; padding: 54px 0; }
  html:lang(en) .about-page .about-copy h2 { font-size: 30px; }
  html:lang(en) .about-page .about-introduction { margin-top: 26px; font-size: 16px; line-height: 1.8; }
  html:lang(en) .about-page .about-capabilities { margin-top: 40px; grid-template-columns: 1fr; gap: 30px; }
  html:lang(en) .about-page .about-capabilities .card { min-height: 0; }
  html:lang(en) .about-page .about-capabilities h3 { min-height: 0; margin: 0 0 12px; font-size: 26px; }
  html:lang(en) .about-page .about-capabilities p { font-size: 16px; }
  html:lang(en) .about-page .team-stage { min-height: 0; padding: 54px 0; }
  html:lang(en) .about-page .team-stage h2 { font-size: 30px; }
  html:lang(en) .about-page .team-card.active,
  html:lang(en) .about-page .team-card:not(.active) { display: flex; width: 100%; margin: 0; gap: 22px; }
  html:lang(en) .about-page .team-card img { width: 100%; height: 280px; aspect-ratio: auto; }
  html:lang(en) .about-page .team-copy h3 { margin: 18px 0; font-size: 30px; }
  html:lang(en) .about-page .team-copy p { font-size: 16px; line-height: 1.8; }
  html:lang(en) .about-page .brand-story h3 { min-height: 0; padding: 18px; font-size: 19px; }
  html:lang(en) .about-page .brand-story ul { min-height: 0; padding: 22px 18px; }
  html:lang(en) .page-news-detail .article-copy { font-size: 16px; line-height: 1.8; }
  html:lang(en) .page-contact .contact-intro p { font-size: 16px; }
  html:lang(en) .page-contact .form-panel h2 { font-size: 26px; }
  html:lang(en) :is(.detail-intro,.handpass-intro,.nebula-series-intro) p { font-size: 17px; line-height: 1.8; }
  html:lang(en) :is(.detail-feature-0,.detail-feature-1,.detail-feature-2,.detail-feature-3,.detail-feature-4,.handpass-feature,.nebula-series-feature) p { font-size: 16px; line-height: 1.75; }
  html:lang(en) :is(.product-libra,.product-aurora-900,.product-veinshine) .hero-copy h1 { font-size: clamp(32px,6vw,44px); }
  html:lang(en) :is(.detail-hero,.handpass-hero,.nebula-series-hero) p { max-width: calc(100% - 40px); font-size: 16px; }
  /* Keep the translated title below the complete product image on narrow screens. */
  html:lang(en) .nebula-series-hero { height: auto; min-height: 320px; justify-content: flex-start; padding-top: calc(100vw * 800 / 1440 + 20px); padding-bottom: 28px; background-size: 100% auto; background-position: center top; }
  html:lang(en) :is(.scene-tabs,.application-labels,.veinshine-scene-tabs,.handpass-scene-tabs,.nebula-scene-tabs) { gap: 12px 20px; }
  html:lang(en) :is(.scene-tabs,.application-labels,.veinshine-scene-tabs,.handpass-scene-tabs,.nebula-scene-tabs) button { font-size: 15px; }
  html:lang(en) .handpass-fusion .localized-diagram { margin-top: 28px; }
  html:lang(en) .product-libra .detail-feature-0 .localized-diagram.feature-media-0 { width: calc(100% - 48px); margin-top: 30px; }
}

@media (max-width:420px) {
  html:lang(en) .header-tools { font-size: 12px; }
  html:lang(en) .site-header { gap: 10px; }
  html:lang(en) .brand { flex-basis: 132px; width: 132px; }
  html:lang(en) .brand img { width: 132px; }
  html:lang(en) .home-page [data-hero-slide="dimensions"] .dimensions-title { font-size: 34px; }
  html:lang(en) .home-page [data-hero-slide="slam"] :is(h1,.slide-title) { font-size: 32px; }
  html:lang(en) .cases-page .cases-primary-tabs button,
  html:lang(en) .support-tabs button { font-size: 13px; }
  html:lang(en) .cases-page .cases-primary-tabs small,
  html:lang(en) .support-tabs small { font-size: 10px; }
  html:lang(en) .page-technology .technology-direction-tab strong { font-size: 13px; }
}

/* Avoid 100vw extending beneath desktop-style mobile scrollbars. */
@media (max-width: 900px) {
  html:lang(en) .about-page :is(.team-rail,.brand-story) { width: 100%; margin-inline: 0; }
}