/* ============================================================
   LUMÉRA — Запись/контакты и подвал
   ============================================================ */

.contact {
  position: relative; overflow: hidden;
  background: radial-gradient(70% 60% at 85% 10%, rgba(180, 159, 108, .14), transparent 60%), linear-gradient(180deg, var(--noir), #100D09);
  border-top: 1px solid var(--line);
}
.contact__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 1rem + 4vw, 4.5rem); align-items: center; }
.contact__text { margin-top: 1.3rem; color: #D9CFBE; max-width: 44ch; }
.contact__actions { margin-top: 1.8rem; display: flex; flex-wrap: wrap; gap: 1rem; }

.contact__details { margin-top: 2.2rem; border-top: 1px solid var(--line-soft); }
.contact__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1.2rem; padding-block: .9rem; border-bottom: 1px solid var(--line-soft); }
.contact__label { font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); flex: none; }
.contact__value { color: var(--cream); text-align: right; }
a.contact__value:hover { color: var(--gold-bright); }
.contact__socials { display: flex; gap: 1.2rem; }
.contact__socials a { transition: color var(--dur-fast); }
.contact__socials a:hover { color: var(--gold-bright); }

.contact__media img { width: 100%; height: 100%; max-height: 560px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-card); }

@media (max-width: 820px) {
  .contact__inner { grid-template-columns: 1fr; }
  .contact__media { order: -1; max-width: 460px; }
}

/* ===== Подвал ===== */
.site-footer { border-top: 1px solid var(--line); padding-block: clamp(2.5rem, 1.5rem + 3vw, 4rem); }
.site-footer__inner { display: grid; grid-template-columns: 1.2fr 1fr 1.5fr; gap: 2rem; align-items: start; }
.site-footer__brand .logo__name { font-family: var(--font-display); font-size: 1.5rem; letter-spacing: .16em; }
.site-footer__tag { margin-top: .6rem; color: var(--muted); font-size: .88rem; }
.site-footer__nav { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; }
.site-footer__nav a { color: var(--cream); font-size: .92rem; transition: color var(--dur-fast); }
.site-footer__nav a:hover { color: var(--gold-bright); }
.site-footer__legal { color: var(--muted); font-size: .82rem; }
.site-footer__note { margin-top: .6rem; font-size: .72rem; opacity: .8; line-height: 1.5; }

@media (max-width: 820px) { .site-footer__inner { grid-template-columns: 1fr; gap: 1.6rem; } }