/* The gallery uses generated concept imagery on desktop and mobile. */
body:has(.az-about-page) .az-profile-carousel-stage {
  position: relative;
}

body:has(.az-about-page) .az-profile-carousel-stage::after {
  content: 'AI concept visualization';
  position: absolute;
  z-index: 5;
  right: 12px;
  bottom: 12px;
  padding: 6px 9px;
  color: #fff;
  background: rgba(10, 21, 35, .78);
  font: 600 11px/1.2 system-ui, sans-serif;
  pointer-events: none;
}

body .contact-panel::before {
  background-image: url('../img/loong-brand-mark.png');
}

@media (min-width: 701px) {
  html:root {
    --c1: #1264df;
    --c2: #084697;
    --c3: #edf2f7;
    --c4: #455260;
    --ink: #17232d;
    --ink-2: #24323d;
    --ink-3: #344653;
    --sand: #f3f6f9;
    --sand-2: #e8eef4;
    --muted: #64717d;
    --muted-2: #82909b;
    --az-about-dark: #17232d;
    --az-about-navy: #24323d;
    --az-about-text: #344653;
    --az-about-muted: #64717d;
    --az-about-line-strong: rgba(18, 100, 223, .16);
  }

  .garment-header .garment-header-inner {
    max-width: 1540px;
  }

  .garment-header.is-scrolled {
    box-shadow: 0 8px 28px rgba(13, 34, 60, .08);
  }

  .garment-header .garment-nav > a.current,
  .garment-header .garment-nav > a:hover,
  .garment-header .dropdown-trigger:hover {
    color: #1264df;
  }

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

  body:has(.az-about-page) .az-profile-carousel-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dibu.dibu {
    background-image: linear-gradient(90deg, rgba(7, 15, 24, .97) 0%, rgba(7, 15, 24, .9) 57%, rgba(7, 15, 24, .45) 100%), url('../img/loong-footer.webp');
    background-position: center, center;
    background-size: cover;
  }

  .dibu .footer-l .logo img {
    width: min(100%, 290px);
    height: auto;
    object-fit: contain;
  }

  .dibu .footer-r ul li a:hover,
  .dibu .footer-website a:hover {
    color: #87b8ff;
  }

  body:has(.loong-home) .zw,
  body:has(.loong-home) .bls {
    display: none;
  }

  body:has(.loong-home) .cs-section {
    margin: 0;
    padding-top: 64px;
    padding-bottom: 72px;
  }

  body:has(.loong-home) .cs-title {
    color: #17232d;
  }

  body:has(.loong-home) .cs-eyebrow {
    color: #1264df;
  }
}