@media screen and (min-width: 769px) {
  html:root {
    --c1: #17191c;
    --c2: #c5242d;
    --c3: #f3f4f5;
    --c4: #555b62;
    --loong-ink: #15171a;
    --loong-red: #c5242d;
    --loong-silver: #c7cbd0;
    --loong-paper: #f5f6f7;
  }

  body .garment-header {
    border-bottom-color: rgba(255, 255, 255, 0.22);
    background: linear-gradient(180deg, rgba(7, 8, 10, 0.72), rgba(7, 8, 10, 0));
  }

  body .garment-header.is-scrolled {
    border-bottom-color: rgba(21, 23, 26, 0.1);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 32px rgba(10, 12, 14, 0.1);
  }

  body .garment-logo {
    width: 232px;
    height: 72px;
  }

  body .garment-logo img {
    object-fit: contain;
    object-position: left center;
  }

  body .garment-nav > a,
  body .garment-nav .dropdown-trigger {
    letter-spacing: 0;
  }

  body .garment-nav > a.current,
  body .garment-nav .dropdown-trigger.current,
  body .garment-nav > a:hover,
  body .garment-nav .dropdown-trigger:hover {
    color: var(--loong-red);
  }

  body .dibu {
    min-height: 420px;
    padding-top: 72px;
    background-image:
      linear-gradient(90deg, rgba(7, 8, 10, 0.98) 0%, rgba(7, 8, 10, 0.88) 50%, rgba(7, 8, 10, 0.72) 100%),
      url('../../img/loong/hero-finished-yard.webp');
    background-position: center 52%;
    background-size: cover;
  }

  body .dibu .bls {
    opacity: 0.28;
  }

  body .dibu .footer-l .logo {
    width: 250px;
    height: 84px;
  }

  body .dibu .footer-l .logo img {
    object-fit: contain !important;
    object-position: left center;
  }

  body .dibu .footer-r h3 {
    color: #ffffff;
    letter-spacing: 0;
  }

  body .dibu .footer-r a:hover,
  body .dibu .footer-website a:hover,
  body .dibu .share2 a:hover {
    color: #ef3c45;
  }

  body .dibu .footer2 {
    border-top-color: rgba(255, 255, 255, 0.16);
  }

  body .swiper-pagination-bullet-active {
    background-color: var(--loong-red) !important;
  }

  body ::-webkit-scrollbar-thumb {
    background: #444a50;
  }

  body ::-webkit-scrollbar-thumb:hover {
    background: var(--loong-red);
  }
}
