/* Contact : un interlocuteur, deux chemins, un lieu. */
.hdr-contact-page .hdr-kicker,.hdrc-reference { font: 400 .6875rem/1.6 ui-monospace,Consolas,monospace; letter-spacing: .045em; text-transform: uppercase; }
.hdr-contact-page .hdr-kicker::before { content: ''; display: inline-block; width: 24px; height: 1px; margin-right: 12px; vertical-align: middle; background: currentColor; }
.hdr-contact-page .hdr-breadcrumb { font: 400 .6875rem/1.5 ui-monospace,Consolas,monospace; }
.hdrc-opening { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(40px,7vw,112px); align-items: center; padding-block: clamp(40px,5vw,80px); }
.hdr-contact-page .hdrc-opening h1 { font-size: clamp(2.75rem,4.5vw,4.75rem); max-width: 900px; margin-bottom: 28px; }
.hdrc-opening h1 span { display: block; color: var(--hdr-blue); font: italic 400 1em/1.08 Georgia,serif; letter-spacing: -.04em; }
.hdrc-intro { max-width: 660px; color: var(--hdr-muted); }
.hdrc-intro p { margin-bottom: 16px; }
.hdrc-intro p:first-child { font-size: 1.125rem; color: var(--hdr-ink); }
.hdrc-person { background: var(--hdr-ink); color: #fff; max-width: 420px; width: 100%; justify-self: end; }
.hdrc-person figure { height: clamp(230px,23vw,340px); overflow: hidden; }
.hdrc-person img { width: 100%; height: 100% !important; object-fit: cover; object-position: center 35%; }
.hdrc-person-copy { padding: 28px 32px 32px; }
.hdrc-reference { display: block; margin-bottom: 24px; }
.hdrc-person .hdrc-reference { color: var(--hdr-accent-light); margin-bottom: 12px; }
.hdrc-person .hdrc-person-name { font: italic 400 clamp(2.5rem,3vw,3.5rem)/1.1 Georgia,serif; margin-bottom: 12px; }
.hdrc-person-copy > p:not(.hdrc-person-name) { color: #dce0e8; font-size: .9375rem; }
.hdr-contact-page .hdrc-person .hdr-text-link { color: var(--hdr-accent-light); margin-top: 16px; }
.hdrc-contact { background: #f3f5fa; }
.hdrc-contact-grid { display: grid; grid-template-columns: 1fr 1fr; }
.hdrc-channel { padding: clamp(32px,4vw,64px); min-width: 0; }
.hdrc-phone { background: var(--hdr-blue); color: #fff; }
.hdrc-email { background: #f3f5fa; }
.hdr-contact-page .hdrc-channel h2 { font-size: clamp(1.5rem,2.2vw,2.25rem); font-weight: 400; letter-spacing: -.025em; margin-bottom: 24px; }
.hdr-contact-page .hdrc-phone h2 { color: #fff; }
.hdrc-channel p { margin-bottom: 20px; max-width: 620px; }
.hdrc-channel > p:has(a[href^="tel:"]),.hdrc-channel > p:has(a[href^="mailto:"]) { margin-bottom: 28px; }
.hdrc-channel a[href^="tel:"],.hdrc-channel a[href^="mailto:"] { display: inline-block; min-height: 44px; font-size: clamp(1.5rem,2.8vw,3rem); font-weight: 400; letter-spacing: -.04em; border-bottom: 1px solid currentColor; overflow-wrap: anywhere; }
.hdrc-channel a:hover { opacity: .8; }
.hdrc-channel p:last-child { margin-bottom: 0; }
.hdrc-channel p > strong { font-weight: 400; }
.hdrc-email .hdrc-reference { color: var(--hdr-blue); }
.hdrc-email p:not(.hdrc-reference) { color: var(--hdr-muted); }
.hdrc-email a[href^="mailto:"] { color: var(--hdr-ink); }
.hdrc-atelier { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,5vw,80px); align-items: start; padding-block: clamp(56px,6vw,96px); }
.hdrc-atelier-photo { min-width: 0; }
.hdrc-atelier-photo figure { overflow: hidden; }
.hdrc-atelier-photo img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.hdrc-photo-label { border-top: 1px solid var(--hdr-line); padding-block: 16px; margin-top: 16px !important; color: var(--hdr-muted); font: 400 .6875rem/1.5 ui-monospace,Consolas,monospace; }
.hdr-contact-page .hdrc-atelier h2 { font-size: clamp(2rem,3vw,3rem); margin-bottom: 28px; }
.hdr-contact-page .hdrc-atelier h3 { font: italic 400 1.75rem/1.2 Georgia,serif; margin-bottom: 12px; }
.hdrc-atelier-copy p:not(.hdr-kicker) { margin-bottom: 20px; color: var(--hdr-muted); }
.hdrc-atelier-copy h3 + p { color: var(--hdr-ink); }
.hdrc-map { margin-top: 28px; border-top: 1px solid var(--hdr-line); padding-top: 12px; }
.hdrc-map summary { cursor: pointer; min-height: 44px; padding-block: 10px; font: 400 .8125rem/1.6 ui-monospace,Consolas,monospace; }
.hdrc-map iframe { width: 100%; height: 320px; border: 0; display: block; margin-top: 16px; }
.hdrc-extra { padding-bottom: 48px; }
@media (max-width: 1000px) { .hdrc-opening { gap: 32px; grid-template-columns: 1.2fr .8fr; } .hdrc-channel { padding: 32px; } }
@media (max-width: 760px) {
 .hdrc-opening,.hdrc-contact-grid,.hdrc-atelier { grid-template-columns: 1fr; }
 .hdrc-opening { padding-block: 32px 40px; }
 .hdr-contact-page .hdrc-opening h1 { font-size: clamp(2.25rem,8.5vw,3.5rem); }
 .hdrc-person { max-width: none; display: grid; grid-template-columns: 140px 1fr; align-items: stretch; }
 .hdrc-person figure { height: 100%; min-height: 230px; }
 .hdrc-person-copy { padding: 24px; }
 .hdrc-person .hdrc-reference { font-size: .625rem; }
 .hdrc-person .hdrc-person-name { font-size: 2.5rem; }
 .hdrc-channel { padding: 32px 24px; }
 .hdrc-contact-grid { padding-inline: 0 !important; }
 .hdrc-channel a[href^="tel:"],.hdrc-channel a[href^="mailto:"] { font-size: clamp(1.5rem,6.5vw,2.25rem); }
 .hdrc-atelier { padding-block: 40px; }
 .hdrc-atelier-photo img { aspect-ratio: 4/3; }
}
@media (max-width: 400px) { .hdrc-person { grid-template-columns: 105px 1fr; } .hdrc-person-copy { padding: 20px 16px; } }

/* 0.52 — fil d’Ariane aligné sur les pages piliers. */
.hdr-contact-page .hdr-breadcrumb { gap: 10px; color: var(--hdr-muted); font: 400 .75rem/1.6 ui-monospace,'SFMono-Regular',Consolas,monospace; letter-spacing: .015em; }
.hdr-contact-page .hdr-breadcrumb::before { content: ''; display: block; width: 8px; height: 8px; background: var(--hdr-blue); flex: 0 0 8px; margin-right: 4px; }
.hdr-contact-page .hdr-breadcrumb a { color: var(--hdr-muted); min-height: 36px; }
.hdr-contact-page .hdr-breadcrumb a:hover { color: var(--hdr-blue); text-decoration: underline; text-underline-offset: 4px; }
.hdr-contact-page .hdr-breadcrumb [aria-hidden] { color: var(--hdr-blue); }
.hdr-contact-page .hdr-breadcrumb [aria-current] { color: var(--hdr-ink); }
@media (max-width: 640px) { .hdr-contact-page .hdr-breadcrumb { font-size: .6875rem; gap: 8px; } }

/* Même largeur de colonne que le panneau téléphonique. */
@media (min-width: 761px) {
 .hdrc-atelier { grid-template-columns: 1fr 1fr; column-gap: 0; }
 .hdrc-atelier-copy { padding-left: clamp(32px,5vw,80px); }
}