/* A shared column grid keeps the introduction and contact details aligned. */
.contact-intro .page-intro-row,.contact-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contact-intro .page-intro-row{align-items:center}
.contact-intro .page-intro-copy{padding:0 0 0 clamp(24px,3vw,40px)}
.contact-intro .page-intro-copy>p{max-width:42ch}
.contact-page{padding-block:64px;align-items:start}
.contact-context{padding-top:clamp(24px,3vw,40px)}
.contact-context h2{font-size:clamp(32px,3.2vw,42px);max-width:18ch;margin:18px 0 22px}
.contact-context>p:not(.eyebrow){max-width:42ch}
.contact-email-panel{min-width:0;background:var(--white);padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:var(--radius-card)}
.contact-email-panel h3{font-size:30px;margin:18px 0 22px}
.contact-email-panel>p:not(.eyebrow){max-width:42ch;color:var(--muted);font-size:15px;line-height:1.8}
.contact-email-address{display:inline-block;max-width:100%;margin:24px 0 20px;padding-block:4px 6px;border-bottom:2px solid var(--accent);color:var(--accent);font-size:clamp(20px,2.25vw,30px);font-weight:600;letter-spacing:-.035em;line-height:1.4;overflow-wrap:anywhere}
.contact-email-address:hover{color:var(--accent-hover);border-color:var(--accent-hover)}
.contact-email-panel .contact-email-note{font-size:13px}
.contact-company-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.contact-company-details>div{min-width:0}
.contact-company-details .eyebrow{min-height:17px;margin-bottom:14px;font-size:10px;letter-spacing:.04em}
.contact-company-details address{font-size:14px;font-style:normal;line-height:1.8}
.company-registration{display:grid;align-content:start;gap:10px;margin:0}
.company-registration>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:baseline;font-size:12px;line-height:1.8}
.company-registration dt{color:var(--muted)}
.company-registration dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.contact-prep{border-top:0;padding-top:0}
.contact-prep>.eyebrow{padding-top:36px;border-top:1px solid var(--line)}
.contact-prep .prep-grid{gap:var(--gap)}
.contact-prep .prep-grid>div{min-width:0}
.contact-prep .prep-grid h3{min-height:1.25em}
@media(max-width:1050px){.contact-company-details{grid-template-columns:1fr}.company-registration>div{grid-template-columns:64px minmax(0,1fr)}}
@media(max-width:800px){
 .contact-intro .page-intro-row,.contact-page{grid-template-columns:minmax(0,1fr)}
 .contact-intro .page-intro-copy{padding:0;max-width:560px}
 .contact-intro .page-intro-copy>p{max-width:none}
 .contact-page{padding-block:48px;gap:32px}
 .contact-context{padding-top:0}
 .contact-context>p:not(.eyebrow){max-width:54ch}
 .contact-company-details{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-email-address{font-size:clamp(20px,4vw,30px)}
}
@media(max-width:520px){
 .contact-page{padding-block:36px;gap:28px}
 .contact-context h2{font-size:32px}
 .contact-email-panel{padding:28px 24px}
 .contact-email-panel h3{font-size:28px}
 .contact-email-panel>p:not(.eyebrow){font-size:14px}
 .contact-email-panel .contact-email-note{font-size:12px}
 .contact-company-details{grid-template-columns:minmax(0,1fr);gap:24px}
 .contact-prep>.eyebrow{padding-top:28px;font-size:10px}
 .contact-prep .prep-grid{gap:28px}
}