/* ========================
   FOOTER
   ======================== */
.section-footer {
  position: relative;
  height: 939px;
  background-color: var(--color-dark-maroon);
  overflow: hidden;
}

/* --- Gallery strip --- */
.section-footer__gallery-img {
  position: absolute;
  top: 87px;
  overflow: hidden;
}

.section-footer__gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-footer__gallery-img--1 { left: 2px; width: 318px; height: 317px; }
.section-footer__gallery-img--2 { left: 323px; width: 316px; height: 317px; }
.section-footer__gallery-img--3 { left: 642px; width: 317px; height: 318px; }
.section-footer__gallery-img--4 { left: 962px; width: 317px; height: 318px; }
.section-footer__gallery-img--5 { left: 1282px; width: 318px; height: 318px; }
.section-footer__gallery-img--6 { left: 1603px; width: 317px; height: 317px; top: 88px; }

/* --- Wordmark "APOLARIS.DESIGN" --- */
.section-footer__wordmark {
  position: absolute;
  left: 119px;
  top: 447.33px;
  width: 1164px;
  height: 137.345px;
}

/* --- Description --- */
.section-footer__desc {
  position: absolute;
  left: 119px;
  top: 607px;
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: 22px;
  color: var(--color-cream);
  text-transform: uppercase;
  white-space: nowrap;
}

/* --- Social icons --- */
.section-footer__social {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
}

.section-footer__social {
  left: 1123px;
  top: 617px;
}

.section-footer__social-icon {
  display: block;
}

.section-footer__social-icon--telegram { width: 26px; height: 26px; }
.section-footer__social-icon--phone { width: 26px; height: 26px; }
.section-footer__social-icon--instagram { width: 34px; height: 34px; }
.section-footer__social-icon--email { width: 32.5px; height: 26px; }

.section-footer__social-icon img {
  width: 100%;
  height: 100%;
}

.section-footer__social-icon {
  transition: opacity 0.2s ease;
}

.section-footer__social-icon:hover {
  opacity: 0.7;
}

/* --- Decorative monogram --- */
.section-footer__monogram {
  position: absolute;
  left: 1409.53px;
  top: 421px;
  width: 445.681px;
  height: 500px;
  opacity: 0.3;
  pointer-events: none;
}

/* --- Copyright --- */
.section-footer__copyright {
  position: absolute;
  left: 119px;
  top: 876px;
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 21px;
  color: var(--color-cream);
  white-space: nowrap;
}

.section-footer__copyright-symbol {
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 700;
  vertical-align: super;
  margin-left: 4px;
}