.contact-page{overflow-x:hidden}

.contact-hero-inner{display:flex;justify-content:center}
.contact-hero-text{max-width:56ch}

.contact-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.contact-scope-card{transition:background var(--transition-base)}
.contact-scope-card:hover{background:var(--color-surface-elevated)}

.contact-form-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.contact-form-container h2,.contact-form-container p{max-width:65ch;text-align:center}
.contact-form{max-width:700px;width:100%;padding:var(--space-4);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.contact-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.contact-field-full{grid-column:1 / -1}
.contact-form-feedback{font-size:var(--fs-6)}

.contact-narrow{max-width:60ch}

.contact-alt-inner{max-width:65ch;display:flex;flex-direction:column;gap:var(--space-3)}
.contact-links{display:flex;gap:var(--space-3);flex-wrap:wrap}
.contact-links a{color:var(--color-accent-primary);text-decoration:underline}

.contact-cta-inner{display:flex;justify-content:center}
.contact-cta-inner p{max-width:50ch;text-align:center;font-size:var(--fs-4);color:var(--color-text-primary)}

@media (max-width:900px){
.contact-scope-grid{grid-template-columns:1fr}
.contact-form-grid{grid-template-columns:1fr}
}