.contact-page{display:block}

.contact-hero{background:var(--color-coal-black);position:relative}
.contact-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.contact-hero-inner{position:relative;z-index:1;min-height:420px;display:flex;align-items:flex-end}
.contact-hero-text{max-width:640px;margin-bottom:var(--space-6)}
.contact-hero h1{color:var(--color-warning-yellow)}

.contact-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.contact-form-col,.contact-info-col{min-width:0}
.contact-intro{max-width:520px}
.error{color:var(--color-warning-yellow);font-size:var(--text-xs);min-height:16px}
.form-status{margin-top:var(--space-3);font-size:var(--text-sm)}

.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.highlight{border-color:var(--color-warning-yellow)}

.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}

.contact-cta{background:var(--color-heavy-steel);border-top:var(--border-strong);border-bottom:var(--border-strong)}
.cta-box{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.legal-box{max-width:800px;background:var(--color-label-grey);padding:var(--space-4);border:var(--border-muted)}

@media (max-width:1024px){
.contact-grid{grid-template-columns:1fr}
.expect-grid{grid-template-columns:1fr}
.types-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.contact-hero-inner{min-height:300px}
.contact-hero-text{margin-bottom:var(--space-4)}
}