.contact-page .contact-hero{
text-align:center;
}

.contact-hero__inner{
max-width:800px;
margin-inline:auto;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.contact-form__grid{
display:grid;
grid-template-columns:0.4fr 0.6fr;
gap:var(--space-4);
align-items:start;
}

.contact-form__text{
max-width:420px;
}

.contact-form__card{
width:100%;
}

.contact-about__inner{
max-width:700px;
margin-inline:auto;
text-align:center;
}

.contact-featured{
background:var(--gradient-brand-cyan);
color:#fff;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.contact-tags{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
}

.contact-timeline{
display:flex;
gap:var(--space-3);
overflow-x:auto;
}

.contact-timeline .card{
min-width:220px;
}

.contact-newsletter__inner{
max-width:600px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.contact-newsletter__form{
display:flex;
gap:var(--space-2);
justify-content:center;
}

.contact-newsletter__form input{
min-width:0;
flex:1;
}

@media (max-width:768px){
.contact-form__grid{
grid-template-columns:1fr;
}
.contact-newsletter__form{
flex-direction:column;
}
}