/* Homepage company archive tablet: matte black aluminium and black glass. */
.home-page .magic-tablet-card {
  padding: 14px !important;
  border: 1px solid #050607 !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #303336 0%, #141719 32%, #050607 72%, #202326 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.82),
    0 22px 48px rgba(8, 16, 22, 0.24) !important;
}

/* 2026-08-12 company overview: enlarge the visual column and use the copy
   column more fully without changing any editorial content. */
@media (min-width: 768px) {
  .home-page .magic-tablet .company-intro {
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.92fr);
    column-gap: clamp(38px, 5vw, 72px);
    align-items: center;
  }

  .home-page .magic-tablet .company-intro__copy {
    align-self: center;
    max-width: 690px;
    padding: 20px 0 20px clamp(12px, 2vw, 34px);
  }

  .home-page .magic-tablet .tablet-editorial-figure--intro {
    height: clamp(300px, 31vw, 430px);
    transform: rotate(-0.7deg) translate(-8px, 2px);
  }

  .home-page .magic-tablet .company-intro__copy > p:not(.workspace-kicker) {
    max-width: 45em;
    font-size: 13.5px;
    line-height: 1.9;
  }

  .home-page .magic-tablet .company-intro__profile {
    gap: 24px;
    margin-top: 30px;
    padding-top: 18px;
  }
}

.home-page .magic-tablet-card::before {
  position: absolute !important;
  z-index: 5 !important;
  top: 4px !important;
  left: 50% !important;
  display: block !important;
  width: 4px !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #070a0c !important;
  box-shadow: inset 0 0 0 1px rgba(33, 59, 76, 0.72) !important;
  content: "" !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

.home-page .magic-tablet-card::after {
  position: absolute !important;
  z-index: 4 !important;
  inset: 1px !important;
  display: block !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  content: "" !important;
  pointer-events: none !important;
}

.home-page .magic-tablet-card .container-scroll-card-screen {
  border: 5px solid #020304 !important;
  border-radius: 16px !important;
  background: #020304;
  box-shadow: none !important;
}

.home-page .magic-tablet-card .workspace-screen {
  border-radius: 10px !important;
}

@media (max-width: 640px) {
  .home-page .magic-tablet-card {
    padding: 8px !important;
    border-radius: 18px !important;
  }

  .home-page .magic-tablet-card::after {
    border-radius: 16px !important;
  }

  .home-page .magic-tablet-card .container-scroll-card-screen {
    border-width: 4px !important;
    border-radius: 12px !important;
  }
}

.home-page .magic-tablet-card .workspace-screen {
  border-radius: 14px;
  background: #eef1f3;
  color: #172c3a;
}

.home-page .magic-tablet-card .workspace-app {
  background: #eef1f3;
}

.home-page .magic-tablet-card .workspace-sidebar {
  background: #e4e9ec;
  border-right-color: #cbd5da;
}

.home-page .magic-tablet-card .workspace-content {
  background: #f7f8f8;
}

.home-page .magic-tablet .workspace-topbar {
  align-items: flex-end;
}

/* The archive view has no pagination marker. */
.home-page .magic-tablet .workspace-topbar__index {
  display: none;
}

/* Keep the legal wordmark, remove the redundant sync message without a gap. */
.home-page .magic-tablet .workspace-footer-note {
  min-height: 0;
  justify-content: flex-end;
  padding-top: 4px;
}

.home-page .magic-tablet .workspace-footer-note > span:first-child {
  display: none;
}

/* The founding year leads the archive. The two operating figures step down in
   scale, so this reads as one measured company profile rather than three equal
   dashboard counters. */
.home-page .magic-tablet .company-intro__facts {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.18fr) minmax(0, 0.82fr);
  align-items: end;
  gap: clamp(18px, 2vw, 34px);
  min-height: clamp(94px, 8.2vw, 134px);
  margin-top: clamp(8px, 1vw, 16px);
  padding: clamp(11px, 1vw, 18px) 0 0;
  border-top: 1px solid rgba(17, 42, 64, 0.14);
}

.home-page .magic-tablet .company-intro__facts > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-end;
  gap: 3px;
  min-height: 100%;
  padding: 0;
  border-top: 0;
}

.home-page .magic-tablet .company-intro__facts strong {
  display: block;
  margin: 0;
  color: #102a40;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: clamp(34px, 3.25vw, 58px);
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 0.92;
}

.home-page .magic-tablet .company-intro__facts span {
  display: block;
  color: #66788a;
  font-size: clamp(10px, 0.78vw, 13px);
  font-weight: 600;
  line-height: 1.35;
}

.home-page .magic-tablet .company-intro__facts > div:first-child strong {
  color: #1660ab;
  font-size: clamp(54px, 5.3vw, 94px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 0.78;
}

.home-page .magic-tablet .company-intro__facts > div:first-child span {
  color: #102a40;
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(2) strong {
  font-size: clamp(38px, 3.55vw, 64px);
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(3) strong {
  font-size: clamp(30px, 2.75vw, 50px);
}

/* Keep the visible archive facts stable even when an older cached hydration
   script briefly restores the build-time values. The refinement script keeps
   the underlying DOM and accessibility label in sync with the same data. */
.home-page .magic-tablet .company-intro__facts strong,
.home-page .magic-tablet .company-intro__facts span {
  font-size: 0 !important;
}

.home-page .magic-tablet .company-intro__facts strong::after,
.home-page .magic-tablet .company-intro__facts span::after {
  display: block;
}

.home-page .magic-tablet .company-intro__facts > div:first-child strong::after {
  content: "1998";
  font-size: clamp(54px, 5.3vw, 94px);
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(2) strong::after {
  content: "80+";
  font-size: clamp(38px, 3.55vw, 64px);
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(3) strong::after {
  content: "4";
  font-size: clamp(30px, 2.75vw, 50px);
}

.home-page .magic-tablet .company-intro__facts > div:first-child span::after {
  content: "业务起步";
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(2) span::after {
  content: "员工人数";
}

.home-page .magic-tablet .company-intro__facts > div:nth-child(3) span::after {
  content: "业务领域";
}

.home-page .magic-tablet .company-intro__facts span::after {
  font-size: clamp(10px, 0.78vw, 13px);
}

@media (max-width: 900px) {
  .home-page .magic-tablet .company-intro__facts {
    grid-template-columns: minmax(0, 1.68fr) minmax(0, 1fr) minmax(0, 0.72fr);
    min-height: 86px;
    gap: 14px;
    margin-top: 14px;
    padding-top: 12px;
  }

  .home-page .magic-tablet .company-intro__facts > div:first-child strong {
    font-size: clamp(42px, 11vw, 66px);
  }

  .home-page .magic-tablet .company-intro__facts > div:first-child strong::after {
    font-size: clamp(42px, 11vw, 66px);
  }

  .home-page .magic-tablet .company-intro__facts > div:nth-child(2) strong {
    font-size: clamp(31px, 8vw, 48px);
  }

  .home-page .magic-tablet .company-intro__facts > div:nth-child(2) strong::after {
    font-size: clamp(31px, 8vw, 48px);
  }

  .home-page .magic-tablet .company-intro__facts > div:nth-child(3) strong {
    font-size: clamp(26px, 6.5vw, 40px);
  }

  .home-page .magic-tablet .company-intro__facts > div:nth-child(3) strong::after {
    font-size: clamp(26px, 6.5vw, 40px);
  }
}

@media (max-width: 560px) {
  .home-page .magic-tablet .company-intro__facts {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 0.66fr);
    gap: 10px;
  }

  .home-page .magic-tablet .company-intro__facts span {
    font-size: 9px;
  }

  .home-page .magic-tablet .company-intro__facts span::after {
    font-size: 9px;
  }
}

/* Make the archive navigation read as an interactive control group. The
   brand and legal note stay at the edges while the three destinations sit
   in the visual centre of the tablet sidebar. */
@media (min-width: 901px) {
  .home-page .magic-tablet .workspace-sidebar {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 16px 10px 12px;
  }

  .home-page .magic-tablet .workspace-sidebar__brand {
    flex: 0 0 auto;
  }

  .home-page .magic-tablet .workspace-nav {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 18px 0;
  }

  .home-page .magic-tablet .workspace-nav-link {
    position: relative;
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  }

  .home-page .magic-tablet .workspace-nav-link::before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: -1px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: #1660ab;
    content: "";
    opacity: 0;
    transform: scaleY(0.5);
    transition: opacity 180ms ease, transform 180ms ease;
  }

  .home-page .magic-tablet .workspace-nav-link:hover,
  .home-page .magic-tablet .workspace-nav-link:focus-visible {
    border-color: rgba(22, 96, 171, 0.24);
    background: rgba(255, 255, 255, 0.58);
    color: #173f5e;
    outline: none;
    transform: translateX(1px);
  }

  .home-page .magic-tablet .workspace-nav-link.is-active {
    border-color: rgba(22, 96, 171, 0.18);
    background: #ffffff;
    color: #102a40;
    box-shadow: 0 3px 9px rgba(17, 42, 64, 0.08);
  }

  .home-page .magic-tablet .workspace-nav-link.is-active::before,
  .home-page .magic-tablet .workspace-nav-link:hover::before,
  .home-page .magic-tablet .workspace-nav-link:focus-visible::before {
    opacity: 1;
    transform: scaleY(1);
  }

  .home-page .magic-tablet .workspace-sidebar__footer {
    flex: 0 0 auto;
    margin-top: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .magic-tablet .workspace-nav-link { transition: none; }
}

/* Editorial archive: a cool-toned company journal inside the tablet. */
.home-page .magic-tablet-card {
  padding: 15px !important;
  border: 1px solid #0b0f0e !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #39403d 0%, #161b19 28%, #070908 72%, #272d2a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -2px 0 rgba(0, 0, 0, 0.88),
    0 16px 28px rgba(20, 31, 27, 0.18),
    0 42px 86px rgba(20, 31, 27, 0.24) !important;
  transform-style: preserve-3d;
}

.home-page .magic-tablet-card::before {
  top: 5px !important;
  width: 5px !important;
  height: 5px !important;
  background: #040706 !important;
  box-shadow: inset 0 0 0 1px rgba(100, 128, 113, 0.7), 0 0 0 1px rgba(0, 0, 0, 0.55) !important;
}

.home-page .magic-tablet-card::after {
  inset: 2px !important;
  border-color: rgba(255, 255, 255, 0.11) !important;
  border-radius: 21px !important;
  box-shadow: inset 0 -8px 18px rgba(0, 0, 0, 0.2) !important;
}

.home-page .magic-tablet-card .container-scroll-card-screen {
  border: 5px solid #030504 !important;
  border-radius: 13px !important;
  background: #030504;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 3px 0 rgba(255, 255, 255, 0.05) !important;
  transform: translateZ(6px);
}

.home-page .magic-tablet-card .workspace-screen,
.home-page .magic-tablet-card .workspace-app,
.home-page .magic-tablet-card .workspace-content {
  background: #f0f2ee;
  color: #17221d;
}

.home-page .magic-tablet-card .workspace-screen {
  border-radius: 8px !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}

.home-page .magic-tablet .workspace-screen__status { display: none; }

.home-page .magic-tablet-card .workspace-sidebar {
  border-right: 1px solid #cbd2cb;
  background: #e1e6e0;
}

.home-page .magic-tablet .workspace-sidebar__brand {
  border-bottom: 1px solid rgba(41, 61, 51, 0.13);
}

.home-page .magic-tablet .workspace-sidebar__brand-name {
  color: #18251f;
  font-family: "Songti SC", STSong, SimSun, serif;
  font-weight: 600;
}

.home-page .magic-tablet .workspace-nav-link {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #68766e;
  box-shadow: none;
}

.home-page .magic-tablet .workspace-nav-link::before {
  top: 7px;
  bottom: 7px;
  left: 0;
  width: 2px;
  border-radius: 0;
  background: #5f7468;
}

.home-page .magic-tablet .workspace-nav-link:hover,
.home-page .magic-tablet .workspace-nav-link:focus-visible,
.home-page .magic-tablet .workspace-nav-link.is-active {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.34);
  color: #1b3026;
  box-shadow: none;
}

.home-page .magic-tablet .workspace-sidebar__footer {
  border-top-color: rgba(41, 61, 51, 0.13);
  color: #718078;
}

.home-page .magic-tablet .workspace-content {
  padding: 18px 30px 11px;
}

.home-page .magic-tablet .workspace-topbar {
  min-height: 58px;
  align-items: flex-start;
  border-bottom: 1px solid #cbd2cb;
}

.home-page .magic-tablet .workspace-topbar p,
.home-page .magic-tablet .workspace-kicker {
  color: #738078;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
}

.home-page .magic-tablet .workspace-topbar h2,
.home-page .magic-tablet .workspace-view h3 {
  color: #16241d;
  font-family: "Songti SC", STSong, SimSun, serif;
  font-weight: 600;
  letter-spacing: 0;
}

.home-page .magic-tablet .workspace-topbar h2 { font-size: 25px; }
.home-page .magic-tablet .workspace-view h3 { max-width: 15em; font-size: 38px; line-height: 1.12; }

.home-page .magic-tablet .company-intro {
  display: grid;
  min-height: 100%;
  grid-template-columns: minmax(0, 1.08fr) minmax(190px, 0.72fr);
  grid-template-rows: minmax(0, 1fr) auto;
  column-gap: clamp(20px, 3vw, 46px);
  row-gap: 14px;
  padding: 24px 0 8px;
}

.home-page .magic-tablet .company-intro__copy {
  align-self: center;
  max-width: 760px;
  padding-left: clamp(14px, 3vw, 52px);
}

.home-page .magic-tablet .tablet-editorial-figure {
  position: relative;
  min-width: 0;
  margin: 0;
  pointer-events: none;
}

.home-page .magic-tablet .tablet-editorial-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.home-page .magic-tablet .tablet-editorial-figure--intro {
  align-self: center;
  height: clamp(230px, 26vw, 355px);
  transform: rotate(-1.1deg) translateY(4px);
}

.home-page .magic-tablet .tablet-editorial-figure--intro img {
  filter: saturate(0.72) contrast(0.95);
  object-position: center;
}

.home-page .magic-tablet .company-intro > .company-intro__facts {
  grid-column: 1 / -1;
}

.home-page .magic-tablet .company-intro__image,
.home-page .magic-tablet .company-history__image {
  display: none !important;
}

.home-page .magic-tablet .company-intro__copy > p:not(.workspace-kicker),
.home-page .magic-tablet .company-environment__copy > p:not(.workspace-kicker),
.home-page .magic-tablet .company-history__heading > p:not(.workspace-kicker) {
  max-width: 48em;
  color: #5e6b64;
  font-size: 11.5px;
  line-height: 1.8;
}

.home-page .magic-tablet .company-intro__profile {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid #cbd2cb;
}

.home-page .magic-tablet .company-intro__profile div {
  display: block;
}

.home-page .magic-tablet .company-intro__profile dt {
  margin-bottom: 4px;
  color: #77837c;
  font-size: 8.5px;
}

.home-page .magic-tablet .company-intro__profile dd {
  color: #35443c;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.55;
}

.home-page .magic-tablet .company-intro__facts {
  grid-template-columns: minmax(0, 1.55fr) repeat(2, minmax(0, 0.7fr));
  gap: 28px;
  min-height: 92px;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid #c5cec6;
}

.home-page .magic-tablet .company-intro__facts > div {
  min-height: 0;
  justify-content: flex-start;
}

.home-page .magic-tablet .company-intro__facts strong,
.home-page .magic-tablet .company-intro__facts span {
  font-size: inherit !important;
}

.home-page .magic-tablet .company-intro__facts strong::after,
.home-page .magic-tablet .company-intro__facts span::after {
  display: none !important;
  content: none !important;
}

.home-page .magic-tablet .company-intro__facts strong {
  color: #30463a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 3.2vw, 54px) !important;
  font-weight: 400;
  line-height: 0.9;
}

.home-page .magic-tablet .company-intro__facts > div:first-child strong {
  color: #5f7468;
  font-size: clamp(48px, 5vw, 82px) !important;
  font-weight: 400;
}

.home-page .magic-tablet .company-intro__facts span {
  margin-top: 7px;
  color: #6c7972;
  font-size: 9px !important;
  font-weight: 500;
}

.home-page .magic-tablet .company-history {
  display: grid;
  min-height: 100%;
  grid-template-columns: minmax(180px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(28px, 5vw, 72px);
  padding: 28px 0 10px;
}

.home-page .magic-tablet .company-history__lead {
  justify-content: center;
}

.home-page .magic-tablet .tablet-editorial-figure--history {
  width: min(100%, 270px);
  height: clamp(150px, 16vw, 220px);
  margin-top: 14px;
  transform: rotate(1.3deg);
}

.home-page .magic-tablet .tablet-editorial-figure--history img {
  filter: saturate(0.68) contrast(0.94);
  object-position: center 44%;
}

.home-page .magic-tablet .company-history__timeline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  column-gap: 0;
  border-top: 1px solid #bfc9c1;
  border-bottom: 1px solid #bfc9c1;
}

.home-page .magic-tablet .company-history__timeline li {
  position: relative;
  display: grid;
  min-height: 122px;
  grid-template-columns: 70px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: start;
  align-items: baseline;
  column-gap: 18px;
  padding: 18px 24px;
  border: 0;
}

.home-page .magic-tablet .company-history__timeline li:nth-child(-n + 2) {
  border-bottom: 1px solid #cbd2cb;
}

.home-page .magic-tablet .company-history__timeline li:nth-child(odd) {
  border-right: 1px solid #cbd2cb;
}

.home-page .magic-tablet .company-history__timeline li > span {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-self: baseline;
  align-items: baseline;
  margin: 0;
  padding-top: 0;
  color: #5f7468;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  word-break: keep-all;
}

.home-page .magic-tablet .company-history__year-unit {
  font: inherit;
  line-height: inherit;
}

.home-page .magic-tablet .company-history__timeline h4 {
  grid-column: 2;
  grid-row: 1;
  align-self: baseline;
  margin: 0 0 6px;
  color: #25352d;
  font-family: "Songti SC", STSong, SimSun, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.home-page .magic-tablet .company-history__timeline p {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: #68756e;
  font-size: 9.5px;
  line-height: 1.65;
}

.home-page .magic-tablet .company-environment {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(0, 1.22fr) minmax(250px, 0.78fr);
  gap: 32px;
  padding: 22px 0 10px;
}

.home-page .magic-tablet .company-environment__image {
  height: 100%;
  min-height: 0;
  border-radius: 3px;
  background: #d8ddd8;
}

.home-page .magic-tablet .company-environment__image img {
  filter: saturate(0.66) contrast(0.95);
}

.home-page .magic-tablet .company-environment__copy {
  align-self: center;
}

.home-page .magic-tablet .company-environment__notes {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 18px;
}

.home-page .magic-tablet .company-environment__notes span {
  display: grid;
  min-height: 0;
  grid-template-columns: 30px 44px 1fr;
  align-items: baseline;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #cbd2cb;
  border-radius: 0;
}

.home-page .magic-tablet .company-environment__notes b,
.home-page .magic-tablet .company-environment__notes small {
  margin: 0;
}

.home-page .magic-tablet .workspace-footer-note {
  border-top-color: #cbd2cb;
  color: #7a857f;
}

@media (max-width: 767px) {
  .home-page .magic-tablet-card { padding: 8px !important; border-radius: 18px !important; }
  .home-page .magic-tablet-card::after { border-radius: 15px !important; }
  .home-page .magic-tablet-card .container-scroll-card-screen { border-width: 3px !important; border-radius: 10px !important; }
  .home-page .magic-tablet .workspace-sidebar { border-right: 0; border-bottom-color: #cbd2cb; }
  .home-page .magic-tablet .workspace-content { padding: 12px 14px 8px; }
  .home-page .magic-tablet .company-intro,
  .home-page .magic-tablet .company-history,
  .home-page .magic-tablet .company-environment { grid-template-columns: 1fr; gap: 14px; padding-top: 15px; }
  .home-page .magic-tablet .company-intro__copy { padding-left: 0; }
  .home-page .magic-tablet .tablet-editorial-figure--intro { height: 170px; transform: none; }
  .home-page .magic-tablet .tablet-editorial-figure--history { display: none; }
  .home-page .magic-tablet .company-intro__profile { display: none; }
  .home-page .magic-tablet .company-history__timeline { grid-template-columns: 1fr; }
  .home-page .magic-tablet .company-history__timeline li {
    min-height: 0;
    grid-template-columns: 62px minmax(0, 1fr);
    column-gap: 14px;
    padding: 14px 10px;
    border-right: 0;
    border-bottom: 1px solid #cbd2cb;
  }
  .home-page .magic-tablet .company-history__timeline li:last-child { border-bottom: 0; }
  .home-page .magic-tablet .company-environment__image { min-height: 175px; }
}

/* 2026-08-12 final company-overview override. */
@media (min-width: 768px) {
  .home-page .magic-tablet .company-intro {
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.92fr);
    column-gap: clamp(38px, 5vw, 72px);
    align-items: center;
  }

  .home-page .magic-tablet .company-intro__copy {
    align-self: center;
    max-width: 690px;
    padding: 20px 0 20px clamp(12px, 2vw, 34px) !important;
  }

  .home-page .magic-tablet .tablet-editorial-figure--intro {
    height: clamp(300px, 31vw, 430px);
    transform: rotate(-0.7deg) translate(-8px, 2px);
  }

  .home-page .magic-tablet .company-intro__copy > p:not(.workspace-kicker) {
    max-width: 45em;
    font-size: 13.5px;
    line-height: 1.9 !important;
  }

  .home-page .magic-tablet .company-intro__profile {
    gap: 24px;
    margin-top: 30px !important;
    padding-top: 18px !important;
  }
}

/* The headline hierarchy is already strong; enlarge the supporting archive
   copy and controls so the tablet remains readable at its displayed scale. */
.home-page .magic-tablet .company-intro__facts {
  display: none !important;
}

.home-page .magic-tablet .workspace-nav-link__label { font-size: 14px; }
.home-page .magic-tablet .workspace-sidebar__footer { font-size: 11px; }
.home-page .magic-tablet .workspace-topbar p,
.home-page .magic-tablet .workspace-kicker { font-size: 11px; }

.home-page .magic-tablet .company-intro__copy > p:not(.workspace-kicker),
.home-page .magic-tablet .company-environment__copy > p:not(.workspace-kicker),
.home-page .magic-tablet .company-history__heading > p:not(.workspace-kicker) {
  font-size: 13px;
  line-height: 1.72;
}

.home-page .magic-tablet .company-intro__profile dt { font-size: 10px; }
.home-page .magic-tablet .company-intro__profile dd { font-size: 11px; }
.home-page .magic-tablet .company-history__timeline li > span { font-size: 17px; }
.home-page .magic-tablet .company-history__timeline p { font-size: 11px; }
.home-page .magic-tablet .company-environment__notes em { font-size: 10px; }
.home-page .magic-tablet .company-environment__notes b { font-size: 12px; }
.home-page .magic-tablet .company-environment__notes small { font-size: 10px; }
.home-page .magic-tablet .workspace-footer-note,
.home-page .magic-tablet .workspace-footer-note span:last-child { font-size: 9px; }

@media (max-width: 767px) {
  .home-page .magic-tablet .workspace-nav-link__label { font-size: 10px; }
  .home-page .magic-tablet .workspace-topbar p,
  .home-page .magic-tablet .workspace-kicker { font-size: 10px; }
  .home-page .magic-tablet .company-intro__copy > p:not(.workspace-kicker),
  .home-page .magic-tablet .company-environment__copy > p:not(.workspace-kicker),
  .home-page .magic-tablet .company-history__heading > p:not(.workspace-kicker) { font-size: 12px; }
  .home-page .magic-tablet .company-history__timeline p { font-size: 10px; }
}