:root {
  --bf-ivory: #f7f3ed;
  --bf-paper: #fffdf9;
  --bf-ink: #211f1d;
  --bf-muted: #756e67;
  --bf-line: rgba(76, 61, 48, 0.16);
  --c1: #c5b19a;
  --c2: #a58c72;
}

body {
  color: var(--bf-ink);
  background: var(--bf-paper);
}

.garment-header {
  --header-accent: var(--c2);
}

.garment-logo img,
.footer .logo img {
  object-fit: contain !important;
}

.footer .logo {
  max-width: 245px;
}

.dibu {
  background-image: linear-gradient(180deg, rgba(20, 17, 15, .82), rgba(20, 17, 15, .93)), url('../img/babyfurniture/factory-campus.png') !important;
  background-position: center 58% !important;
}

.dibu::after {
  background: linear-gradient(90deg, rgba(197, 177, 154, .2), transparent) !important;
}

.dibu a:hover,
.dibu li a:hover {
  color: var(--c1) !important;
}

@media screen and (min-width: 701px) {
  .dibu {
    background-image: linear-gradient(180deg, rgba(20, 17, 15, .82), rgba(20, 17, 15, .93)), url('../img/babyfurniture/factory-campus-v2.png') !important;
  }

  .page-hero[style*="/static/img/t"] {
    background-image: url('../img/babyfurniture/hero-02.png') !important;
  }

  .az-about-intro.az-profile::before {
    background-image: url('../img/babyfurniture/hero-02.png') !important;
  }
}

@media screen and (max-width: 700px) {
  .garment-logo {
    width: 146px;
  }

  .footer .logo {
    max-width: 190px;
  }
}