/* ATLAS WORLDS — CONTACT */
/* ===================== CONTACT ===================== */

#contact {
  border-top: 1px solid var(--rule);
  margin-top: 60px;
}
#contact .contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
#contact .pitch-call {
  font-family: var(--display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: var(--ink);
  margin-bottom: 30px;
}
#contact .pitch-call em {
  color: var(--brass);
  font-style: italic;
  font-family: var(--serif);
  font-weight: 300;
}
#contact .subtext {
  font-family: var(--serif);
  font-size: 19px;
  font-style: italic;
  color: var(--ink-dim);
  line-height: 1.55;
  margin-bottom: 36px;
  max-width: 48ch;
}

#contact .channels {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--rule);
}
#contact .channel {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 22px;
  align-items: center;
  padding: 26px 0;
  border-bottom: 1px solid var(--rule);
  transition: padding .3s;
}
#contact .channel:hover { padding-left: 12px; }
#contact .channel .rn {
  font-family: var(--display);
  font-style: italic;
  font-size: 20px;
  color: var(--brass);
}
#contact .channel .info .k {
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.3em;
  color: var(--ink-mute);
  text-transform: uppercase;
  margin-bottom: 3px;
}
#contact .channel .info .v {
  font-family: var(--serif);
  font-size: 19px;
  font-style: italic;
  color: var(--ink);
}
#contact .channel a.info .v { transition: color .2s; }
#contact .channel a.info:hover .v { color: var(--brass); }
#contact .channel .arr {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--brass);
  opacity: 0.5;
  transition: opacity .3s, transform .3s;
}
#contact .channel:hover .arr { opacity: 1; transform: translateX(6px); }