@media (min-width: 701px) {
  html:root {
    --c1: #f58216;
    --c2: #343b40;
    --c3: #f2f4f3;
    --c4: #545c5d;
    --ink: #252c30;
    --ink-2: #30383c;
    --ink-3: #3d4649;
    --sand: #f2f4f3;
    --sand-2: #e6ebea;
    --muted: #626c6e;
    --muted-2: #858e90;
    --red: #f58216;
    --red-dark: #d9680a;
    --red-soft: #fff0e2;
    --red-glow: rgba(245, 130, 22, .18);
    --accent: #f58216;
    --accent-soft: #fff0e2;
    --accent-glow: rgba(245, 130, 22, .18);
  }

  body .garment-header.is-scrolled {
    background: rgba(255, 255, 255, .97);
  }

  body .garment-nav > a.current,
  body .garment-nav > a:hover,
  body .dropdown-trigger.current,
  body .dropdown-trigger:hover {
    color: #f58216;
  }

  body .garment-header:not(.is-scrolled) .garment-nav > a.current,
  body .garment-header:not(.is-scrolled) .dropdown-trigger.current {
    color: #fff;
  }

  body .garment-nav > a::after,
  body .dropdown-trigger::after {
    background: #f58216;
  }

  body .page-hero {
    background-image: var(--loong-pc-shared-banner) !important;
    background-position: right center !important;
  }

  body .dibu {
    background-image: linear-gradient(90deg, rgba(22, 29, 31, .94), rgba(22, 29, 31, .72)), url('../img/loong/footer-earthwork.webp');
    background-position: center 54%;
  }

  body .dibu .footer-l .logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  body .dibu .bls .waves {
    opacity: .7;
  }
}