/* Path: assets/css/pages/contact.css */

.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(360px, 1fr);
  gap: clamp(2rem, 7vw, 6rem);
  align-items: start;
}
.contact-panel {
  display: grid;
  gap: 1.15rem;
  position: sticky;
  top: calc(var(--header-height) + 2rem);
}
.contact-panel h2 { font-size: clamp(1.8rem, 1.3rem + 1.3vw, 2.65rem); }
.contact-methods {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}
.contact-methods a {
  display: grid;
  gap: .2rem;
  background: var(--color-background);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  padding: 1rem;
}
.contact-methods span {
  color: var(--color-accent-strong);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.contact-methods strong { color: var(--color-ink); font-size: 1rem; }
.contact-form {
  background: var(--color-background);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  padding: clamp(1.25rem, 4vw, 2rem);
}
.form-note {
  color: var(--color-muted);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

@media (max-width: 960px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-panel { position: static; }
}