.contact-page section{position:relative}

.contact-hero .hero-grid{display:grid;grid-template-columns:1fr 2fr 1fr}
.hero-center{grid-column:2;max-width:620px}

.contact-options .options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.option-card{transition:border var(--transition-fast)}
.option-card:hover{border-color:rgba(17,24,39,0.2)}

.contact-community .community-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);align-items:start}
.community-text{max-width:640px}
.community-image img{border-radius:var(--radius-sm)}

.contact-form-section .form-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.contact-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--space-2)}
.form-field{display:flex;flex-direction:column;gap:0.25rem}
.form-success{color:var(--color-accent-secondary)}

.contact-response .response-narrow{max-width:620px}

.contact-cta .cta-box{display:flex;justify-content:center}
.cta-text{max-width:640px;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.contact-topics .topics-narrow{max-width:720px}

.contact-closing .closing-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);align-items:center}
.closing-text{max-width:600px}
.closing-image img{border-radius:var(--radius-sm)}

@media (max-width:1000px){
.contact-hero .hero-grid{grid-template-columns:1fr}
.hero-center{grid-column:auto}
.contact-community .community-grid{grid-template-columns:1fr}
.contact-closing .closing-grid{grid-template-columns:1fr}
}

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

@media (max-width:600px){
.cta-text{text-align:left}
}