/* ============================================================
   CONTACT
   ============================================================ */

.contact{
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 3rem;
  align-items: center;
}
.contact__portrait img{
  border-radius: 6px;
  border: 1px solid var(--panel-line);
}
.contact__body h1{
  font-size: clamp(1.8rem, 3vw, 2.4rem);
}
.contact__row{
  margin-top: 1.5rem;
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  font-size: 1.02rem;
}
.contact__label{
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-2);
}
@media (max-width: 700px){
  .about, .contact{ grid-template-columns: 1fr; gap: 1.5rem; }
  .about__body p{ text-align: left; }
}