.about-contact {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 32px;
  margin-top: 68px;
  padding: 36px 40px;
  background: var(--ink);
  color: var(--paper);
  box-shadow: 5px 5px 0 #ccd8bf;
}
.contact-copy .eyebrow { margin: 0 0 12px; color: #b1cc98; font-size: 13px; }
.contact-copy h2 { margin: 0; font-family: var(--mono); font-size: 44px; line-height: 1.1; font-weight: 400; letter-spacing: -1px; }
.contact-copy > p:last-child { margin: 13px 0 0; color: #bdcdb7; font-size: 15px; line-height: 1.7; }
.contact-email { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid #67845b; color: #d8edb1; font-family: var(--mono); font-size: clamp(24px, 3vw, 36px); line-height: 1.25; letter-spacing: -.5px; }
.contact-arrow { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #78985e; font: 24px 'DM Sans', sans-serif; transition: background .2s, color .2s, transform .2s; }
.contact-email:hover { border-color: #d8edb1; }
.contact-email:hover .contact-arrow { background: #d8edb1; color: var(--ink); transform: translate(2px, -2px); }
.contact-email:focus-visible { outline-color: #d8edb1; outline-offset: 7px; }
@media (max-width: 900px) {
  .about-contact { grid-template-columns: 1fr; gap: 20px; padding: 30px; }
  .contact-email { width: fit-content; max-width: 100%; }
}
@media (max-width: 600px) {
  .about-contact { margin-top: 38px; padding: 26px 22px; gap: 20px; }
  .contact-copy h2 { font-size: 38px; }
  .contact-copy > p:last-child { font-size: 14px; }
  .contact-email { width: 100%; gap: 10px; font-size: clamp(20px, 5.5vw, 28px); letter-spacing: -.4px; }
  .contact-arrow { width: 30px; height: 30px; font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-arrow { transition: none; }
}