@media (max-width: 812px) {
  html.huiling-mobile-native,
  html.huiling-mobile-native body {
    width: 100%;
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
  }

  html.huiling-mobile-native {
    scroll-behavior: smooth;
    background: var(--mobile-native-page-bg, #f2f3f8);
  }

  html.huiling-mobile-native body {
    position: relative !important;
    background: var(--mobile-native-page-bg, #f2f3f8);
  }

  html.huiling-mobile-native #canvas,
  html.huiling-mobile-native #transition-overlay,
  html.huiling-mobile-native #preloader,
  html.huiling-mobile-native #scroll-indicator,
  html.huiling-mobile-native #input-blocker,
  html.huiling-mobile-native #video-overlay {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html.huiling-mobile-native #ui,
  html.huiling-mobile-native #page-container,
  html.huiling-mobile-native #page-container-inner,
  html.huiling-mobile-native .page,
  html.huiling-mobile-native #page-extra-sections {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native .section {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    transform: none !important;
  }

  html.huiling-mobile-native #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    color: var(--mobile-native-header-color, #ffffff) !important;
  }

  html.huiling-mobile-native #header-container {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    overflow: visible !important;
    z-index: 1001 !important;
    pointer-events: none !important;
  }

  html.huiling-mobile-native #header-logo,
  html.huiling-mobile-native #header-center,
  html.huiling-mobile-native #header-right {
    position: relative !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }

  html.huiling-mobile-project-detail #header-center {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  html.huiling-mobile-project-detail #header-center-project-back-btn {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  html.huiling-mobile-native #header-logo,
  html.huiling-mobile-native #header-right-menu-btn,
  html.huiling-mobile-native #header-center-project-back-btn {
    color: var(--mobile-native-header-color, #ffffff) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #header-right-talk-btn,
  html.huiling-mobile-native #header-right-talk-btn-placeholder {
    display: none !important;
  }

  html.huiling-mobile-native:not(.huiling-mobile-project-detail)
    #header-center-project-back-btn {
    display: none !important;
  }

  html.huiling-mobile-native #header-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999 !important;
    display: none !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 112px 22px 28px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    color: #ffffff !important;
    background: #101216 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
  }

  html.huiling-mobile-native.huiling-mobile-menu-open,
  html.huiling-mobile-native.huiling-mobile-menu-open body {
    overflow: hidden !important;
  }

  html.huiling-mobile-native.huiling-mobile-menu-open #header-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html.huiling-mobile-native.huiling-mobile-menu-open #header,
  html.huiling-mobile-native.huiling-mobile-menu-open #header-logo,
  html.huiling-mobile-native.huiling-mobile-menu-open #header-right-menu-btn {
    color: #ffffff !important;
  }

  html.huiling-mobile-native #header-menu-links,
  html.huiling-mobile-native #header-menu-talk,
  html.huiling-mobile-native #header-menu-labs {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #header-menu-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  html.huiling-mobile-native #header-menu-talk,
  html.huiling-mobile-native #header-menu-labs {
    display: flex !important;
    margin-top: 18px !important;
  }

  html.huiling-mobile-native .header-menu-link-inner,
  html.huiling-mobile-native .header-menu-link-text,
  html.huiling-mobile-native .header-menu-link-text-clone,
  html.huiling-mobile-native .header-menu-link-svg,
  html.huiling-mobile-native #header-menu-talk > *,
  html.huiling-mobile-native #header-menu-labs-inner {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native .header-menu-link-text-clone {
    display: none !important;
  }

  html.huiling-mobile-native .header-menu-link {
    min-height: 58px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #header-right-menu-btn-text,
  html.huiling-mobile-native #header-right-menu-btn-text-close {
    display: none !important;
  }

  html.huiling-mobile-project-detail #header-right-menu-btn,
  html.huiling-mobile-project-detail #header-center-project-back-btn {
    color: var(--mobile-native-project-text, #ffffff) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  html.huiling-mobile-native .ref-orb-field *,
  html.huiling-mobile-native .ref-orb-field::before,
  html.huiling-mobile-native .ref-orb-field::after,
  html.huiling-mobile-native #end-section *,
  html.huiling-mobile-native #end-section::before,
  html.huiling-mobile-native #end-section::after {
    animation: none !important;
  }

  html.huiling-mobile-native .ref-fluid-halo,
  html.huiling-mobile-native .ref-lightband,
  html.huiling-mobile-native .ref-caustic,
  html.huiling-mobile-native .ref-depth-shadow,
  html.huiling-mobile-native .ref-orb-field::before,
  html.huiling-mobile-native .ref-orb-field::after {
    filter: none !important;
  }

  html.huiling-mobile-native.huiling-reference-home #home-hero {
    height: auto !important;
    min-height: 0 !important;
  }

  html.huiling-mobile-native #home-reel,
  html.huiling-mobile-native #home-featured,
  html.huiling-mobile-native #home-goal {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html.huiling-mobile-native #home-reel-title,
  html.huiling-mobile-native #home-reel-content,
  html.huiling-mobile-native #home-reel-container,
  html.huiling-mobile-native #home-reel-container-inner,
  html.huiling-mobile-native #home-featured-title-top,
  html.huiling-mobile-native #home-featured-cta,
  html.huiling-mobile-native #huiling-goal-showcase {
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #home-featured {
    padding: 82px 22px !important;
    box-sizing: border-box !important;
  }

  html.huiling-mobile-native .project-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    width: 100% !important;
    margin-top: 34px !important;
    transform: none !important;
  }

  html.huiling-mobile-native .project-item,
  html.huiling-mobile-native .project-item-main,
  html.huiling-mobile-native .project-item-image {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native .project-item-main,
  html.huiling-mobile-native .project-item-image {
    aspect-ratio: 16 / 9;
    overflow: hidden !important;
  }

  html.huiling-mobile-native .mobile-native-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: auto;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html.huiling-mobile-native #project {
    min-height: 100vh !important;
  }

  html.huiling-mobile-native #project-details {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  html.huiling-mobile-native #project-details-header-info {
    display: none !important;
  }

  html.huiling-mobile-native #project-details-meta {
    order: 1;
  }

  html.huiling-mobile-native #project-details-items-wrapper {
    order: 2;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #project-details-items-move-container {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  html.huiling-mobile-native .project-details-item {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 50px 0 0 !important;
    aspect-ratio: var(--mobile-native-media-ratio, 16 / 9);
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  html.huiling-mobile-native #project-details-preview {
    order: 3;
    cursor: pointer;
  }

  html.huiling-mobile-native #project-details-preview-footer-bar-inner {
    transition: transform 0.4s cubic-bezier(0.35, 0, 0, 1);
  }

  html.huiling-mobile-native #project-details-preview:active
    #project-details-preview-footer-bar-inner,
  html.huiling-mobile-native #project-details-preview:focus-visible
    #project-details-preview-footer-bar-inner {
    transform: scaleX(1);
  }

  html.huiling-mobile-native #end-section {
    display: grid !important;
    min-height: 72vh !important;
    height: auto !important;
    place-items: center;
    overflow: hidden !important;
  }

  html.huiling-mobile-native #end-section-outer,
  html.huiling-mobile-native #end-section-inner,
  html.huiling-mobile-native #end-section-content {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html.huiling-mobile-native #end-section-content {
    padding: 112px 20px !important;
    box-sizing: border-box !important;
  }

  html.huiling-mobile-native #end-bottom {
    display: none !important;
  }

  html.huiling-mobile-native #footer-section {
    position: relative !important;
    height: auto !important;
    min-height: 100vh !important;
    padding: 72px 22px 36px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}