/* Contact page (contact.php): a compact header band, at most 150px tall on every screen size.
   Overrides the taller .page-banner in deploymmsda/styles.css and assets/site-ux.css for this page only;
   the photo, gradients, gold eyebrow rule and type styles are unchanged, just scaled to fit. */
.contact-page-banner.page-banner{box-sizing:border-box;min-height:0;height:150px;max-height:150px;padding:0;align-items:center}
.contact-page-banner .page-banner-inner{display:grid;gap:6px}
.contact-page-banner .page-banner-eyebrow{margin:0;font-size:11px}
.contact-page-banner .page-banner-eyebrow::before{width:34px}
.contact-page-banner h1{font-size:clamp(30px,3.6vw,46px);line-height:1;letter-spacing:-1px}
.contact-page-banner .page-banner-copy{max-width:640px;margin:0;font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:620px){.contact-page-banner .page-banner-inner{gap:4px}.contact-page-banner h1{font-size:28px}.contact-page-banner .page-banner-copy{font-size:13px;line-height:1.4}}