.paged-site .contact-methods { width: min(370px,100%); gap: 0; }
.contact-methods > .micro-label { margin-bottom: 16px; font-size: 8px; color: #c5cdba; }
.contact-method { display: flex; width: 100%; min-height: 86px; align-items: center; gap: 16px; padding: 17px 0; border: 0; border-bottom: 1px solid #59624f; background: none; color: var(--paper); text-align: left; }
.contact-method > svg:first-child { width: 22px; height: 22px; color: #c3cfb1; }
.contact-method > svg:last-child { width: 15px; height: 15px; margin-left: auto; color: #c3cfb1; }
.contact-method span { min-width: 0; }
.contact-method small { display: block; margin-bottom: 5px; color: #c3cfb1; font: 8px/1.5 var(--mono); letter-spacing: 1px; }
.contact-method strong { display: block; font-size: clamp(15px,1.7vw,21px); font-weight: 400; letter-spacing: -.3px; }
.contact-method:hover strong { color: #e4edda; }
.contact-method:hover > svg:last-child { color: #fff; }
.contact-inner .contact-copy-status { min-height: 33px; margin-top: 13px; font-size: 9px; color: #c5cdba; }
.contact-brief-link { margin-top: 14px; gap: 15px; color: #e7eadf; font-size: 10px; border-bottom: 1px solid #6a7460; }
.contact-brief-link:hover { color: white; }
.contact-brief-link svg { width: 14px; height: 14px; }
@media (max-width: 700px) {
  .paged-site .contact-inner { justify-content: flex-start; gap: 30px; }
  .paged-site .contact-inner h2 { font-size: 39px; }
  .paged-site .contact-inner > div:first-child > p:not(.eyebrow) { margin-top: 18px; font-size: 12px; }
  .paged-site .contact-methods { width: 100%; }
  .contact-methods > .micro-label { margin-bottom: 4px; }
  .contact-method { min-height: 72px; padding-block: 13px; }
  .contact-method strong { font-size: 17px; }
  .contact-brief-link { margin-top: 3px; }
}