/* ─────────────────────────────────────────
   css/footer.css
───────────────────────────────────────── */

.footer {
  background: var(--charcoal);
  padding: 64px var(--section-px);
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 32px;
}

.footer__logo {
  font-family: var(--font-display);
  font-size: 34px; font-weight: 300; font-style: italic;
  color: var(--blush); opacity: 0.65;
  transition: opacity var(--transition-fast);
}
.footer__logo:hover { opacity: 1; }

.footer__links { display: flex; gap: 36px; flex-wrap: wrap; }
.footer__links a {
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(242,196,184,0.35);
  transition: color var(--transition-fast);
}
.footer__links a:hover { color: rgba(242,196,184,0.7); }

.footer__copy {
  font-size: 11px; color: rgba(242,196,184,0.18); letter-spacing: 0.06em;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .footer { flex-direction: column; align-items: flex-start; }
}