@media (max-width: 812px) {
  html.huiling-mobile-native #projects,
  html.huiling-mobile-native #projects-main {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    color: #05070a !important;
    background: #f2f3f8 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #projects-main {
    padding: 116px 22px 72px !important;
    box-sizing: border-box !important;
  }

  html.huiling-mobile-native #projects-main-title-top,
  html.huiling-mobile-native #projects-main-title-wrapper,
  html.huiling-mobile-native #projects-main-title {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    color: #05070a !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #projects-main-title-wrapper {
    margin-bottom: 36px !important;
  }

  html.huiling-mobile-native #about {
    color: #ffffff !important;
    background: #05070a !important;
  }

  html.huiling-mobile-native #about-who,
  html.huiling-mobile-native #about-award,
  html.huiling-mobile-native #about-clients,
  html.huiling-mobile-native #about-capability {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 72px 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: #05070a !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #about-who {
    padding-top: 116px !important;
    padding-bottom: 20px !important;
  }

  html.huiling-mobile-native #about-who-subsection-container,
  html.huiling-mobile-native .about-who-subsection,
  html.huiling-mobile-native #about-who-title-main,
  html.huiling-mobile-native #about-who-title-left,
  html.huiling-mobile-native #about-who-title-right,
  html.huiling-mobile-native #about-who-desc-top,
  html.huiling-mobile-native #about-who-desc-bottom,
  html.huiling-mobile-native #about-who-team,
  html.huiling-mobile-native #about-who-team-left,
  html.huiling-mobile-native #about-who-team-right,
  html.huiling-mobile-native #about-who-team-title,
  html.huiling-mobile-native #about-who-team-desc,
  html.huiling-mobile-native #about-award-title,
  html.huiling-mobile-native #about-clients-title,
  html.huiling-mobile-native #about-clients-desc,
  html.huiling-mobile-native #about-clients-carousel,
  html.huiling-mobile-native #about-capability-title,
  html.huiling-mobile-native #about-capability-subheader,
  html.huiling-mobile-native #about-capability-cards-wrapper,
  html.huiling-mobile-native #about-capability-cards {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  html.huiling-mobile-native .about-who-subsection {
    margin-bottom: 64px !important;
  }

  html.huiling-mobile-native #about-who-title-main,
  html.huiling-mobile-native #about-who-team-title,
  html.huiling-mobile-native #about-award-title,
  html.huiling-mobile-native #about-clients-title,
  html.huiling-mobile-native #about-capability-title {
    font-size: clamp(2.25rem, 12vw, 4.5rem) !important;
    line-height: 0.95 !important;
  }

  html.huiling-mobile-native #about-crosses,
  html.huiling-mobile-native #about-who-team-faces,
  html.huiling-mobile-native #about-who-face-cursor,
  html.huiling-mobile-native #about-who-team-progress,
  html.huiling-mobile-native #about-who-team-indicator,
  html.huiling-mobile-native #about-who-team-dots,
  html.huiling-mobile-native #about-who-team-square,
  html.huiling-mobile-native #about-who-team-top-compass,
  html.huiling-mobile-native #about-who-team-bottom-compass {
    display: none !important;
  }

  html.huiling-mobile-native #about-capability-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html.huiling-mobile-native .about-capability-card,
  html.huiling-mobile-native .about-capability-card-front {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 240px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native .about-capability-card-back {
    display: none !important;
  }
}