.contact-page{}

.contact-hero-headline{display:flex;flex-direction:column;gap:16px;max-width:650px}
.contact-hero-intro{max-width:520px}

.contact-pathways .contact-card{display:flex;flex-direction:column;gap:16px}
.contact-card:hover{border:var(--border-strong-hover);transform:translate(-2px,-2px)}

.contact-form-wrapper{display:flex;flex-direction:column;gap:24px}
.contact-form{display:flex;flex-direction:column;gap:16px}
.form-group{display:flex;flex-direction:column;gap:8px}

.contact-direct-box{padding:24px;display:flex;flex-direction:column;gap:16px;max-width:520px}
.contact-editorial-box{padding:24px;max-width:640px}

.contact-faq .faq-item{border:var(--border-strong);box-shadow:var(--shadow-hard);padding:16px;background:#fff;display:flex;flex-direction:column}
.faq-question{font-family:var(--font-heading);text-transform:uppercase;text-align:left}
.faq-answer{display:none;margin-top:8px}
.faq-item.active .faq-answer{display:block}

.contact-cta-box{background:var(--color-surface-card);border:var(--border-strong);box-shadow:var(--shadow-hard);padding:32px;text-align:center;display:flex;flex-direction:column;gap:16px;max-width:520px;margin-inline:auto}

@media(max-width:768px){
.contact-hero-headline,.contact-hero-intro{grid-column:span 2}
.contact-form-wrapper{grid-column:span 2}
.contact-direct-box{grid-column:span 2}
.contact-editorial-box{grid-column:span 2}
.contact-cta-box{grid-column:span 2}
}