/* ============================================================
   contact.css — メール & SNSリンク
   ============================================================ */

.contact {
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 6vw, 52px);
  max-width: 620px;
}

.contact__label {
  display: block;
  font-family: var(--font-en);
  font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--fg-faint);
  margin-bottom: 14px;
}

.contact__email {
  font-size: clamp(18px, 3vw, 26px);
  color: var(--fg);
  border-bottom: 1px solid var(--fg-faint);
  word-break: break-all;
}
.contact__email:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* SNS links */
.about__links { display: flex; gap: 14px; }
.sns {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px;
  border: 1px solid var(--line); border-radius: 50%;
  color: var(--fg-dim);
  transition: color .2s, border-color .2s, transform .2s;
}
.sns:hover { color: var(--fg); border-color: var(--fg); transform: translateY(-2px); }
.sns svg { display: block; }