/* ─── CONTACT OVERLAY ────────────────────────────── */
.contact-page {
  background: var(--dark); min-height: calc(100vh - 70px);
  padding: 80px 56px; display: flex; align-items: flex-start;
}
.contact-wrap { max-width: 880px; margin: 0 auto; width: 100%; }

.contact-info { display: flex; gap: 36px; margin-bottom: 52px; flex-wrap: wrap; }
.cdet { display: flex; align-items: flex-start; gap: 10px; }
.cdet-ico { font-size: 14px; color: var(--beige); margin-top: 1px; }
.cdet-inner { display: flex; flex-direction: column; gap: 2px; }
.cdet strong {
  font-size: 8.5px; font-weight: 800; color: var(--beige);
  letter-spacing: 2px; text-transform: uppercase;
}
.cdet span { font-size: 12px; color: var(--muted); font-weight: 400; }

@media (max-width: 768px) {
  .contact-page { padding: 48px 24px; }
  .contact-info { flex-direction: column; gap: 20px; }
}
@media (max-width: 480px) {
  .contact-page { padding: 32px 16px; }
}