/* À propos : récit, visages et lieu de création. */
.hdr-about-page main { container-type: inline-size; }
.hdr-about-page .hdr-breadcrumb { font: 400 .75rem/1.6 ui-monospace,Consolas,monospace; }
.hdr-about-page .hdr-breadcrumb::before { content: ''; width: 8px; height: 8px; background: var(--hdr-blue); }
.hdr-about-page .hdr-kicker { display: flex; gap: 12px; align-items: baseline; font: 400 .75rem/1.6 ui-monospace,Consolas,monospace; letter-spacing: .03em; }
.hdr-about-page .hdr-kicker::before { content: ''; flex: 0 0 28px; height: 2px; background: currentColor; transform: translateY(-3px); }
.hdra-opening { display: grid; grid-template-columns: .95fr 1.15fr; gap: clamp(32px,4vw,64px); padding-block: 32px 48px; align-items: stretch; }
.hdra-opening-copy { align-self: center; padding-block: 24px; }
.hdr-about-page .hdra-opening h1 { font-size: clamp(2.5rem,4.1vw,4.25rem); line-height: 1.04; letter-spacing: -.045em; margin-bottom: 32px; }
.hdra-opening h1 span { display: block; color: var(--hdr-blue); font: italic 400 .96em/1.12 Georgia,serif; letter-spacing: -.025em; margin-block: 8px; }
.hdra-intro p { color: var(--hdr-muted); margin-bottom: 20px; }
.hdra-intro p:first-child { color: var(--hdr-ink); font-size: 1.125rem; }
.hdra-intro strong { font-weight: 400; }
.hdra-hero-photo { position: relative; min-height: 580px; margin-right: calc(-1 * (var(--hdr-pad) + max(0px,(100vw - 1600px)/2))) !important; }
@supports (width: 1cqw) { .hdra-hero-photo { margin-right: calc(-1 * (var(--hdr-pad) + max(0px,(100cqw - 1600px)/2))) !important; } }
.hdra-hero-photo img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.hdra-index { display: grid; grid-template-columns: .9fr repeat(4,1fr); gap: 24px; border-block: 1px solid var(--hdr-line); padding-block: 20px; align-items: center; }
.hdra-index > span { font: italic 400 1.25rem/1.4 Georgia,serif; }
.hdra-index a { min-height: 44px; display: flex; align-items: center; font: 400 .75rem/1.5 ui-monospace,Consolas,monospace; }
.hdra-index a:hover { color: var(--hdr-blue); }
.hdra-section { padding-block: clamp(48px,6vw,88px); }
.hdra-section h2 { max-width: 960px; font-size: clamp(2rem,3.1vw,3.125rem) !important; line-height: 1.14 !important; margin-bottom: 28px !important; text-wrap: balance; }
.hdra-section h3 { font: italic 400 clamp(1.5rem,2vw,1.875rem)/1.3 Georgia,serif !important; margin-bottom: 16px !important; letter-spacing: -.015em; }
.hdra-section p { margin-bottom: 20px; color: var(--hdr-muted); }
.hdra-section p a { text-decoration: underline; text-underline-offset: 4px; }
.hdra-section .hdr-kicker { color: var(--hdr-blue); }
.hdra-section .hdr-pillar-image { margin: 0; }
.hdra-section .hdr-pillar-image img { width: 100%; height: auto; }
.hdra-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 56px; }
.hdra-column { min-width: 0; }
.hdra-origin { padding-bottom: 48px; }
.hdra-origin .hdra-columns { grid-template-columns: 1fr 1.1fr; align-items: center; }
.hdra-origin .hdra-column:last-child { padding-left: 24px; }
.hdra-origin .hdr-pillar-image img { aspect-ratio: 5/4; object-fit: cover; }
.hdra-statement { padding-block: 40px 56px; }
.hdra-statement .hdra-group { max-width: 1080px; margin-inline: auto; }
.hdra-statement p { font: italic 400 clamp(1.5rem,2.5vw,2.25rem)/1.45 Georgia,serif; color: var(--hdr-ink); }
.hdra-statement p + p { font: 400 .8125rem/1.6 ui-monospace,Consolas,monospace; color: var(--hdr-muted); }
.hdra-name { background: var(--hdr-blue); }
.hdra-name > .hdr-shell > .hdra-group { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px 64px; align-items: start; }
.hdra-name .hdr-pillar-image { grid-column: 1; max-width: 340px; }
.hdra-name h3 { grid-column: 1; font-size: 1.5rem !important; color: #fff !important; }
.hdra-name .hdra-columns { grid-column: 2; grid-row: 1 / 3; gap: 32px; }
.hdra-name p { color: #fff; }
.hdra-name .hdra-column p:first-child { font-size: clamp(2.5rem,4vw,4rem); line-height: 1; letter-spacing: -.05em; margin-bottom: 24px; }
.hdra-evolution { background: var(--hdr-ink); padding-bottom: 32px; }
.hdra-evolution h2 { color: #fff !important; }
.hdra-evolution p { max-width: 1000px; color: #dce0e8; }
.hdra-evolution .hdr-kicker { color: var(--hdr-accent-light); }
.hdra-timeline { background: var(--hdr-ink); padding-top: 16px; }
.hdra-timeline .hdra-columns { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; counter-reset: hdra-period; }
.hdra-timeline .hdra-column { position: relative; border-top: 1px solid #ffffff40; padding-top: 28px; }
.hdra-timeline .hdra-column::before { counter-increment: hdra-period; content: counter(hdra-period,decimal-leading-zero); display: block; color: var(--hdr-accent-light); font: 400 .75rem/1.5 ui-monospace,Consolas,monospace; margin-bottom: 18px; }
.hdra-timeline h3 { color: #fff !important; }
.hdra-timeline p { color: #dce0e8; }
.hdra-timeline .hdra-group > .hdra-group { margin-top: 32px; max-width: 1000px; }
.hdra-team .hdra-columns-5 { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px 40px; margin-top: 40px; }
.hdra-team .hdra-column { border-top: 1px solid var(--hdr-line); padding-top: 24px; }
.hdra-team .hdr-pillar-image { max-width: 240px; margin-bottom: 24px; }
.hdra-team .hdr-pillar-image img { aspect-ratio: 1; object-fit: cover; }
.hdra-team .hdra-column h3 { font-size: 2rem !important; }
.hdra-team .hdra-column h3 + p { color: var(--hdr-blue); font: 400 .75rem/1.6 ui-monospace,Consolas,monospace; min-height: 2.5em; }
.hdra-team .hdra-column > p:last-child { font-size: .9375rem; margin-bottom: 0; }
.hdra-atelier { background: #f3f5fa; }
.hdra-atelier .hdra-columns { grid-template-columns: .9fr 1.1fr; align-items: center; }
.hdra-atelier blockquote { margin: 28px 0 0; border-top: 1px solid var(--hdr-line); padding-top: 24px; }
.hdra-atelier blockquote p { font: italic 400 1.375rem/1.5 Georgia,serif; color: var(--hdr-ink); }
.hdra-atelier .hdr-pillar-image img { aspect-ratio: 4/3; object-fit: cover; }
.hdra-values .hdra-columns-4 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 64px; margin-top: 36px; counter-reset: hdra-value; }
.hdra-values .hdra-column { display: grid; grid-template-columns: 40px 1fr; gap: 0 20px; border-top: 1px solid var(--hdr-line); padding-top: 24px; }
.hdra-values .hdra-column::before { counter-increment: hdra-value; content: counter(hdra-value,decimal-leading-zero); grid-row: 1 / 3; color: var(--hdr-blue); font: 400 .75rem/1.6 ui-monospace,Consolas,monospace; padding-top: 6px; }
.hdra-values .hdra-column h3,.hdra-values .hdra-column p { grid-column: 2; }
.hdra-benefits { background: #f3f5fa; }
.hdra-benefits .hdra-columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; margin-top: 36px; }
.hdra-benefits .hdra-column { border-top: 2px solid var(--hdr-blue); padding-top: 24px; }
.hdra-benefits h3 { font-size: 1.5rem !important; }
@media (max-width: 1100px) {
 .hdra-team .hdra-columns-5,.hdra-benefits .hdra-columns-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .hdra-index { gap: 16px; }
}
@media (max-width: 900px) {
 .hdra-opening,.hdra-origin .hdra-columns,.hdra-atelier .hdra-columns,.hdra-name > .hdr-shell > .hdra-group { grid-template-columns: 1fr; gap: 32px; }
 .hdra-opening-copy { padding-block: 0; }
 .hdra-hero-photo { margin: 0 !important; min-height: 0; }
 .hdra-hero-photo img { position: static; height: auto !important; max-height: 400px; }
 .hdra-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .hdra-index > span { grid-column: 1 / -1; }
 .hdra-origin .hdra-column:last-child { padding-left: 0; }
 .hdra-name .hdr-pillar-image,.hdra-name h3,.hdra-name .hdra-columns { grid-column: auto; grid-row: auto; }
 .hdra-timeline .hdra-columns { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 640px) {
 .hdr-about-page .hdra-opening h1 { font-size: clamp(2.25rem,9vw,3rem); }
 .hdra-section { padding-block: 40px; }
 .hdra-section h2 { font-size: 1.875rem !important; }
 .hdra-team .hdra-columns-5,.hdra-benefits .hdra-columns-4,.hdra-values .hdra-columns-4,.hdra-name .hdra-columns { grid-template-columns: 1fr; }
 .hdra-team .hdr-pillar-image { max-width: 220px; }
 .hdra-team .hdra-column h3 + p { min-height: 0; }
 .hdra-opening .hdr-button { width: 100%; }
 .hdra-values .hdra-column { grid-template-columns: 28px 1fr; gap: 0 14px; }
 .hdra-hero-photo img { max-height: 320px; }
}

/* 0.45 — mots-signatures lisibles et liens de profils sans dépendance aux icônes. */
.hdr-about-page .hdra-name .hdra-column > .hdr-kicker { color: #fff; display: block; font: 400 clamp(2.5rem,4vw,4rem)/1 Arial,Helvetica,sans-serif; letter-spacing: -.05em; text-transform: none; }
.hdr-about-page .hdra-name .hdra-column > .hdr-kicker::before { display: none; content: none; }
.hdr-about-page .hdra-socials { display: flex; flex-wrap: wrap; gap: 4px 16px; list-style: none; padding: 16px 0 0; margin: 24px 0 0; border-top: 1px solid var(--hdr-line); }
.hdr-about-page .hdra-socials li { margin: 0; padding: 0; }
.hdr-about-page .hdra-socials a { display: inline-flex; align-items: center; min-height: 44px; color: var(--hdr-blue); font: 400 .75rem/1.5 ui-monospace,Consolas,monospace; text-decoration: underline; text-underline-offset: 4px; }
.hdr-about-page .hdra-socials a:hover { color: var(--hdr-ink); }