:root {
  --ink: #132536; --muted: #526273; --blue: #1455c3; --deep: #103d8a;
  --line: #dce3e9; --mist: #f3f6f8; --paper: #fff; --max: 1320px;
  --gutter: clamp(20px,5.8vw,96px);
  font-family: "Inter","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color: var(--ink); background: var(--paper);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 1.5em; }
body { margin: 0; font-size: 16px; line-height: 1.6; }
img,video { display: block; max-width: 100%; height: auto; }
picture { display: contents; }
a { color: inherit; text-decoration: none; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline: 3px solid #2882e8; outline-offset: 4px; }
button,summary { font: inherit; cursor: pointer; }
button { color: inherit; }
svg { width: 20px; height: 20px; flex: none; }
h1,h2,h3,p,figure,dl,dd { margin: 0; }
h1,h2,h3 { line-height: 1.22; text-wrap: pretty; }
[lang=en] h1,[lang=en] h2,[lang=en] h3 { letter-spacing: -.035em; }
.wrap { width: min(var(--max),calc(100% - var(--gutter)*2)); margin-inline: auto; }
.skip { position: absolute; top: -100px; left: 12px; padding: 8px 18px; background: #fff; z-index: 20; }
.skip:focus { top: 8px; }
.masthead { position: relative; z-index: 5; border-bottom: 1px solid var(--line); background: #fff; }
.masthead-inner,.masthead-tools,.desktop-nav,.contact-nav,.language,.text-link,.button,.card-heading,.card-foot,.section-header,.detail-actions,.hero-actions,.slide-count,.exhibit-controls,.crumbs,.eyebrow,.feature,.footer-bottom { display: flex; align-items: center; }
.masthead-inner { min-height: 80px; justify-content: space-between; gap: 30px; }
.wordmark { display: inline-flex; align-items: center; font-size: 25px; line-height: 1; font-weight: 750; color: var(--blue); }
.wordmark img { width: 100px; height: 39px; object-fit: contain; }
.desktop-nav { gap: clamp(18px,2.45vw,42px); align-self: stretch; }
.desktop-nav a { display: inline-flex; align-items: center; position: relative; white-space: nowrap; font-size: 14px; font-weight: 600; }
.desktop-nav a:hover,.desktop-nav a[aria-current],.language:hover { color: var(--blue); }
.desktop-nav a[aria-current]::after { position: absolute; bottom: 14px; left: 0; right: 0; margin: auto; width: 17px; height: 2px; background: var(--blue); content: ""; }
.masthead-tools { gap: 20px; }
.language { gap: 6px; font: 600 13px/1 Arial,sans-serif; }
.language svg { width: 17px; height: 17px; }
.locale-picker { position: relative; }
.locale-picker summary { cursor: pointer; list-style: none; min-height: 36px; }
.locale-picker summary::-webkit-details-marker { display: none; }
.locale-panel { position: absolute; z-index: 8; inset-inline-end: 0; top: 100%; width: min(24rem,calc(100vw - 32px)); background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 8px 24px #17395726; padding: 9px; }
.locale-search { font: inherit; font-size: 14px; width: 100%; padding: 8px 10px; color: var(--ink); background: var(--mist); border: 1px solid var(--line); border-radius: 3px; margin-bottom: 5px; }
.locale-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: min(40vh,19rem); overflow-y: auto; overscroll-behavior: contain; }
.locale-panel .locale-options a { min-height: 38px; display: flex; align-items: center; padding: 7px 9px; border-radius: 3px; font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
.locale-panel .locale-options a:hover,.locale-options a[aria-current] { background: #e8f1ff; color: var(--blue); }
.locale-panel [hidden] { display: none !important; }
.locale-empty { margin: 8px 6px 4px; font-size: 14px; }
.footer-picker summary { font-size: 13px; color: #c8d4df; }
.footer-picker .locale-panel { top: auto; bottom: 100%; }
.contact-nav { background: var(--blue); color: white; border-radius: 4px; padding: 10px 15px; gap: 14px; font-size: 14px; font-weight: 650; }
.contact-nav svg { width: 15px; height: 15px; }
.contact-nav:hover,.button.primary:hover { background: var(--deep); }
.mobile-menu { display: none; }
.hero { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(114deg,#f7fafc 4%,#f0f5f9 42%,#dce7f1 100%); border-bottom: 1px solid #d9e2e9; }
.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .44; background-image: linear-gradient(90deg,rgba(105,139,166,.18) 1px,transparent 1px),linear-gradient(0deg,rgba(105,139,166,.18) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(95deg,transparent,transparent 30%,black 72%); }
.hero-inner { display: grid; grid-template-columns: 49% 51%; min-height: clamp(480px,38vw,628px); }
.hero-copy { align-self: center; padding: clamp(52px,7vw,108px) 0; position: relative; z-index: 1; }
.eyebrow { gap: 10px; font-size: 13px; font-weight: 700; color: var(--blue); letter-spacing: .17em; }
.eyebrow i,.hero-product figcaption i { height: 2px; width: 27px; background: currentColor; }
.hero h1 { margin: 22px 0; font-size: clamp(58px,5.2vw,88px); font-weight: 740; line-height: 1.13; letter-spacing: -.055em; }
.hero h1 em { color: var(--blue); font-style: normal; }
[lang=en] .hero h1 { font-size: clamp(54px,4.9vw,82px); line-height: 1.01; letter-spacing: -.065em; }
.hero-copy p,.listing-intro p,.detail-copy p,.error-page p { color: var(--muted); max-width: 35em; line-height: 1.85; }
.hero-copy p { max-width: 26em; font-size: clamp(15px,1.15vw,19px); }
[lang=zh-CN] .hero-copy p { max-width: 30em; text-wrap: balance; }
.hero-actions,.detail-actions { flex-wrap: wrap; gap: 26px; margin-top: 30px; }
.button,.text-link { width: fit-content; font-weight: 650; }
.button { justify-content: center; text-align: center; padding: 13px 21px; gap: 24px; border-radius: 4px; font-size: 15px; }
.button.primary { color: white; background: var(--blue); transition: background .18s; }
.button svg,.text-link svg { width: 17px; height: 17px; }
.text-link { color: var(--blue); gap: 9px; font-size: 14px; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.hero-exhibit { position: relative; min-width: 0; }
.exhibit-ring { position: absolute; width: 88%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(65,106,153,.15); top: 48%; left: 53%; transform: translate(-50%,-50%); }
.exhibit-ring::before,.exhibit-ring::after { content: ""; position: absolute; inset: 8%; border: 1px dashed rgba(65,106,153,.18); border-radius: 100%; }
.exhibit-ring::after { inset: -9%; border-style: solid; border-color: rgba(65,106,153,.10); }
.hero-product { position: absolute; inset: 0; }
.hero-product[hidden],.exhibit-controls[hidden] { display: none; }
.exhibit-image { position: absolute; inset: 13% -3% 0 3%; display: flex; align-items: end; justify-content: center; }
.exhibit-image img { height: 100%; width: 100%; object-fit: contain; object-position: bottom center; }
.hero-product figcaption { position: absolute; top: 8.5%; right: 0; color: #304a61; font-size: 13px; font-weight: 600; }
.hero-product figcaption a { display: flex; align-items: center; gap: 9px; background: rgba(245,249,252,.86); padding: 5px 10px; border: 1px solid #cbd8e3; border-radius: 3px; }
.hero-product figcaption i { width: 12px; height: 1px; }
.hero-product figcaption svg { width: 13px; height: 13px; }
.exhibit-controls { position: absolute; bottom: 19px; right: 0; z-index: 1; gap: 6px; background: rgba(250,252,253,.96); border: 1px solid #d6dee6; padding: 4px; border-radius: 5px; }
.exhibit-controls button { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 2px; background: transparent; }
.exhibit-controls svg { width: 15px; height: 15px; }
.exhibit-controls button:hover { background: #dde7f0; }
.slide-count { font: 12px/1 Consolas,monospace; color: #617185; gap: 3px; margin-inline: 6px; }
.slide-count b { color: var(--blue); }
.feature-strip { border-bottom: 1px solid var(--line); }
.feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 31px 0; }
.feature { gap: 14px; padding: 0 20px; border-left: 1px solid var(--line); }
.feature:first-child { padding-left: 0; border: none; }
.feature:last-child { padding-right: 0; }
.feature-icon { display: grid; place-items: center; width: 39px; height: 39px; color: var(--blue); flex: none; }
.feature-icon svg { width: 31px; height: 31px; }
.feature h2 { font-size: 17px; font-weight: 690; }
.feature p { color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 5px; }
.section { padding-block: clamp(48px,6vw,90px); }
.section-header { justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 30px; }
.section-header h2,.prose h2,.contact-info h2,.service-panel h2 { font-size: clamp(29px,3vw,45px); font-weight: 700; letter-spacing: -.042em; }
.section-header p { color: var(--muted); margin-top: 10px; max-width: 55em; }
.section-header .text-link { flex: none; }
.showcase-grid,.product-grid,.solution-grid,.culture-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(16px,2vw,30px); }
.showcase-card,.product-card { border: 1px solid var(--line); background: #fff; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; transition: border-color .2s; }
.showcase-card:hover,.product-card:hover { border-color: #87a8cc; }
.showcase-photo { display: grid; place-items: end center; height: clamp(170px,16vw,250px); padding: 12px 14% 0; background: linear-gradient(145deg,#f4f6f8,#e7edf1); overflow: hidden; }
.showcase-photo img,.product-thumb img,.detail-photo img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.showcase-photo img { object-position: center bottom; }
.showcase-body { padding: clamp(16px,1.7vw,26px); }
.card-heading,.card-foot { justify-content: space-between; gap: 12px; }
.card-heading h3,.card-foot h3,.solution-tile h3,.news-card h3,.advantages h3,.culture-grid h3 { font-size: clamp(19px,1.7vw,26px); font-weight: 650; }
.round-arrow { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: var(--blue); background: white; }
.round-arrow svg { width: 15px; height: 15px; }
a:hover > .round-arrow,a:hover .card-heading .round-arrow,a:hover .card-foot .round-arrow { color: white; border-color: var(--blue); background: var(--blue); }
.showcase-body strong { display: block; font-size: 14px; margin-top: 12px; }
.card-paras,.advantages p,.culture-grid p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.card-paras { margin-top: 6px; }
.card-paras p + p { margin-top: 3px; }
.advantage-band,.detail-band,.media-band { background: var(--mist); }
.advantages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.adv-icon img,.culture-grid img { object-fit: contain; width: 64px; height: 64px; margin-bottom: 15px; }
.advantages p,.culture-grid p { margin-top: 10px; }
.solution-tile { display: flex; flex-direction: column; min-height: 135px; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: var(--mist); }
.solution-tile img { width: 100%; height: clamp(155px,13vw,225px); object-fit: cover; }
.solution-tile > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 17px 20px; flex: 1; background: #fff; }
.brand-video { width: 100%; max-height: 570px; aspect-ratio: 16/7; object-fit: contain; background: #0c1d2d; border-radius: 4px; }
.campaigns { margin-top: 16px; padding: 12px 0; border-block: 1px solid var(--line); }
.campaigns summary { color: var(--blue); font-size: 14px; font-weight: 650; }
.campaigns > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 15px; }
.campaigns img { width: 100%; }
.news-list { border-top: 1px solid var(--line); }
.news-card { display: grid; grid-template-columns: minmax(130px,17%) 1fr auto; gap: clamp(16px,3vw,44px); align-items: center; padding-block: 22px; border-bottom: 1px solid var(--line); }
.news-photo { background: var(--mist); overflow: hidden; border-radius: 3px; aspect-ratio: 1.8; }
.news-photo img { object-fit: cover; width: 100%; height: 100%; }
time,.card-foot small { color: #556b81; font: 13px/1.5 "Segoe UI",sans-serif; }
.news-card h3 { margin: 5px 0 7px; }
.story-summary { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--muted); font-size: 14px; }
.site-footer { color: #e9eff4; background: #112839; }
.footer-main { display: grid; grid-template-columns: 2.2fr 1fr 1.2fr .8fr; gap: 30px; padding: 52px 0 40px; }
.footer-brand { display: flex; flex-direction: column; align-items: start; }
.footer-brand .wordmark { color: white; filter: brightness(0) invert(1); }
.footer-brand > span { font-size: 13px; color: #c8d4df; margin-top: 25px; }
.phone { font-size: clamp(23px,2.3vw,38px); font-weight: 600; line-height: 1.3; letter-spacing: -.04em; }
.footer-column { display: flex; flex-direction: column; align-items: start; gap: 5px; }
.footer-column strong { margin-bottom: 9px; font-size: 15px; }
.footer-column a,.footer-bottom { color: #c8d4df; font-size: 13px; }
.footer-column a:hover,.footer-bottom a:hover { color: white; text-decoration: underline; }
.footer-bottom { gap: 15px; justify-content: space-between; border-top: 1px solid #395064; padding: 18px 0; }
.crumbs { gap: 9px; color: var(--muted); font-size: 12px; min-height: 55px; padding-block: 8px; }
.crumbs svg { width: 11px; height: 11px; }
.crumbs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crumbs a { flex: none; }
.crumbs a:hover { color: var(--blue); }
.listing-intro { border-top: 1px solid var(--line); padding-block: clamp(28px,4vw,62px); }
.archive-heading { isolation: isolate; position: relative; min-height: clamp(165px,18vw,260px); overflow: hidden; display: grid; align-items: center; color: white; background: #233e54; border-radius: 5px; padding: 26px clamp(23px,4vw,60px); margin-bottom: 32px; }
.archive-heading .archive-image,.archive-heading::after { position: absolute; inset: 0; width: 100%; height: 100%; }
.archive-heading .archive-image { object-fit: cover; z-index: -2; }
.archive-heading::after { content: ''; z-index: -1; background: linear-gradient(90deg,rgba(10,29,48,.89),rgba(12,35,53,.35) 54%,transparent 100%); }
.archive-heading h1 { font-size: clamp(35px,4.2vw,64px); }
.archive-heading p { font-size: 15px; margin-top: 10px; text-shadow: 0 1px 3px #142d43; }
.listing-intro h1,.detail-copy h1,.article-page h1,.error-page h1 { font-size: clamp(39px,4.4vw,69px); font-weight: 700; letter-spacing: -.045em; }
.listing-intro p,.detail-copy p { margin-top: 15px; max-width: 59em; }
.catalog-section { padding-bottom: clamp(48px,6vw,90px); }
.series-nav { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 14px; }
.series-nav a { padding: 7px 15px; background: var(--mist); font-size: 14px; border-radius: 4px; border: 1px solid var(--line); }
.series-nav a:hover { border-color: var(--blue); }
.series-nav a[aria-current] { background: var(--blue); border-color: var(--blue); color: white; }
.product-group { margin-top: 34px; }
.section-header.small { margin-bottom: 18px; }
.section-header.small h2,.prose h2,.contact-info h2,.service-panel h2 { font-size: clamp(25px,2.2vw,35px); }
.product-thumb { height: clamp(175px,17vw,255px); background: var(--mist); padding: 16px; display: grid; place-items: center; overflow: hidden; }
.card-foot { padding: 16px 20px; min-height: 68px; flex: 1; }
.card-foot small { display: block; margin-bottom: 4px; }
.detail-hero,.contact-layout,.about-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px,5vw,85px); align-items: center; padding-block: 20px clamp(40px,5vw,75px); }
.detail-hero { min-height: 330px; }
.detail-copy h1 { margin: 14px 0; }
.detail-copy p { font-size: 16px; }
.detail-copy > .button { margin-top: 25px; }
.detail-photo,.solution-photo,.about-photo { border-radius: 5px; background: var(--mist); overflow: hidden; }
.detail-photo { height: clamp(260px,29vw,420px); padding: 20px; }
.solution-photo img,.about-photo img { width: 100%; object-fit: cover; }
.document-gallery,.solution-diagram { max-width: 820px; margin-inline: auto; }
.sheet-notes { max-width: 820px; margin: 0 auto 20px; border: 1px solid var(--line); border-radius: 4px; background: white; padding: 15px 20px; }
.sheet-notes summary { font-weight: 650; color: var(--blue); }
.sheet-notes div { padding-top: 10px; }
.sheet-notes p { margin: 0; padding: 8px 0; color: #344657; }
.sheet-notes a { margin-right: 9px; color: var(--blue); text-decoration: underline; }
.document-gallery video,.document-gallery img,.solution-diagram img { width: 100%; height: auto; }
.document-gallery figcaption,.solution-diagram figcaption { padding: 15px 18px; background: white; color: #2c4254; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.article-page { max-width: 850px; padding-block: 25px 75px; }
.article-page h1 { margin: 13px 0 28px; font-size: clamp(32px,3.5vw,55px); }
.article-photo { max-height: 460px; width: auto; margin: 0 auto 26px; object-fit: contain; }
.prose { color: #344657; line-height: 1.95; }
.prose h2 { color: var(--ink); }
.prose p { margin: 12px 0; }
.article-page .text-link { margin-top: 25px; }
.about-intro { grid-template-columns: .9fr 1.1fr; align-items: start; }
.about-photo img { min-height: 270px; }
.stat-band { background: #183e66; color: white; }
.stat-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding-block: 35px; }
.stat-list div { display: flex; flex-direction: column-reverse; justify-content: end; }
.stat-list dd { font-weight: 700; font-size: clamp(22px,2.8vw,43px); }
.stat-list dt { font-size: 14px; color: #d7e5f0; }
.culture-grid { margin-bottom: 32px; }
.culture-grid article { border-top: 1px solid var(--line); padding-top: 24px; }
.contact-layout { align-items: stretch; padding-block: 0 32px; }
.service-panel { align-content: center; position: relative; background: #eaf1f8; border-radius: 6px; padding: clamp(23px,4vw,65px); overflow: hidden; isolation: isolate; }
.service-panel h2 { margin: 15px 0 8px; }
.service-panel > svg { z-index: -1; position: absolute; right: -13px; bottom: -15px; color: #cdddec; width: 125px; height: 125px; stroke-width: .8px; }
.large-phone { color: var(--blue); font-size: clamp(26px,3.1vw,52px); font-weight: 700; letter-spacing: -.05em; }
.contact-info dt { margin-top: 15px; font-size: 13px; color: var(--muted); }
.contact-info dd { font-weight: 600; overflow-wrap: anywhere; }
.contact-info .text-link { margin-top: 4px; }
.social-grid { display: flex; flex-wrap: wrap; gap: 25px; }
.social-grid figure { width: 140px; padding: 12px; border: 1px solid var(--line); border-radius: 4px; text-align: center; }
.social-grid figcaption { margin-top: 8px; font-size: 14px; }
.error-page h1 { margin: 12px 0; }
@media (max-width: 980px) {
  .masthead-inner { gap: 16px; min-height: 71px; }
  .desktop-nav { gap: 17px; }
  .masthead-tools { gap: 12px; }
  .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 0; padding: 22px 0; }
  .feature:nth-child(odd) { border: none; padding-left: 0; }
  .advantages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-main { grid-template-columns: 1.45fr 1fr 1.1fr .8fr; }
}
@media (max-width: 760px) {
  :root { --gutter: clamp(18px,5.5vw,38px); }
  .masthead-inner { min-height: 64px; }
  .wordmark img { width: 82px; height: auto; }
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu > summary { display: grid; place-items: center; width: 35px; height: 38px; list-style: none; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu nav { position: absolute; left: 0; right: 0; top: 100%; display: grid; border-top: 1px solid var(--line); box-shadow: 0 15px 24px #17395722; padding: 8px var(--gutter) 14px; background: white; }
  .mobile-menu nav a { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); }
  .mobile-menu nav a[aria-current] { color: var(--blue); }
  .mobile-menu nav svg { width: 13px; height: 13px; }
  .contact-nav { font-size: 12px; gap: 7px; padding: 8px 11px; }
  .hero-inner { grid-template-columns: 1fr; min-height: auto; }
  .hero-copy { padding: 37px 0 5px; }
  .hero h1,[lang=en] .hero h1 { font-size: clamp(41px,8.6vw,62px); line-height: 1.08; margin: 13px 0; }
  .hero h1 br { display: none; }
  [lang=en] .hero h1 br { display: block; }
  .hero-copy p { max-width: 33em; font-size: 14px; }
  .hero-actions,.detail-actions { margin-top: 17px; gap: 18px; }
  .button { padding: 10px 14px; gap: 14px; font-size: 14px; }
  .hero-exhibit { height: clamp(235px,54vw,360px); }
  .exhibit-ring { width: 65%; top: 57%; }
  .exhibit-image { inset: 13% 6% 0; }
  .hero-product figcaption { top: 12px; right: 0; font-size: 11px; }
  .exhibit-controls { bottom: 10px; right: 0; }
  .feature { padding-inline: 13px; gap: 7px; align-items: flex-start; }
  .feature h2 { font-size: 15px; }
  .feature-icon { width: 26px; height: 26px; }
  .feature-icon svg { width: 23px; height: 23px; }
  .feature p { font-size: 12px; }
  .section-header { align-items: center; margin-bottom: 21px; }
  .section-header h2 { font-size: 28px; }
  .showcase-grid,.product-grid,.solution-grid,.culture-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-card { display: grid; grid-template-columns: 38% 1fr; }
  .showcase-photo { height: 100%; min-height: 145px; padding: 5px 2px 0; }
  .showcase-body { padding: 13px; }
  .card-paras,.showcase-body strong { font-size: 13px; }
  .advantages { gap: 22px; }
  .product-thumb { height: clamp(135px,28vw,190px); padding: 8px; }
  .card-foot,.solution-tile > div { padding: 12px; }
  .solution-tile img { height: 130px; }
  .round-arrow { width: 25px; height: 25px; }
  .card-heading h3,.card-foot h3,.solution-tile h3,.news-card h3 { font-size: 18px; }
  .series-nav a { font-size: 13px; padding: 5px 10px; }
  .news-card { grid-template-columns: 26% 1fr; gap: 14px; }
  .news-card > .round-arrow { display: none; }
  .story-summary { -webkit-line-clamp: 1; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 26px; padding-block: 32px; }
  .footer-bottom { align-items: start; font-size: 11px; }
  .footer-bottom a { flex: none; }
  .detail-hero,.contact-layout,.about-intro { grid-template-columns: 1fr; }
  .detail-photo { height: 260px; }
  .about-photo img { min-height: 0; }
  .stat-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .culture-grid { grid-template-columns: 1fr; }
  .crumbs { gap: 6px; font-size: 11px; min-height: 40px; }
  .about-intro { gap: 20px; }
  .brand-video { aspect-ratio: 16/9; }
}
@media (max-width: 420px) {
  .masthead-tools { gap: 10px; }
  .contact-nav svg { display: none; }
  .showcase-card { grid-template-columns: 34% 1fr; }
  .card-foot,.solution-tile > div { gap: 4px; }
  .solution-tile h3,.card-foot h3 { font-size: 16px; }
  .section-header .text-link { font-size: 12px; }
  .footer-main { gap: 21px 13px; }
  .footer-column a { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; }
}
html[lang=en] .hero-copy .eyebrow { text-transform: uppercase; }
html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .hero h1 br { display: block; }
html:not(:lang(zh)):not(:lang(en)) .hero-copy { min-width: 0; overflow-wrap: anywhere; }
html:not(:lang(zh)):not(:lang(en)) .desktop-nav a { white-space: normal; text-align: center; }
[dir=rtl] .eyebrow,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3 { letter-spacing: normal; }
[dir=rtl] .crumbs svg,[dir=rtl] .text-link svg,[dir=rtl] .button svg,[dir=rtl] .round-arrow svg,[dir=rtl] .exhibit-controls button svg,[dir=rtl] .mobile-menu nav svg { transform: scaleX(-1); }
[dir=rtl] .hero-product figcaption,[dir=rtl] .exhibit-controls { right: auto; left: 0; }
[dir=rtl] .slide-count,[dir=rtl] a[href^='tel:'] { direction: ltr; unicode-bidi: isolate; }
[dir=rtl] .exhibit-ring { left: 47%; }
[dir=rtl] .feature { border-left: 0; border-inline-start: 1px solid var(--line); }
[dir=rtl] .feature:first-child { border-inline-start: 0; }
@media (max-width: 980px) { [dir=rtl] .feature:nth-child(odd) { border-inline-start: 0; } }
@media (max-width: 760px) {
  .masthead .locale-picker,.footer-picker { position: static; }
  .masthead .locale-panel { top: 100%; inset-inline: var(--gutter); width: auto; }
  .footer-main { position: relative; }
  .footer-picker .locale-panel { bottom: 4rem; inset-inline: 0; width: auto; }
}