/* contact.html only (builder 5). Reuses site.css + listing.css + article.css components. */
.gg-contact__mail{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;font-size:1rem;line-height:1.5;color:var(--gg-ink-2)}
.gg-contact__mail .gg-ic{flex:none;margin-top:.15rem;color:var(--gg-brass-700)}
.gg-contact__mail a{font-weight:700;overflow-wrap:anywhere}
.gg-contact__h{margin-bottom:.9rem;font-size:var(--gg-fs-2xl)}
/* the thank-you line shows only after the form sends you to contact.html#sent */
.gg-form__ok:not(:target){display:none}
.gg-form__ok:target{outline:0}
.gg-check a{font-weight:700}
.gg-contact__ico--alert{background:var(--gg-bad-100);color:var(--gg-bad)}
@media (min-width:1024px){.gg-contact .gg-cards-side{padding-top:3.35rem}}
.gg-sidecard p a{font-weight:700}
@media (min-width:1024px){.gg-contact__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gg-contact__corr{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
@media (min-width:900px){.gg-contact__corr{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2.5rem}}
.gg-contact__corr h2{font-size:var(--gg-fs-2xl)}
.gg-contact__corr>div>p{margin-top:.6rem;max-width:40rem;color:var(--gg-ink-2)}
.gg-contact__note{display:grid;gap:.7rem;margin:0;padding:1.1rem;border-radius:var(--gg-r-xl);background:var(--gg-ground);border:1.5px dashed var(--gg-line-2)}
.gg-contact__note figcaption{display:flex;align-items:center;gap:.45rem;font:650 .95rem var(--gg-display);color:var(--gg-ink)}
.gg-contact__note figcaption .gg-ic{color:var(--gg-brass-700)}
.gg-contact__note .sample-chip{justify-self:start}
.gg-value p a{font-weight:700}
.gg-contact__links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1.5rem}
.gg-contact__links>p{font:650 .95rem var(--gg-display);color:var(--gg-ink)}
/* phones: value cards lie on their side (icon left) so a stack of them stays short */
@media (max-width:639px){main .gg-value{grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;align-items:start}main .gg-value__ico{grid-row:span 2}}
@media (min-width:640px) and (max-width:1023px){.gg-contact__steps>.gg-step:last-child:nth-child(odd){grid-column:1/-1}}