/* ===== Footer base ===== */
.footer{
  position: relative;
  background: #000;
  padding: 28px 0;
}

/* тонкая линия сверху, едва заметная */
.footer::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  opacity:.65;
}

.footer-container{
  width: min(1120px, 92%);
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
}

/* ——— left: ©2025 ——— */
.footer-left{
  color: rgba(255,255,255,.70);
  font-family: 'Lora', serif;
  font-style: italic;
  font-size: 0.95rem;
  letter-spacing: .2px;
}

/* ——— right: signature + photo ——— */
.footer-right{
  display:flex;
  align-items:center;
  gap:14px;
}

.footer-signature{
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 500;
  color:#fff;
  letter-spacing: .2px;
  font-size: 1.05rem;
  white-space: nowrap;
}

/* аватар */
.footer-photo-wrapper{
  width: 48px; height: 48px;
  border-radius: 9999px;
  overflow:hidden;
  background:#111;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
}

.footer-photo{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transform: scale(1);
  filter: saturate(1) contrast(1.02);
  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
}

@media (hover:hover){
  .footer-photo-wrapper:hover .footer-photo{
    transform: scale(1.03);
    filter: saturate(1.08) contrast(1.06);
  }
}

/* ====== breakpoints (max-width) ====== */
@media (max-width: 991px){
  .footer{ padding: 24px 0; }
  .footer-signature{ font-size: 1rem; }
  .footer-photo-wrapper{ width: 44px; height: 44px; }
}

@media (max-width: 767px){
  .footer-container{
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    text-align:center;
  }
  .footer-right{ order:1; }
  .footer-left{ order:2; opacity:.85; }
}

@media (max-width: 479px){
  .footer{ padding: 22px 0; }
  .footer-signature{ font-size: .98rem; }
  .footer-photo-wrapper{ width: 40px; height: 40px; }
  .footer-left{ font-size: .9rem; }
}