/* DUROV MUSIC LAB — подвал (dml-footer) */

.dml-footer {
  background:  #080808;
  border-top:  1px solid rgba(255, 255, 255, 0.06);
  font-family: 'Helvetica Neue', 'Arial', sans-serif;
}

.dml-footer__top {
  display:               grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap:                   clamp(24px, 3vw, 40px);
  max-width:             1440px;
  margin:                0 auto;
  padding:               48px 40px 40px;
}

.dml-footer__logo {
  display:         flex;
  align-items:     baseline;
  gap:             6px;
  font-size:       clamp(16px, 1.2vw, 18px);
  font-weight:     700;
  letter-spacing:  0.13em;
  text-decoration: none;
  color:           #fff;
  margin-bottom:   14px;
}
.dml-footer__logo-accent {
  color:      #c9a84c;
  font-style: italic;
}

.dml-footer__desc {
  font-size:   clamp(12px, 0.95vw, 13px);
  color:       rgba(255, 255, 255, 0.40);
  line-height: 1.6;
  margin:      0 0 10px;
  max-width:   280px;
}

.dml-footer__city {
  font-size:      clamp(10px, 0.8vw, 11px);
  letter-spacing: 0.2em;
  color:          rgba(255, 255, 255, 0.28);
  margin-bottom:  20px;
}

.dml-footer__socials {
  display: flex;
  gap:     10px;
}

.dml-footer__soc {
  width:           36px;
  height:          36px;
  border-radius:   8px;
  background:      rgba(255, 255, 255, 0.05);
  border:          1px solid rgba(255, 255, 255, 0.1);
  display:         flex;
  align-items:     center;
  justify-content: center;
  color:           rgba(255, 255, 255, 0.5);
  transition:      background 0.2s, border-color 0.2s, color 0.2s;
  text-decoration: none;
}
.dml-footer__soc:hover {
  background:   rgba(201, 168, 76, 0.12);
  border-color: rgba(201, 168, 76, 0.4);
  color:        #c9a84c;
}
.dml-footer__soc svg {
  width:  17px;
  height: 17px;
}
.dml-footer__soc-max {
  font-size:      10px;
  font-weight:    800;
  letter-spacing: 0.02em;
}

.dml-footer__col-title {
  font-size:      clamp(9px, 0.75vw, 10px);
  letter-spacing: 0.22em;
  color:          #c9a84c;
  margin-bottom:  16px;
  font-weight:    600;
}

.dml-footer__links {
  display:        flex;
  flex-direction: column;
  gap:            11px;
}

.dml-footer__link {
  font-size:       clamp(12px, 0.95vw, 13px);
  color:           rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition:      color 0.2s;
}
.dml-footer__link:hover {
  color: #fff;
}

.dml-footer__bottom {
  border-top:      1px solid rgba(255, 255, 255, 0.06);
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         20px 40px;
  max-width:       1440px;
  margin:          0 auto;
  flex-wrap:       wrap;
  gap:             8px;
}

.dml-footer__copy {
  font-size:      clamp(11px, 0.85vw, 12px);
  color:          rgba(255, 255, 255, 0.30);
  letter-spacing: 0.04em;
}

.dml-footer__author {
  font-size:   clamp(11px, 0.85vw, 12px);
  color:       rgba(255, 255, 255, 0.28);
  font-style:  italic;
  font-family: Georgia, 'Times New Roman', serif;
}

@media (max-width: 1024px) {
  .dml-footer__top,
  .dml-footer__bottom {
    padding-left:  24px;
    padding-right: 24px;
  }
}

@media (max-width: 900px) {
  .dml-footer__top {
    grid-template-columns: 1fr 1fr;
    gap:                   32px;
    padding-top:           40px;
    padding-bottom:        32px;
  }

  .dml-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .dml-footer__top {
    grid-template-columns: 1fr;
  }

  .dml-footer__bottom {
    flex-direction: column;
    align-items:    flex-start;
    padding:        18px 24px;
  }
}