/* Homepage company section: approved silver option. Content lives in Elementor. */
.elementor.elementor-4980 .elementor-element.mrv-company-banner.e-con {
  --company-bg: #e3e5e7;
  --company-ink: #20272b;
  --company-muted: #465058;
  --company-accent: #d2fa4a;
  --company-font: "Microsoft YaHei", "PingFang SC", sans-serif;
  --display: grid;
  --gap: 0;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --widgets-spacing: 0px;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  grid-template-columns: 61.5% 38.5%;
  align-items: center;
  width: calc(100% - 40px);
  max-width: 1320px;
  min-height: min(calc((100vw - 40px) * .42059), 555.2px);
  margin: 0 auto 64px;
  padding: 0;
  overflow: hidden;
  background: var(--company-bg);
  color: var(--company-ink);
  font-family: var(--company-font);
  -webkit-font-smoothing: antialiased;
}
.elementor.elementor-4980 .mrv-company-banner .elementor-widget { margin: 0; }
.elementor.elementor-4980 .mrv-company-banner .elementor-element.mrv-company-visual {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  max-width: none;
  height: 100%;
  pointer-events: none;
}
.elementor.elementor-4980 .mrv-company-visual .elementor-widget-container { width: 100%; height: 100%; }
.elementor.elementor-4980 .mrv-company-visual img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.elementor.elementor-4980 .mrv-company-banner .elementor-element.mrv-company-copy.e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 4.2cqw 3cqw 4.2cqw 0;
  gap: 0;
  background: transparent;
}
.elementor.elementor-4980 .mrv-company-copy .mrv-company-eyebrow {
  width: auto;
  color: var(--company-muted);
  font-family: var(--company-font);
  font-size: clamp(12px, 1cqw, 14px);
  line-height: 1.6;
  letter-spacing: .08em;
  margin-bottom: clamp(18px, 2cqw, 28px);
}
.elementor.elementor-4980 .mrv-company-eyebrow p { display: flex; align-items: center; gap: 14px; margin: 0; }
.elementor.elementor-4980 .mrv-company-eyebrow p::before { content: ""; flex: 0 0 28px; height: 2px; background: var(--company-accent); }
.elementor.elementor-4980 .mrv-company-title .elementor-heading-title {
  color: var(--company-ink);
  font-family: var(--company-font);
  font-size: clamp(34px, 3.57cqw, 48px);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -.035em;
  margin: 0;
  overflow-wrap: normal;
}
.elementor.elementor-4980 .mrv-company-copy .mrv-company-description {
  width: 100%;
  margin-top: clamp(22px, 2.4cqw, 34px);
  color: var(--company-muted);
  font-family: var(--company-font);
  font-size: clamp(14px, 1.145cqw, 16px);
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0;
}
.elementor.elementor-4980 .mrv-company-description p { margin: 0; }
.elementor.elementor-4980 .mrv-company-description .mrv-company-mobile-line { display: inline; }
.elementor.elementor-4980 .mrv-company-copy .mrv-company-action { width: 100%; margin-top: clamp(26px, 3cqw, 42px); }
.elementor.elementor-4980 .mrv-company-details { color: var(--company-muted); }
.elementor.elementor-4980 .mrv-company-details > summary {
  display: flex;
  width: fit-content;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 12px 25px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--company-ink);
  color: #fff;
  font: 600 clamp(14px, 1.145cqw, 16px)/1.5 var(--company-font);
  list-style: none;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
.elementor.elementor-4980 .mrv-company-details > summary::-webkit-details-marker { display: none; }
.elementor.elementor-4980 .mrv-company-details > summary::marker { content: ""; }
.elementor.elementor-4980 .mrv-company-details > summary:hover { background: var(--company-accent); color: var(--company-ink); }
.elementor.elementor-4980 .mrv-company-details > summary:focus-visible { outline: 2px solid var(--company-ink); outline-offset: 5px; }
.elementor.elementor-4980 .mrv-company-summary-arrow { font-size: 26px; font-weight: 400; line-height: 1; }
.elementor.elementor-4980 .mrv-company-details[open] .mrv-company-summary-arrow { transform: rotate(90deg); }
.elementor.elementor-4980 .mrv-company-more { margin-top: 24px; padding-top: 21px; border-top: 1px solid #a4abb0; font-size: 14px; line-height: 1.9; }
.elementor.elementor-4980 .mrv-company-more h3 { color: var(--company-ink); font: 600 18px/1.6 var(--company-font); margin: 0 0 12px; }
.elementor.elementor-4980 .mrv-company-more ul { margin: 0 0 14px; padding-left: 1.2em; }
.elementor.elementor-4980 .mrv-company-more p { margin: 0 0 14px; }
.elementor.elementor-4980 .mrv-company-more a { color: var(--company-ink); text-decoration: underline; text-underline-offset: 4px; }
.elementor.elementor-4980 .mrv-company-more a:hover { text-decoration-thickness: 2px; }
.elementor.elementor-4980 .mrv-company-more a:focus-visible { outline: 2px solid var(--company-ink); outline-offset: 4px; }
.elementor.elementor-4980 .mrv-company-more-links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
/* Continue the silver tabletop when the introduction grows beyond the photo.
   The 1933 x 813 photo ends at 42.059cqw; only its empty bottom edge fades. */
@media (min-width: 1001px) {
  .elementor.elementor-4980 .mrv-company-banner:has(.mrv-company-details[open]) .mrv-company-visual {
    background:
      linear-gradient(to bottom, transparent 42.059cqw, var(--company-bg) 100%),
      linear-gradient(90deg, #b3b3b5 0%, #b4b4b6 12.5%, #b8b8ba 25%, #bbbabd 37.5%, #b9babd 50%, #bec0c3 62.5%, #cacbce 75%, #d7d7d9 87.5%, #dedee0 100%);
  }
  .elementor.elementor-4980 .mrv-company-banner:has(.mrv-company-details[open]) .mrv-company-visual img {
    object-fit: contain;
    object-position: top center;
    -webkit-mask-image: linear-gradient(to bottom, #000 39.059cqw, transparent 42.059cqw);
    mask-image: linear-gradient(to bottom, #000 39.059cqw, transparent 42.059cqw);
  }
}
@media (max-width: 1000px) {
  .elementor.elementor-4980 .elementor-element.mrv-company-banner.e-con { display: flex; flex-direction: column; min-height: 0; align-items: stretch; margin-bottom: 48px; }
  .elementor.elementor-4980 .mrv-company-banner .elementor-element.mrv-company-visual { position: relative; inset: auto; z-index: 0; width: 100%; height: min(72cqw, 570px); flex-shrink: 0; }
  .elementor.elementor-4980 .mrv-company-visual img { object-fit: cover; object-position: left center; }
  .elementor.elementor-4980 .mrv-company-visual::after { content: ""; position: absolute; inset: auto 0 0; height: 54px; background: linear-gradient(transparent, var(--company-bg)); }
  .elementor.elementor-4980 .mrv-company-banner .elementor-element.mrv-company-copy.e-con { width: 100%; padding: 22px 7cqw 48px; }
  .elementor.elementor-4980 .mrv-company-copy .mrv-company-eyebrow { font-size: 12px; margin-bottom: 20px; }
  .elementor.elementor-4980 .mrv-company-title .elementor-heading-title { font-size: clamp(32px, 6.8cqw, 52px); line-height: 1.32; }
  .elementor.elementor-4980 .mrv-company-copy .mrv-company-description { font-size: 16px; margin-top: 22px; }
  .elementor.elementor-4980 .mrv-company-description .mrv-company-mobile-line { display: block; }
  .elementor.elementor-4980 .mrv-company-description .mrv-company-mobile-line + br { display: none; }
  .elementor.elementor-4980 .mrv-company-copy .mrv-company-action { margin-top: 27px; }
}
@media (max-width: 480px) {
  .elementor.elementor-4980 .mrv-company-banner .elementor-element.mrv-company-copy.e-con { padding: 18px 24px 36px; }
  .elementor.elementor-4980 .mrv-company-title .elementor-heading-title { font-size: 32px; }
  .elementor.elementor-4980 .mrv-company-copy .mrv-company-description { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .elementor.elementor-4980 .mrv-company-details > summary { transition: none; } }