.contact-page{display:block}

.contact-hero-inner{display:flex;justify-content:center}
.hero-text{max-width:640px}
.hero-text p{max-width:60ch}

.contact-options .options-grid > *{min-width:0}
.option-card{display:flex;flex-direction:column;gap:var(--space-3)}
.option-card:hover{border-color:var(--color-accent-action)}

.contact-form-section .form-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.contact-form{max-width:520px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}
.form-row{display:flex;flex-direction:column;gap:var(--space-1)}
.form-help{max-width:520px}
.form-feedback{font-size:var(--fs-sm)}

.contact-topics .topics-grid > *{min-width:0}
.contact-topics p{max-width:65ch}

.contact-response .response-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.response-block{display:flex;flex-direction:column;gap:var(--space-2)}

.contact-cta{background:var(--color-accent-action);color:#fff}
.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}
.cta-inner p{max-width:50ch}

.contact-nav .nav-links{flex-wrap:wrap}

@media (max-width:640px){
.contact-response .response-grid{grid-template-columns:1fr}
.hero-text{max-width:100%}
}