/* Contact desktop polish only; shared styles and locked pages unchanged. */
@media(min-width:1001px){
 .contact-page .page-head{padding:90px 0}
 .contact-page main>.section{padding:85px 0}
 .contact-page .contact-box{padding:32px 35px}
 .contact-page .section>.wrap>.lead{margin-bottom:28px}
 .contact-page .grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
 .contact-page .grid.three>.card{height:auto;min-height:210px;padding:30px;display:flex;flex-direction:column}
 .contact-page .grid.three>.card h3{margin-top:18px;margin-bottom:10px}
 .contact-page .grid.three>.card p{margin:0}
}

/* Single desktop transition correction: 32px panel inset + 58px section = 90px. */
@media(min-width:1001px){
 .contact-page main>.section:not(.dark){padding-bottom:58px}
}

/* Phone spacing only; desktop, tablet and footer remain unchanged. */
@media(max-width:640px){
 .contact-page .page-head{padding-top:64px;padding-bottom:64px}
 .contact-page main>.section{padding-top:56px;padding-bottom:56px}
 .contact-page .section:not(.dark) h2{margin-top:12px;margin-bottom:16px}
 .contact-page .section:not(.dark) .lead{margin-bottom:24px}
 .contact-page .contact-box{padding-top:28px;padding-bottom:28px}
 .contact-page .contact-box .email{margin-top:12px;margin-bottom:12px}
 .contact-page .contact-box .actions{margin-top:24px}
 .contact-page main>.section:not(.dark){padding-bottom:28px}
 .contact-page .section.dark .grid.three{margin-top:26px;row-gap:16px}
}