.brand-gallery {
  display: grid;
}

.brand-gallery.brand-gallery--canvas {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;

  @media screen and (max-width: 1080px) {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  @media screen and (max-width: 719px) {
    display: none;
  }
}

.brand-gallery .brand-gallery__socials-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand-gallery .brand-gallery__socials-wrapper .socials {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.brand-gallery .brand-gallery__socials-wrapper .socials span {
  font-size: 18px;
  font-family: 'TildaSans Normal';
}

.brand-gallery .brand-gallery__socials-wrapper .socials span:first-child {
  font-family: 'Anticva Regular';
  text-transform: uppercase;
  margin-bottom: 16px;
}

.brand-gallery .brand-gallery__socials-wrapper .socials span:not(:first-child):not(:last-child) {
  margin-bottom: 4px;
}

.brand-gallery .brand-gallery__socials-wrapper .socials span a {
  color: #000000;
  text-decoration: underline;
}

.brand-gallery .brand-gallery__socials-wrapper .socials span a:hover {
  color: #ff8787;
}

.brand-gallery .brand-gallery__socials-wrapper .instagram-warning {
  margin-top: auto;
  line-height: normal;
}

.brand-gallery .brand-gallery__socials-wrapper .instagram-warning span {
  font-size: 12px;
  font-family: 'TildaSans';
}

.brand-gallery .brand-gallery__content-wrapper {
  height: 450px;
}

.brand-gallery .brand-gallery__content-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.brand-gallery .brand-gallery__text-container {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
}

.brand-gallery .brand-gallery__text-container span {
  font-size: 16px;
  line-height: 20px;
  font-family: 'Inter Regular';
}

.brand-gallery.brand-gallery--carousel {
  grid-template-columns: 1fr;
  gap: 20px;

  @media screen and (min-width: 720px) {
    display: none;
  }
}

.brand-gallery .brand-gallery__carousel-wrapper {
  height: 100vw;

  * {
    height: 100%;
  }
  
  img {
    object-fit: cover;
  }
}

.brand-gallery .brand-gallery__description-wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
}

.brand-gallery .brand-gallery__description-wrapper span {
  font-size: 20px;
  font-family: 'Inter Regular';
}