/* Shared desktop brand appearance. Public header and footer markup stay unchanged. */
@media screen and (min-width: 701px) {
  .garment-header-inner {
    width: min(calc(100% - 72px), 1460px);
    grid-template-columns: 270px minmax(0, 1fr) auto;
  }

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

  .garment-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }

  .dibu {
    background-image: linear-gradient(rgba(8, 23, 25, 0.92), rgba(8, 23, 25, 0.58)), url('../img/home-redesign/factory-campus.jpg') !important;
    background-position: center 44% !important;
    background-size: cover !important;
  }
}