:root {
  --c1: #0b4aa2;
  --c2: #78c91f;
}

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

.dibu .logo .imgcover {
  object-fit: contain !important;
  object-position: left center;
}

@media (min-width: 701px) {
  .garment-logo img {
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .garment-header-inner {
    grid-template-columns: 286px minmax(0, 1fr) auto;
  }

  .garment-logo {
    width: 258px;
    height: 82px;
  }

  .dibu {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("factory-campus.webp") !important;
    background-position: center 58% !important;
  }

  .dibu .parallax use:nth-child(4) {
    fill: rgba(11, 74, 162, 0.18) !important;
  }

  .dibu .footer,
  .dibu .footer2 {
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.92), 0 1px 2px rgba(0, 0, 0, 0.86);
  }
}