.hero .hero_logo {
  background-color: transparent;
}

.hero a[href="#concept"] {
  z-index: 3;
  background: transparent;
  width: 40px;
  height: 40px;
}

.hero a[href="#concept"] img {
  display: none;
}

.hero a[href="#concept"]::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px auto 0;
  border-right: 2px solid #c9bba9;
  border-bottom: 2px solid #c9bba9;
  transform: rotate(45deg);
  animation: hero-arrow-bounce 1.4s ease-in-out infinite;
}

@keyframes hero-arrow-bounce {
  0%,
  100% {
    transform: translateY(0) rotate(45deg);
  }

  50% {
    transform: translateY(8px) rotate(45deg);
  }
}

@media print, screen and (min-width: 64em) {
  .RED ul::before {
    content: "";
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .RED ul li:nth-child(-n + 2) {
    order: 1;
  }

  .RED ul li:nth-child(n + 3) {
    order: 3;
  }
}

.jardins {
  background-color: #fff;
}

.jardins .brown-box {
  display: none;
}

.map {
  gap: 32px;
}

.map .left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.map .left > div {
  width: min(88vw, 676px);
  margin: 0 auto;
}

.map .left img {
  display: block;
  width: 100%;
  height: auto;
}

.map .right {
  padding-top: 0;
}

@media screen and (max-width: 63.99875em) {
  .map {
    flex-direction: column;
    gap: 40px;
    padding: 72px 0 52px;
  }

  .map .left,
  .map .right {
    flex: none;
    width: 100%;
  }

  .map .right {
    padding: 0 24px;
    text-align: center;
  }

  .map .right p {
    margin: 0 auto;
    width: min(88vw, 720px);
  }
}

@media print, screen and (min-width: 64em) {
  .map {
    align-items: center;
    gap: 56px;
  }

  .map .left {
    flex: 0 0 40%;
    padding-right: 0;
  }

  .map .left > div {
    width: min(82%, 560px);
  }

  .map .right {
    flex: 0 0 60%;
  }

  .map .cards {
    flex-wrap: wrap;
  }
}