/* Company page refinements from Dark_Page_V3 and 页面修改标注. */
.company-page .company-hero { height: min(56.25vw, 100svh); min-height: 600px; }
.company-page .pc-hero-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.company-page .pc-hero-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.company-page .pc-hero-bg { animation: pcHeroBreath 1s ease-in-out .2s infinite alternate; }
.company-page .pc-hero-glow { opacity: 1; }
.company-page .pc-hero-foreground { animation: pcHeroBreath 1s ease-in-out infinite alternate; }
@keyframes pcHeroBreath { from { opacity: .5; } to { opacity: 1; } }
.company-page .mobile-hero-art { display: none; }
.company-page .hero-copy { margin-left: 16.25%; padding-top: 15.2%; width: 42%; }
.company-page .hero-copy h1 { font-family: XheartTitle, sans-serif; font-weight: 200; font-size: clamp(40px, 3.39vw, 65px); line-height: 1.02; }
.company-page .hero-copy h1 strong { font-weight: 200; font-size: 1.54em; line-height: 1.06; border-bottom: 4px solid #0a50f5; padding-bottom: .12em; }
.company-page .hero-copy p { margin-top: 2.5vw; font-size: clamp(13px, 1.042vw, 20px); line-height: 1.5; letter-spacing: .05em; }
html[lang="zh-CN"] .company-page .hero-copy p { font-weight: 300; }
.company-page .hero-principles { left: 16.25%; right: 18%; bottom: 8%; font-size: clamp(11px, .78vw, 15px); letter-spacing: .05em; }
.company-page .hero-principles span { display: inline-flex; align-items: center; white-space: nowrap; }
.company-page .hero-principles span::before { width: 12px; height: 12px; margin-right: 10px; background: #0a50f5; }
.company-page .hero-principles span + span::after { content: ''; position: absolute; top: 50%; right: calc(100% + 1.5vw); width: 2vw; height: 1px; background: #0a50f5; }

.company-page .leadership { background: #111212; padding: 3vw 1.56vw 0; }
.company-page .leadership .center-heading { display: block; padding: 0; text-align: center; }
.company-page .leadership .center-heading h2 { font: 300 clamp(26px, 2.6vw, 50px)/1.4 XheartBody, sans-serif; letter-spacing: .05em; }
.company-page .leader-grid { margin-top: 1.4vw; gap: 1.25vw; }
.company-page .leader-card { aspect-ratio: 1; overflow: hidden; background: #101010; }
.company-page .leader-card > img { width: 100%; height: 100%; display: block; object-fit: cover; clip-path: none; transform: scale(1.45); transform-origin: center 30%; transition: transform .6s ease; }
.company-page .leader-card:hover > img { transform: scale(1.49); }
.company-page .leader-caption, .company-page .leader-card .leader-caption { inset: auto 0 0; width: 100%; height: auto; min-height: 18%; display: flex; align-items: center; gap: 14px; padding: 18px 7%; background: linear-gradient(transparent, rgba(0,0,0,.82)); }
.company-page .leader-mark { position: static; flex: 0 0 12px; width: 12px; height: 12px; aspect-ratio: auto; background: #0a50f5; box-shadow: none; }
.company-page .leader-name { position: static; writing-mode: horizontal-tb; font: 400 clamp(18px, 1.56vw, 30px)/1.3 XheartSmall, sans-serif; letter-spacing: .1em; }
.company-page .leader-role { position: static; writing-mode: horizontal-tb; font: 300 clamp(12px, .94vw, 18px)/1.4 XheartBody, sans-serif; letter-spacing: .05em; }
.company-page .leader-name, .company-page .leader-role { transition: transform .38s cubic-bezier(.22,1,.36,1), opacity .38s; }
.company-page .leader-card:hover .leader-name, .company-page .leader-card:hover .leader-role { transform: translateY(-5px); }

.company-page .team-section { display: grid; grid-template-columns: 61% 39%; padding: 0; background: #191a1a; }
.company-page .team-slideshow { aspect-ratio: 1150 / 833; }
.company-page .team-stats { justify-content: center; gap: 4vw; padding: 4vw 6vw; background: #9aafcd; color: rgb(25,26,26); }
.company-page .team-stats h2 { font: 300 clamp(28px, 2.6vw, 50px)/1.3 XheartBody, sans-serif; letter-spacing: .05em; }
.company-page .team-stats > div { padding: 0; }
.company-page .team-stats > div + div { border-top: 2px solid #191a1a; padding-top: 2vw; }
.company-page .team-stats p { font: 300 clamp(15px, 1.3vw, 25px)/1.4 XheartBody, sans-serif; color: rgb(25,26,26); }
.company-page .team-stats strong { font: 700 clamp(60px, 6.77vw, 130px)/.95 DDIN, sans-serif; color: rgb(25,26,26); }

.company-page .history-live .history-event .history-date { font-size: clamp(47px, 5.2vw, 100px); }
.company-page .history-live .history-event p { font: 300 clamp(20px, 2.23vw, 43px)/1.25 XheartBody, sans-serif; }
.company-page .history-copy h2 { font: 200 clamp(34px, 4.17vw, 80px)/1.12 XheartTitle, sans-serif; letter-spacing: .05em; }
.company-page .history-copy p { font: 300 clamp(16px, 1.56vw, 30px)/1.35 XheartBody, sans-serif; letter-spacing: .1em; }

.company-page .certifications { padding: 3vw 0 3.2vw; overflow: hidden; background: #191a1a; }
.company-page .certifications-stage { display: contents; }
.company-page .certifications .center-heading { display: block; text-align: center; }
.company-page .certifications .center-heading h2 { font: 400 clamp(23px, 1.56vw, 30px)/1.4 XheartSmall, sans-serif; letter-spacing: .1em; }
.company-page .certifications .center-heading p { font: 300 clamp(14px, 1.04vw, 20px)/1.85 XheartBody, sans-serif; letter-spacing: .1em; }
.company-page .certificate-track { justify-content: flex-start; gap: 16px; padding: 2vw 0 0; scrollbar-width: none; }
.company-page .certificate-track::-webkit-scrollbar { display: none; }
.company-page .certificate-open { flex: 0 0 clamp(170px, 15.1vw, 290px); transition: transform .35s ease; }
.company-page .certificate-open { opacity: 1; }
.company-page .certificate-open img { display: block; width: 100%; height: clamp(230px, 20vw, 384px); object-fit: contain; }
.company-page .certificate-open:hover { transform: scale(1.055); }
.company-page .certificate-caption { display: none; }

.company-page .careers-hero { height: 37.76vw; min-height: 430px; }
.company-page .careers-hero > img { content: normal; object-fit: cover; object-position: center; }
.company-page .careers-hero > .careers-copy { left: 24%; top: 32%; }
.company-page .careers-copy h2 { font: 200 clamp(40px, 4.17vw, 80px)/1.15 XheartTitle, sans-serif; letter-spacing: .05em; }
.company-page .careers-copy p { font: 300 clamp(18px, 1.56vw, 30px)/1.35 XheartBody, sans-serif; letter-spacing: .1em; }

.company-page .job-list { background: #191a1a; }
.company-page .job-row { border-bottom: 2px solid #9aafcd; color: #9aafcd; }
.company-page .job-row summary { grid-template-columns: 34% minmax(0, 1fr) 28px; gap: 3.5vw; align-items: center; padding: 1.65vw 3.6vw; }
.company-page .job-title { font: 400 clamp(17px, 1.3vw, 25px)/1.2 XheartSmall, sans-serif; letter-spacing: .05em; }
.company-page .job-summary { font: 400 clamp(12px, .73vw, 14px)/1.8 XheartSmall, sans-serif; letter-spacing: .05em; color: inherit; }
.company-page .job-row .row-symbol { display: block; width: 24px; height: 24px; font-size: 0; background: url('assets/company-revision/job-description-open.svg') center/contain no-repeat; }
.company-page .job-row[open] { background: #9aafcd; color: rgb(25,26,26); border-bottom-color: #9aafcd; }
.company-page .job-row[open] .row-symbol { transform: none; background-image: url('assets/company-revision/job-description-close.svg'); }
.company-page .job-row[open] summary { grid-template-columns: 34% minmax(0, 1fr) 28px; }
.company-page .job-row[open] .job-title { text-decoration-thickness: 4px; text-underline-offset: 9px; }
.company-page .job-content .job-description { border-bottom: 2px solid rgb(25,26,26); }
.company-page .job-content .job-apply > span { font: 400 clamp(13px, .78vw, 15px)/1.6 XheartSmall, sans-serif; }
.company-page .job-content .job-apply > a { background: #191a1a; color: #9aafcd; font: 500 clamp(18px, 1.56vw, 30px)/1.2 XheartNav, sans-serif; }
.company-page .more-jobs-button img { width: 24px; height: 24px; vertical-align: middle; margin-left: 12px; }

.company-page .contact-banner { height: 31.25vw; min-height: 400px; }
.company-page .contact-banner > img { content: normal; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 1; transform: none; }
.company-page .contact-banner .banner-accessible { padding: 8.5vw 14.6% 0; background: none; }
.company-page .contact-banner h2 { font: 200 clamp(40px, 4.17vw, 80px)/1.1 XheartTitle, sans-serif; letter-spacing: .05em; }
.company-page .contact-banner p { font: 300 clamp(18px, 1.56vw, 30px)/1.35 XheartBody, sans-serif; letter-spacing: .05em; }
.company-page .office-grid { width: 39%; margin-left: auto; margin-right: 12.5%; gap: 16px; }
.company-page .office-grid article { background: #9aafcd; border-radius: 0; padding: clamp(12px, 1.4vw, 27px); }
.company-page .office-grid h3 { font: 400 clamp(15px, 1.56vw, 30px)/1 XheartSmall, sans-serif; letter-spacing: .05em; }
.company-page .office-grid article address { font: 400 clamp(8px, .68vw, 13px)/1.9 XheartSmall, sans-serif; letter-spacing: .05em; white-space: normal; }
html[lang="zh-CN"] .company-page .office-grid article:first-child address { letter-spacing: 0; }

/* Same footer grid and assets as the home page. */
.company-page .company-footer { min-height: 100svh; padding: 0; background: #111212; }
.company-page .company-footer > a:first-child { position: absolute; top: 39.8%; left: 15.5%; }
.company-page .company-footer > a:first-child > img { width: clamp(155px, 13.02vw, 250px); }
.company-page .company-footer .footer-top { top: 42.8%; right: 12.55%; width: 66px; height: 66px; }
.company-page .company-footer .footer-bottom { position: absolute; top: 54.8%; left: 15.5%; right: 12.55%; display: grid; grid-template-columns: 47.6% 52.4%; gap: 0; align-items: start; margin: 0; }
.company-page .company-footer .footer-bottom > p { margin: 0; padding: 24px 0 0; font: 400 clamp(12px, 1.042vw, 20px)/1.2 XheartSmall, sans-serif; white-space: nowrap; }
.company-page .company-footer .footer-bottom > div { display: grid; grid-template-columns: 35% 31% 34%; gap: 0; align-self: start; white-space: nowrap; font-size: inherit; }
.company-page .company-footer .footer-bottom > div > a { overflow-wrap: normal; line-height: 1.2; }
.company-page .company-footer .footer-contact-label { display: block; margin-bottom: 8px; font: 300 clamp(11px, .833vw, 16px)/1.2 XheartBody, sans-serif; }
.company-page .company-footer .footer-bottom strong { display: block; font: 600 clamp(12px, 1.042vw, 20px)/1.2 XheartNav, sans-serif; }
.company-page .company-footer .footer-nav { position: absolute; top: 62.5%; left: 49.8%; width: 37.65%; display: flex; gap: 2vw; margin: 0; padding-top: 14px; font-size: clamp(12px, 1.042vw, 20px); white-space: nowrap; }

@media (max-width: 900px) {
  .company-page .company-hero { min-height: 650px; height: 100svh; }
  .company-page .hero-copy { margin-left: 8%; padding-top: 190px; width: 72%; }
  .company-page .hero-principles { left: 8%; right: 8%; bottom: 7%; flex-wrap: wrap; gap: 18px; }
  .company-page .hero-principles span + span::after { display: none; }
  .company-page .leader-caption, .company-page .leader-card .leader-caption { gap: 5px; padding: 8px; flex-wrap: wrap; }
  .company-page .leader-role { flex-basis: 100%; }
  .company-page .team-stats { gap: 20px; padding: 30px; }
  .company-page .careers-hero > .careers-copy { left: 12%; }
  .company-page .office-grid { width: 90%; margin-left: auto; margin-right: auto; }
  .company-page .contact-section .office-grid article { padding: 16px; }
  .company-page .contact-section .office-grid article address { font-size: clamp(8px, .9vw, 12px); }
}
@media (max-width: 700px) {
  .company-page .company-hero { min-height: 620px; }
  .company-page .hero-copy { padding-top: 165px; }
  .company-page .hero-copy h1 { font-size: 34px; }
  .company-page .hero-copy p { font-size: 12px; margin-top: 26px; }
  .company-page .hero-principles { font-size: 10px; }
  .company-page .leadership { padding: 46px 5% 0; }
  .company-page .leader-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 30px; }
  .company-page .leader-card { aspect-ratio: 1; }
  .company-page .leader-caption, .company-page .leader-card .leader-caption { flex-wrap: nowrap; gap: 10px; padding: 18px; }
  .company-page .leader-role { flex-basis: auto; }
  .company-page .team-section { grid-template-columns: 1fr; }
  .company-page .team-stats { padding: 35px 8%; }
  .company-page .certifications { padding: 40px 0; }
  .company-page .careers-hero { height: 430px; }
  .company-page .job-row summary, .company-page .job-row[open] summary { grid-template-columns: minmax(0,1fr) 24px; gap: 24px; padding: 20px; }
  .company-page .job-title { display: block; grid-column: 1; width: calc(100% - 36px); max-width: calc(100% - 36px); }
  .company-page .job-title, .company-page .job-summary { min-width: 0; overflow-wrap: anywhere; }
  .company-page .job-summary { grid-column: 1; grid-row: 2; max-width: calc(100% - 36px); }
  .company-page .job-row .row-symbol { grid-column: 2; grid-row: 1; }
  .company-page .job-content { padding-right: 24px; }
  .company-page .job-description { overflow-wrap: anywhere; word-break: normal; line-break: strict; }
  .company-page .contact-banner .banner-accessible { padding: 92px 8% 0; }
  .company-page .contact-banner h2 { font-size: 35px; }
  .company-page .office-grid { width: auto; margin: -25px 25px 0; }
  .company-page .contact-section .office-grid article { padding: 28px; }
  .company-page .contact-section .office-grid article address { font-size: 12px; }
  .company-page .company-footer { min-height: 0; padding: 75px 7% 80px; }
  .company-page .company-footer > a:first-child { position: static; }
  .company-page .company-footer .footer-top { top: 75px; right: 7%; width: 48px; height: 48px; }
  .company-page .company-footer .footer-bottom { position: static; grid-template-columns: 1fr; gap: 30px; margin-top: 32px; }
  .company-page .company-footer .footer-bottom > p { padding: 0; white-space: normal; }
  .company-page .company-footer .footer-bottom > div { grid-template-columns: 1fr; gap: 18px; }
  .company-page .company-footer .footer-nav { position: static; width: 100%; gap: 18px; margin-top: 26px; flex-wrap: wrap; }
}

/* Exact desktop section geometry measured from the 1920 × 8939 layered PSD. */
@media (min-width: 901px) {
  .company-page .company-hero { height: 56.25vw; min-height: 0; }

  .company-page .leadership { position: relative; height: 56.4vw; padding: 0; overflow: hidden; }
  .company-page .leadership .center-heading { position: absolute; top: 11.3vw; left: 0; right: 0; }
  .company-page .leader-grid { position: absolute; top: 16.67vw; left: 6.72vw; right: 6.72vw; gap: 1.09vw; margin: 0; }
  .company-page .leader-card { aspect-ratio: 1; }
  .company-page .leader-card > img { transform: none; transform-origin: center; }
  .company-page .leader-card:hover > img { transform: scale(1.025); }
  .company-page .leader-caption, .company-page .leader-card .leader-caption { height: 13.5%; min-height: 0; justify-content: center; padding: .6vw 1vw; gap: .7vw; background: rgba(0,0,0,.56); }
  .company-page .leader-mark { flex: 0 0 .47vw; width: .47vw; height: .47vw; background: #0a50f5; box-shadow: .55vw 0 #0a50f5, 0 .55vw #0a50f5, .55vw .55vw #0a50f5; margin-right: .6vw; }
  .company-page .leader-name { font-size: 1.56vw; }
  .company-page .leader-role { font-size: .94vw; }

  .company-page .team-section { position: relative; display: block; height: 56.46vw; }
  .company-page .team-slideshow { position: absolute; top: 12.4vw; left: 6.72vw; width: 54.8vw; height: 33vw; aspect-ratio: auto; }
  .company-page .team-stats { position: absolute; top: 12.4vw; left: 61.35vw; width: 31.93vw; height: 33vw; display: block; padding: 0; }
  .company-page .team-stats > div { position: absolute; left: 32%; padding: 0; }
  .company-page .team-stats > div:first-of-type { top: 12.8%; }
  .company-page .team-stats > div:nth-of-type(2) { top: 42.4%; border: 0; padding: 0; }
  .company-page .team-stats > div:first-of-type::after { content: ''; position: absolute; top: 7.45vw; left: 3.2vw; width: 5.05vw; height: 4px; background: rgb(25,26,26); }
  .company-page .team-stats h2 { position: absolute; order: 3; left: 20.5%; bottom: 8%; margin: 0; font-size: 2.6vw; line-height: 1.3; white-space: nowrap; }
  .company-page .team-stats p { font-size: 1.3vw; }
  .company-page .team-stats strong { font-size: 6.77vw; }

  .company-page .history-live { height: 56.4vw; min-height: 0; background: #111212; }
  .company-page .history-live .history-planet { top: 45.2%; left: -28.2%; width: 156.25%; height: auto; aspect-ratio: 1; background: #111212; }
  .company-page .history-live .history-marker { top: 33%; height: 24%; }
  .company-page .history-live .history-copy { top: 69.2%; }

  .company-page .certifications { position: relative; height: 50.16vw; padding: 0; }
  .company-page .certifications .center-heading { position: absolute; top: 10.95vw; left: 0; right: 0; padding: 0; }
  .company-page .certifications .center-heading h2 { font: 200 4.17vw/1.12 XheartTitle, sans-serif; letter-spacing: .05em; }
  .company-page .certifications .center-heading p { margin-top: 1.25vw; font: 300 1.56vw/1.35 XheartBody, sans-serif; letter-spacing: .05em; }
  .company-page .certificate-track { position: absolute; top: 22.45vw; left: 0; right: 0; height: 15.625vw; gap: .78vw; padding: 0; }
  .company-page .certificate-open { flex: 0 0 11.04vw; height: 15.625vw; }
  .company-page .certificate-open img { width: 100%; height: 100%; object-fit: fill; }

  .company-page .careers-hero { height: 38.1vw; min-height: 0; }

  .company-page .job-list { position: relative; height: 81.875vw; min-height: 0; padding: 0 1.56vw; overflow: hidden; }
  .company-page .job-row { height: 6.4vw; min-height: 0; }
  .company-page .job-row[open] { height: 26.5vw; }
  .company-page .job-row summary { min-height: 6.4vw; }
  .company-page .job-title { font-size: 1.3vw; }
  .company-page .job-summary { font-size: .73vw; }
  .company-page .job-content { padding-top: 4.3vw; }
  .company-page .job-content .job-description { font-size: .73vw; line-height: 1.7; }
  .company-page .job-content .job-description h3 { font-size: 1.3vw; }
  .company-page .more-jobs { position: absolute; top: 73.5vw; left: 0; right: 0; margin: 0; }

  .company-page .contact-section { position: relative; height: 31.25vw; }
  .company-page .contact-banner { height: 100%; min-height: 0; }
  .company-page .office-grid { position: absolute; z-index: 2; top: 25.52vw; left: 48.33vw; right: 12.5vw; width: auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .68vw; margin: 0; }
  .company-page .contact-section .office-grid article { height: 12.65vw; min-height: 0; padding: 3.2vw 1.56vw 1vw; }
  .company-page .contact-section .office-grid article address { font-size: .68vw; line-height: 1.9; }
  .company-page .office-grid article::after { width: 2.5vw; height: 3.5vw; top: 1.15vw; right: 1vw; }

  .company-page .company-footer { height: 39.7vw; min-height: 0; }
  .company-page .company-footer > a:first-child { top: 50.1%; }
  .company-page .company-footer .footer-top { top: 53%; }
  .company-page .company-footer .footer-bottom { top: 67.5%; }
  .company-page .company-footer .footer-nav { top: 76.5%; }
}

/* Review annotations: supplied portraits and marks, type weights, and interaction states. */
.company-page main { position: relative; z-index: 1; }
.company-page .leader-card > img { object-fit: contain; }
.company-page .leader-mark { flex: 0 0 1.25vw; width: 1.25vw; height: 1.238vw; margin: 0; background: url('assets/company-revision/name_01.svg') center/contain no-repeat; box-shadow: none; }
.company-page .leadership .center-heading h2,
.company-page .team-stats h2 { font-family: XheartTitle, sans-serif; font-weight: 200; }
.company-page .leader-name,
.company-page .job-title,
.company-page .office-grid h3,
.company-page .job-content .job-description h3 { font-family: XheartBody, sans-serif; font-weight: 300; }
.company-page .certifications .center-heading h2 { font-family: XheartTitle, sans-serif; font-weight: 200; }
.company-page .team-stats strong { font-family: D-DIN-PRO, sans-serif; font-weight: 700; }
.company-page .footer-bottom > p,
.company-page .footer-nav { font-family: XheartBody, sans-serif; font-weight: 300; }
.company-page .footer-contact-label { font-family: XheartSmall, sans-serif; font-weight: 400; }
.company-page .history-dashes { display: none; }
.company-page .certificate-track { scroll-snap-type: none; scroll-behavior: auto; }
.company-page .certificate-open { position: relative; scroll-snap-align: none; transform-origin: center; }
.company-page .certificate-open:hover,
.company-page .certificate-open:focus-visible { z-index: 2; transform: scale(1.055); }
.company-page .job-list { height: auto; min-height: 0; overflow: visible; padding-bottom: 3vw; }
@media (min-width: 901px) {
  .company-page .job-list { padding-bottom: 12.8vw; }
  html[lang="zh-CN"] .company-page #leadership-title { translate: 0 -1lh; }
}
.company-page .job-row { height: auto; min-height: 6.4vw; }
.company-page .job-row[open] { height: auto; min-height: 26.5vw; }
.company-page .job-row:not([open]):hover { background: #9aafcd; color: rgb(25,26,26); border-bottom-color: rgb(25,26,26); }
.company-page .job-row:not([open]):hover .row-symbol { background-image: url('assets/company-revision/job-description-hover.svg'); }
.company-page .more-jobs { position: static; margin: 0; padding: 1.2vw 0 0; color: #9aafcd; }
.company-page .more-jobs-button { color: #9aafcd; font-family: XheartBody, sans-serif; font-weight: 300; }
.company-page .more-jobs-button,
.company-page .job-content .job-description,
.company-page .team-slideshow-toggle { font-weight: 400; }
.company-page .contact-section { z-index: 2; overflow: visible; }
.company-page .company-footer { z-index: 0; }
.company-page .team-stats > div:first-of-type::after { content: none; }
.company-page .office-grid { scroll-margin-top: 100px; }
.company-page .company-footer > a:first-child { left: 13.8%; }
.company-page .company-footer .footer-bottom > div > a:is(:hover, :focus-visible),
.company-page .company-footer .footer-bottom > div > a:is(:hover, :focus-visible) :is(strong, .footer-contact-label) { color: #9aafcd; }
.company-page .team-stats > div > p { margin: 0 0 20px; }
.company-page .team-stats > div > strong { font-family: D-DIN-PRO, sans-serif; font-size: 100px; font-weight: 600; line-height: 1; }
@media (min-width: 901px) {
  .company-page .team-stats > div:first-of-type { top: 8%; }
  .company-page .team-stats > div:nth-of-type(2) { top: 40%; }
  .company-page .team-stats h2 { bottom: 3%; }
  .company-page .history-live { height: max(56.4vw, calc(100svh - 80px)); }
}

@media (min-width: 901px) {
  .company-page .certificate-track { top: 21.45vw; height: 17.625vw; padding: 1vw 0; overflow-y: hidden; }
}
@media (max-width: 900px) {
  .company-page .leader-mark { flex-basis: 14px; width: 14px; height: 14px; }
  .company-page .job-list { padding-bottom: var(--job-row-space, 97px); }
  .company-page .more-jobs { padding-top: 16px; }
}
@media (min-width: 901px) and (max-width: 1700px) {
  .company-page .leader-role { font-family: XheartSmall, sans-serif; font-weight: 400; }
}
@media (min-width: 901px) and (max-width: 1230px) {
  .company-page .team-stats p { font-family: XheartSmall, sans-serif; font-weight: 400; }
}
@media (max-width: 1535px) {
  .company-page .hero-copy p,
  .company-page .footer-bottom > p,
  .company-page .footer-nav { font-weight: 400; }
}
@media (max-width: 1025px) {
  .company-page .leader-name,
  .company-page .office-grid h3 { font-weight: 400; }
}
@media (max-width: 900px) {
  .company-page .leader-role,
  .company-page .team-stats p,
  .company-page .certifications .center-heading p { font-weight: 400; }
}

@media (max-width: 700px) {
  .company-page .job-list { padding-bottom: var(--job-row-space, 118px); }
  .company-page .company-hero { height: 100svh; min-height: 620px; }
  .company-page .pc-hero-art { display: none; }
  .company-page .mobile-hero-art { display: block; position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
  .company-page .mobile-hero-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .company-page .mobile-hero-bg { animation: pcHeroBreath 1s ease-in-out .2s infinite alternate; }
  .company-page .mobile-hero-glow { opacity: 1; }
  .company-page .mobile-hero-foreground { animation: pcHeroBreath 1s ease-in-out infinite alternate; }
  .company-page .hero-copy { position: absolute; top: 55%; left: 30.4%; width: 67%; margin: 0; padding: 0; z-index: 1; }
  .company-page .hero-copy h1 { font-size: clamp(20px, 6.15vw, 30px); line-height: 1.08; }
  .company-page .hero-copy h1 strong { font-size: 1.54em; border-bottom-width: 3px; padding-bottom: .13em; }
  .company-page .hero-copy p { width: 100%; max-width: none; margin-top: 4.5svh; font-size: clamp(11px, 3.05vw, 14px); line-height: 1.65; letter-spacing: 0; }
  .company-page .leadership { padding-top: clamp(76px, 12vw, 110px); padding-bottom: clamp(48px, 8vw, 72px); }
  .company-page .leader-grid { margin-top: clamp(44px, 7vw, 64px); gap: 70px; }
  .company-page .leader-card > img,
  .company-page .leader-card:hover > img { object-fit: contain; object-position: center; transform: none; }
  .company-page .leader-caption .leader-mark { align-self: center; }
  .company-page .team-section { grid-template-columns: minmax(0, 1fr); }
  .company-page .team-slideshow { min-width: 0; width: 100%; }
  .company-page .company-footer > a:first-child > img { transform: translateX(-14.14%); }
  .company-page .team-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-width: 0;
    width: 100%;
    padding: 0;
    background: transparent;
    text-align: center;
  }
  .company-page .team-stats h2 {
    position: static;
    order: 0;
    width: 100%;
    margin: 0 0 4px;
    padding: 50px 8vw;
    background: #9aafcd;
    font: 200 clamp(26px, 6vw, 38px)/1.35 XheartTitle, sans-serif;
    letter-spacing: .04em;
    white-space: normal;
  }
  .company-page .team-stats > div,
  .company-page .team-stats > div + div {
    position: static;
    flex: none;
    width: 100%;
    background: #9aafcd;
    border: 0;
  }
  .company-page .team-stats > div:first-of-type { padding: 42px 8vw 24px; }
  .company-page .team-stats > div:nth-of-type(2) { padding: 12px 8vw 58px; }
  .company-page .team-stats > div > p {
    margin: 0 0 12px;
    font: 400 clamp(16px, 3.6vw, 20px)/1.5 XheartSmall, sans-serif;
  }
  .company-page .team-stats > div > strong {
    font: 600 clamp(72px, 18vw, 100px)/1 D-DIN-PRO, sans-serif;
  }
}
@media (prefers-reduced-motion: reduce) { .company-page .mobile-hero-bg, .company-page .mobile-hero-foreground { animation: none; opacity: 1; } }

.company-page .job-row.is-list-animating { min-height: 0 !important; overflow: hidden; }
.company-page .job-list { overflow-anchor: none; }
@media (max-width: 700px) {
  .company-page #leadership-title > span { display: block; }
  .company-page #leadership-title .leadership-comma { display: none; }
  .company-page #leadership-title { line-height: 1.3; }
  .company-page .certifications { display: block; height: 320svh; min-height: 0; padding: 0; overflow: visible; }
  .company-page .certifications-stage { position: sticky; top: 66px; display: flex; flex-direction: column; justify-content: center; gap: 36px; height: calc(100svh - 66px); }
  .company-page .certificate-track { width: 100%; max-width: 100%; overflow-x: hidden; touch-action: pan-y; }
  .company-page .certificate-open { pointer-events: none; transition: none; }
  .company-page .certificate-open:hover, .company-page .certificate-open:focus-visible { transform: none; }
}

/* Center every line in the team statistics panel in both languages. */
.company-page .team-stats,
.company-page .team-stats > div,
.company-page .team-stats h2 { text-align: center; }
@media (min-width: 901px) {
  .company-page .team-stats > div { left: 0; width: 100%; }
  .company-page .team-stats h2 { left: 0; width: 100%; }
}