.map-home-hero-copy {
  pointer-events: none;
  z-index: 1000;
}

.map-home-taglines {
  font-size: 26px;
  line-height: 1.12;
  margin: 0 0 8px;
  max-width: 760px;
}

.map-home-taglines span {
  display: block;
}

.home .cover-row:not(.invert) .map-home-hero-copy,
.home .cover-row:not(.invert) .map-home-hero-copy h1 {
  color: #000;
}

.home .cover-row.invert .map-home-hero-copy,
.home .cover-row.invert .map-home-hero-copy h1 {
  color: #fff;
}

.map-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 24px;
  padding: 0;
}

.map-social-links li {
  display: block;
  margin: 0;
}

.map-social-links a {
  border-bottom: 1px solid currentColor;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
}

.projects-controls-row {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 30;
}

@media (min-width: 700px) {
  body:not([class*="color-"]) .projects-controls-row {
    background-color: #ececec;
  }
}

body.color-urban-planning .projects-controls-row { background-color: #00b4df; }
body.color-urban-housing .projects-controls-row { background-color: #f10170; }
body.color-country-housing .projects-controls-row { background-color: #01c000; }
body.color-public-building .projects-controls-row { background-color: #e125e1; }
body.color-interior .projects-controls-row { background-color: #f6c300; }
body.color-landscaping .projects-controls-row { background-color: #ff6400; }
body.color-industrial-design .projects-controls-row { background-color: #000; }
body.color-competitions .projects-controls-row { background-color: #8a43ff; }
body.color-builded .projects-controls-row { background-color: #919191; }

.contacts-map-column .col-fill {
  float: none;
  width: 100%;
}

.map-project-image {
  margin: 0;
  min-width: 0;
}

.map-project-image a,
.map-project-image__media {
  display: block;
  width: 100%;
}

.map-project-image__media {
  height: auto;
}

.map-project-image figcaption {
  margin-top: 8px;
}

.map-project-image-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.map-project-image-grid--gallery {
  row-gap: 36px;
}

@media (prefers-reduced-motion: reduce) {
  .promo-slider .slick-track,
  .promo-slider .crop-to-fit {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 699px) {
  .home .mobile-nav-bar .title {
    display: none !important;
  }

  .home .mobile-nav-bar .icon {
    display: block !important;
    text-align: right;
  }

  .home-nav {
    display: none !important;
  }

  .mobile-nav-overlay {
    display: none !important;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  body.mobile-menu-open .mobile-nav-overlay {
    display: block !important;
  }

  body.mobile-menu-open .mobile-nav-bar {
    z-index: 100;
  }

  .home .map-home-hero-copy {
    align-items: center;
    bottom: auto;
    display: flex;
    height: calc(100% - 50px);
    justify-content: center;
    left: 0;
    padding: 50px 24px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
  }

  .home .map-home-hero-copy .row-box,
  .home .map-home-hero-copy .col,
  .home .map-home-hero-copy .col-box {
    padding: 0;
    width: 100%;
  }

  .home .about .side.contacts {
    display: block;
    margin-top: 32px;
  }

  .home .map-home-taglines {
    font-size: 20px;
    margin: 0 auto 8px;
    max-width: 330px;
  }

  .home .map-home-tagline-secondary {
    display: none;
  }

  .home .map-home-hero-copy h1 {
    font-size: 28px;
    margin: 0;
  }

  .projects-controls-row {
    top: 50px;
  }

  .projects-controls-row .controls {
    display: flex;
    gap: 12px;
    justify-content: space-between;
  }

  .map-project-image-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .map-project-section--text .col-66 {
    width: 100%;
  }
}