/* Desktop-only editorial type pass for the preserved half of the homepage.
   Keep content, imagery, navigation, transforms and animation ownership intact.
   Existing review styles use !important; override only their type/spacing rules. */
@media (min-width: 960px) {
  html.home-page {
    --home-type-sans: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
    --home-type-display: "Songti SC", SimSun, serif;
    --home-type-ink: #252a28;
    --home-type-copy: #59635d;
    --home-type-muted: #68736c;
    --home-type-heading: clamp(36px, 3.1vw, 52px);
    --home-type-subheading: clamp(32px, 2.6vw, 44px);
  }

  .home-page :is(.magic-tablet, .magic-company-global, .magic-supply, .magic-partners-heading, .magic-partners-intro, .home-footer) {
    font-family: var(--home-type-sans);
    -webkit-font-smoothing: antialiased;
  }

  /* Company archive: a firm sans heading, lighter editorial copy inside. */
  html.home-page .magic-home .magic-tablet .magic-tablet-title {
    color: var(--home-type-ink);
    font-family: var(--home-type-sans);
    font-size: clamp(28px, 2.6vw, 42px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.04em;
  }
  html.home-page .magic-home .magic-tablet .magic-tablet-title-text { font: inherit; letter-spacing: inherit; }
  html.home-page .magic-home .magic-tablet .workspace-screen { font-family: var(--home-type-sans); }
  html.home-page .magic-home .magic-tablet .workspace-sidebar__brand-name { font-weight: 600; }
  html.home-page .magic-home .magic-tablet .workspace-nav-link__label { font-size: 14px; font-weight: 500; }
  html.home-page .magic-home .magic-tablet .workspace-sidebar__footer { font-size: 12px; color: var(--home-type-muted); }
  html.home-page .magic-home .magic-tablet .workspace-topbar { min-height: 56px; padding-bottom: 12px; }
  html.home-page .magic-home .magic-tablet .workspace-topbar h2 {
    color: var(--home-type-ink);
    font-family: var(--home-type-sans);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
  }
  html.home-page .magic-home .magic-tablet .workspace-topbar p,
  html.home-page .magic-home .magic-tablet .workspace-kicker {
    color: var(--home-type-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
  html.home-page .magic-home .magic-tablet .workspace-view h3 {
    color: var(--home-type-ink);
    font-family: var(--home-type-display);
    font-size: clamp(28px, 2.25vw, 36px);
    font-weight: 400;
    line-height: 1.3 !important;
    letter-spacing: -.025em;
  }
  html.home-page .magic-home .magic-tablet .company-intro {
    grid-template-columns: minmax(0, 1.14fr) minmax(240px, .86fr) !important;
    column-gap: clamp(28px, 3vw, 44px) !important;
    padding-top: 18px;
  }
  html.home-page .magic-home .magic-tablet .company-intro__copy { padding: 10px 0 10px 12px !important; }
  html.home-page .magic-home .magic-tablet .company-intro__copy h3,
  html.home-page .magic-home .magic-tablet .company-environment__copy h3 { margin-bottom: 16px !important; }
  html.home-page .magic-home .magic-tablet :is(.company-intro__copy, .company-environment__copy, .company-history__heading) > p:not(.workspace-kicker) {
    max-width: 40em;
    color: var(--home-type-copy);
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.8 !important;
    letter-spacing: 0;
  }
  html.home-page .magic-home .magic-tablet .company-intro__profile {
    gap: 20px !important;
    margin-top: 22px !important;
    padding-top: 14px !important;
  }
  html.home-page .magic-home .magic-tablet .company-intro__profile dt {
    margin-bottom: 6px;
    color: var(--home-type-muted);
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.5;
  }
  html.home-page .magic-home .magic-tablet .company-intro__profile dd {
    margin: 0;
    color: var(--home-type-copy);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0 !important;
  }
  html.home-page .magic-home .magic-tablet .company-history { padding: 20px 0 8px; }
  html.home-page .magic-home .magic-tablet .company-history__lead { gap: 12px; }
  html.home-page .magic-home .magic-tablet .tablet-editorial-figure--history { height: clamp(140px, 14vw, 190px); }
  html.home-page .magic-home .magic-tablet .company-history__timeline li {
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: 16px;
    padding: 18px 20px;
  }
  html.home-page .magic-home .magic-tablet .company-history__timeline li > span {
    font-family: var(--home-type-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
  }
  html.home-page .magic-home .magic-tablet .company-history__timeline h4 {
    color: var(--home-type-ink);
    font-family: var(--home-type-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }
  html.home-page .magic-home .magic-tablet .company-history__timeline p {
    color: var(--home-type-copy);
    font-size: 13px !important;
    line-height: 1.8 !important;
    letter-spacing: 0 !important;
  }
  html.home-page .magic-home .magic-tablet .company-environment {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  html.home-page .magic-home .magic-tablet .company-environment__notes { margin-top: 20px !important; }
  html.home-page .magic-home .magic-tablet .company-environment__notes span {
    grid-template-columns: 20px 72px minmax(0, 1fr) !important;
  }
  html.home-page .magic-home .magic-tablet .company-environment__notes em { font-size: 11px; }
  html.home-page .magic-home .magic-tablet .company-environment__notes b {
    width: auto;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
  }
  html.home-page .magic-home .magic-tablet .company-environment__notes b br { display: none; }
  html.home-page .magic-home .magic-tablet .company-environment__notes small {
    color: var(--home-type-copy);
    font-family: var(--home-type-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
  }
  html.home-page .magic-home .magic-tablet .workspace-footer-note,
  html.home-page .magic-home .magic-tablet .workspace-footer-note span:last-child {
    color: var(--home-type-muted);
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .015em;
  }

  /* Keep the opening's light serif / stronger sans contrast in the map title. */
  .home-page .magic-home .magic-company-global-header h2 {
    color: var(--home-type-ink);
    font-family: var(--home-type-display);
    font-size: var(--home-type-heading);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.035em;
  }
  .home-page .magic-home .magic-company-global-header h2 > .magic-company-title-line:last-child {
    font-family: var(--home-type-sans);
    font-weight: 600;
    letter-spacing: -.045em;
  }
  .home-page .magic-home .magic-company-global-header p {
    width: 100%;
    max-width: 22em;
    margin-top: 18px;
    color: var(--home-type-copy);
    font-family: var(--home-type-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
  }
  .home-page .magic-home .magic-supply .magic-timeline-title h3 {
    color: var(--home-type-ink);
    font-family: var(--home-type-sans);
    font-size: var(--home-type-subheading);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.03em;
  }
  .home-page .magic-home .magic-supply .magic-timeline-copy > p {
    max-width: 100%;
    color: var(--home-type-copy);
    font-family: var(--home-type-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
  }
  .home-page .magic-supply .magic-timeline-copy dt {
    color: var(--home-type-muted);
    font-family: var(--home-type-sans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
  }
  .home-page .magic-supply .magic-timeline-copy dd {
    color: var(--home-type-ink);
    font-family: var(--home-type-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0;
  }

  /* The news device and modal retain their original type, spacing and layout. */
  .home-page .magic-home-updates .magic-partners-heading { text-align: left; }
  .home-page .magic-home-updates .magic-partners-heading h2 {
    max-width: 12em;
    color: var(--home-type-ink);
    font-family: var(--home-type-display);
    font-size: var(--home-type-heading) !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: -.035em;
    white-space: normal;
  }
  .home-page .magic-partners-heading .colourful-text__character {
    font-family: var(--home-type-sans);
    font-weight: 700;
    letter-spacing: -.04em;
  }
  .home-page .magic-home-updates .magic-partners-intro {
    max-width: 34em;
    margin: 18px 0 0;
    color: var(--home-type-copy);
    font-family: var(--home-type-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
  }

  /* Footer: legal and contact content stays unchanged, with clearer hierarchy. */
  .home-page .home-footer-lead { padding-top: 40px; padding-bottom: 28px; }
  .home-page .home-footer-brand span { font-size: 14px; line-height: 1.7; }
  .home-page .home-footer-details { padding-top: 28px; padding-bottom: 32px; }
  .home-page .home-footer-details strong { margin-bottom: 13px; font-size: 14px; font-weight: 600; line-height: 1.6; }
  .home-page .home-footer-details p { color: var(--home-type-copy); font-size: 15px; line-height: 1.9; }
  .home-page .home-footer-qr > strong { margin: 0; font-size: 12px; font-weight: 500; }
  .home-page .home-footer-bottom p,
  .home-page .home-footer-legal a { color: var(--home-type-muted); font-size: 12px; line-height: 1.8; }
}