/**
 * Contact page — source: src/pages/Contact.jsx + src/components/contact/*.jsx
 */
.qff-contact-methods { padding-bottom: 3.5rem; }
@media (min-width: 640px) { .qff-contact-methods { padding-bottom: 5rem; } }
.qff-contact-methods__grid { display: grid; gap: 1.25rem; }
@media (min-width: 640px) { .qff-contact-methods__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.qff-contact-method { height: 100%; display: flex; flex-direction: column; border-radius: var(--qff-radius-sm); padding: 1.5rem; }
.qff-contact-method--primary { background: var(--qff-navy); }
.qff-contact-method--secondary { background: var(--qff-offwhite); }
.qff-contact-method svg { width: 1.25rem; height: 1.25rem; margin-bottom: 1rem; color: var(--qff-action); }
.qff-contact-method h2 { font-family: var(--qff-font-display); font-weight: 600; font-size: 17px; letter-spacing: -0.01em; }
.qff-contact-method--primary h2 { color: #fff; }
.qff-contact-method--secondary h2 { color: var(--qff-charcoal); }
.qff-contact-method p { margin-top: 0.5rem; font-size: 14.5px; line-height: 1.6; flex: 1; }
.qff-contact-method--primary p { color: var(--qff-white-65); }
.qff-contact-method--secondary p { color: var(--qff-charcoal-60); }
.qff-contact-method__action {
  margin-top: 1.25rem; display: inline-flex; align-items: center; justify-content: center;
  font-weight: 600; font-size: 14.5px; padding: 0.875rem 1.25rem; border-radius: var(--qff-radius-sm); min-height: 48px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.qff-contact-method--primary .qff-contact-method__action { background: var(--qff-action); color: #fff; }
.qff-contact-method--primary .qff-contact-method__action:hover { background: var(--qff-action-hover); }
.qff-contact-method--secondary .qff-contact-method__action { border: 1px solid var(--qff-navy-25); color: var(--qff-navy); }
.qff-contact-method--secondary .qff-contact-method__action:hover { border-color: var(--qff-navy); background: #fff; }
.qff-contact-methods__note { margin-top: 1.5rem; display: flex; align-items: flex-start; gap: 0.5rem; font-size: 14px; color: var(--qff-charcoal-55); line-height: 1.6; }
.qff-contact-methods__note svg { width: 1rem; height: 1rem; color: var(--qff-action); flex-shrink: 0; margin-top: 2px; }