/* A quiet invitation and a practical way to reach the team. */
.contact-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);align-items:start;padding-block:72px 84px}
.contact-intro{padding-top:20px}
.contact-intro h1{font-size:clamp(3.5rem,6.8vw,5.75rem);line-height:1.04;letter-spacing:-.055em;color:var(--brand-800);margin-top:25px}
.contact-lead{max-width:39ch;margin-top:28px;font-size:1.125rem;line-height:1.8;color:var(--gray-700)}
.contact-note{position:relative;padding:36px 36px 30px;background:var(--brand-10) url('/assets/paper-grain.svg') repeat;background-size:192px;border:1px solid var(--brand-50);border-radius:20px}
.contact-note-heading{display:flex;gap:16px;align-items:center;margin-bottom:25px}
.contact-envelope{width:36px;height:30px;color:var(--teal);flex:none}
.contact-note-heading .public-eyebrow{font-size:.6875rem}
.contact-note h2{font-size:2.25rem;line-height:1.2;color:var(--brand-800)}
.contact-note-copy{margin-top:16px;line-height:1.75;color:var(--text-brand-support);max-width:34ch}
.contact-address{display:inline-block;max-width:100%;margin-top:30px;color:var(--teal);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.65;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--brand-100)}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:20px}
.contact-actions .public-button{min-height:48px;padding-inline:22px}
.contact-copy{cursor:pointer}
.contact-copy[hidden]{display:none}
.contact-copy:disabled{cursor:wait}
.contact-copy-status{min-height:1.65em;margin-top:10px;font-size:.75rem;line-height:1.65;color:var(--teal)}
.contact-guidance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);padding-block:50px 86px;border-top:1px solid var(--line)}
.contact-guidance h2{font-size:2.25rem;line-height:1.2;color:var(--brand-800)}
.contact-guidance .faq-list{margin-top:0;border-top:0}
.contact-guidance .faq-item:first-child>summary,.contact-guidance .faq-item:first-child .faq-question{padding-top:0;min-height:52px}
.contact-page .public-footer [aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){
 .contact-hero{gap:40px;padding-block:48px 64px}
 .contact-note{padding:28px 25px 24px}
 .contact-note h2{font-size:2rem}
 .contact-guidance{gap:40px}
}
@media(max-width:767px){
 .contact-hero{grid-template-columns:1fr;gap:28px;padding-block:30px 48px}
 .contact-intro{padding:0}
 .contact-intro h1{font-size:clamp(3.25rem,12vw,4.5rem);margin-top:19px}
 .contact-intro h1 br{display:none}
 .contact-lead{font-size:1rem;margin-top:20px;max-width:44ch}
 .contact-note{padding:28px 24px 24px}
 .contact-note-heading{margin-bottom:20px}
 .contact-address{font-size:1rem;margin-top:24px}
 .contact-guidance{grid-template-columns:1fr;gap:30px;padding-block:34px 56px}
 .contact-guidance h2{font-size:2rem}
}
@media(max-width:359px){
 .contact-note{padding-inline:20px}
 .contact-actions{align-items:flex-start;flex-direction:column;gap:4px}
}
@media print{
 .public-header,.public-footer,.public-skip,.contact-copy,.contact-copy-status{display:none}
 .page-width{width:100%}
 .contact-hero{padding-block:0 30px}
 .contact-note{break-inside:avoid}
 .contact-guidance{padding-block:30px}
}