.contact-page section{position:relative}
.contact-page section::after{content:"";position:absolute;inset:0;background:var(--color-overlay-grain);pointer-events:none}

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

.contact-card-grid > *{min-width:0}
.contact-card{transition:border 0.2s ease}
.contact-card:hover{border-color:var(--color-accent-flame)}

.contact-form-wrapper{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}
.contact-form label{font-size:var(--fs-sm);margin-bottom:4px;display:block}

.process-grid > *{min-width:0}
.process-col{max-width:520px}

.response-text{max-width:600px;margin-inline:auto;text-align:center}

.info-grid > *{min-width:0}

.notice-box{max-width:700px;margin-inline:auto;text-align:center;padding:var(--space-md);border:var(--border-rough);background:var(--color-surface-block)}

.faq-section h2{margin-bottom:var(--space-md)}
.faq-item{border-bottom:var(--border-rough)}
.faq-question{width:100%;text-align:left;padding:var(--space-sm) 0;font-weight:700}
.faq-answer{display:none;padding-bottom:var(--space-sm)}

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

@media (max-width:900px){
.process-col{max-width:100%}
}