/* ═══ CONTACT ═══ */
.contact-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.c-method {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  text-decoration: none;
  color: var(--ink);
  transition: var(--t);
  margin-bottom: 12px;
}
.c-method:hover { border-color: var(--teal); background: var(--teal-lt); transform: translateX(4px); }
.c-ico-box {
  width: 44px; height: 44px;
  border-radius: var(--r-md);
  background: var(--teal-lt);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  transition: var(--t);
}
.c-method:hover .c-ico-box { background: var(--teal); color: #fff; }
.c-ico-li { background: #E8F0FB; color: #0A66C2; }
.c-ico-wa { background: #E6F9F0; color: #25D366; }
.c-ico-ig { background: #FEF0F5; color: #E1306C; }
.c-ico-x  { background: #F0F0F0; color: #000; }
.c-method:hover .c-ico-li,
.c-method:hover .c-ico-wa,
.c-method:hover .c-ico-ig,
.c-method:hover .c-ico-x  { background: var(--teal); color: #fff; }
.c-info h4   { font-size: 14.5px; font-weight: 700; margin-bottom: 3px; }
.c-info span { font-size: 13px; color: var(--muted); }

/* ─── FOOTER ─── */
footer { background: var(--ink); color: rgba(255,255,255,.85); padding: 36px 0; }
.foot-inner  { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.foot-logo   { font-family: 'Playfair Display', sans-serif; font-size: 22px; font-weight: 900; color: #fff; letter-spacing: -.04em; }
.foot-logo .dot { color: var(--teal); }
.foot-copy   { font-size: 13px; color: rgba(255,255,255,.5); }
.foot-links  { display: flex; gap: 22px; }
.foot-links a { font-size: 13.5px; color: rgba(255,255,255,.55); transition: color .18s; display: inline-flex; align-items: center; gap: 6px; }
.foot-links a:hover { color: var(--teal); }

/* ─── RESPONSIVE ─── */
@media (max-width: 960px) {
  .contact-2col { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 640px) {
  .foot-inner { flex-direction: column; text-align: center; }
  .foot-links { justify-content: center; }
}