/* Portrait prioritaire : réserve la place immédiatement (sans saut de mise en page).
   L'initiale reste visible jusqu'au chargement effectif, ou en cas d'erreur. */
.experience-page.relay-profile-page .relay-avatar-frame{
  position:relative;isolation:isolate;display:block;overflow:hidden;flex:0 0 auto;
  width:270px;height:270px;aspect-ratio:1;
  background:#E4EBE4;border:1px solid #C9D9CD
}
.experience-page.relay-profile-page .relay-photo-fallback{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:58px;font-weight:800;color:#557460;line-height:1
}
.experience-page.relay-profile-page .relay-avatar-frame img[hidden]{display:none}
.experience-page.relay-profile-page .relay-avatar-frame .profile-avatar{
  position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;
  object-fit:cover;border:0;background:transparent;
  display:block;box-shadow:none
}
@media(max-width:800px){
 .experience-page.relay-profile-page .relay-avatar-frame{width:210px;height:210px}
}
@media(max-width:600px){
 .experience-page.relay-profile-page .relay-avatar-frame{width:100%;height:auto;aspect-ratio:1}
 .experience-page.relay-profile-page .relay-photo-fallback{font-size:34px}
}
@media(max-width:345px){
 .experience-page.relay-profile-page .relay-photo-fallback{font-size:29px}
}

/* KONÉSANS — « Le relais » sur les fiches prestataires uniquement.
   Structure et boutons dynamiques conservés, sans prix inventé ni citation non validée. */
.experience-page.relay-profile-page{
  --relay-ink:#15332B;--relay-accent:#2E8468;
  --relay-paper:#FAFAF6;--relay-pale:#EDF3E9;--relay-line:#C9D9CD;
  background:var(--relay-paper);color:var(--relay-ink)
}
.experience-page.relay-profile-page .topbar{background:#fff;border-bottom:1px solid var(--relay-line);backdrop-filter:none}
.experience-page.relay-profile-page .topbar .brand-wrap{display:flex;align-items:center;gap:6px;flex-direction:row}
.experience-page.relay-profile-page .topbar .beta-badge{display:inline-flex;align-items:center;justify-content:center;width:auto;max-height:24px;min-height:0;height:24px;padding:4px 7px;margin:0;font-size:10px;letter-spacing:.04em;background:#e8fbf9;color:#17645f;border:1px solid #c5ddd6;border-radius:99px;white-space:nowrap}
.experience-page.relay-profile-page .topbar .nav>.btn{border-radius:5px;box-shadow:none;background:var(--relay-ink);color:#fff;border:1px solid var(--relay-ink)}
.experience-page.relay-profile-page .exp-shell{max-width:1180px;padding-top:27px;padding-bottom:62px}
.experience-page.relay-profile-page .exp-back{font-size:14px;font-weight:700;color:#526E58}
.experience-page.relay-profile-page .relay-profile-heading{padding:24px 0 0;border-bottom:0;display:block}
.experience-page.relay-profile-page .relay-profile-top{display:grid;grid-template-columns:270px minmax(0,1fr);gap:44px;align-items:center}
.experience-page.relay-profile-page .profile-avatar,.experience-page.relay-profile-page .profile-placeholder{
  display:block;width:270px;height:270px;object-fit:cover;border-radius:0;
  box-shadow:none;background:#E4EBE4;border:1px solid var(--relay-line)
}
.experience-page.relay-profile-page .profile-placeholder{display:grid;place-items:center;font-size:70px;color:var(--relay-ink)}
.experience-page.relay-profile-page .relay-profile-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 11px;color:#54765D;font-size:13px;font-weight:820;letter-spacing:.055em;text-transform:uppercase}
.experience-page.relay-profile-page .relay-profile-mark{width:49px;height:37px;flex:0 0 auto;color:var(--relay-accent);display:inline-block;vertical-align:middle}
.experience-page.relay-profile-page .relay-profile-mark svg{display:block;width:100%;height:100%}
.experience-page.relay-profile-page .relay-profile-top h1{font-size:clamp(44px,5.1vw,67px);letter-spacing:-.055em;line-height:1.08;color:var(--relay-ink);margin:7px 0 12px}
.experience-page.relay-profile-page .profile-subtitle{color:#405C4A;font-size:17px;line-height:1.55}
.experience-page.relay-profile-page .profile-badges{margin:13px 0 0}
.experience-page.relay-profile-page .relay-profile-story{
  position:relative;margin:24px 0 0;padding:30px 37px 35px;
  background:var(--relay-ink);color:#fff;border:0
}
.experience-page.relay-profile-page .relay-profile-story::after{
  content:"";position:absolute;right:0;bottom:0;width:32%;height:8px;background:var(--relay-accent)
}
.experience-page.relay-profile-page .relay-profile-story-label{
  display:flex;align-items:center;gap:11px;color:#CEE4D3;letter-spacing:.055em;font-size:13px;font-weight:800
}
.experience-page.relay-profile-page .relay-profile-story-label .relay-profile-mark{color:#A9D1B7;width:57px;height:41px}
.experience-page.relay-profile-page .relay-profile-story p{
  max-width:900px;color:#fff;font-size:clamp(26px,3.05vw,38px);
  line-height:1.3;font-weight:680;letter-spacing:-.043em;margin:14px 0 0;
  overflow-wrap:anywhere
}
.experience-page.relay-profile-page .relay-profile-story .relay-profile-source{
  margin-top:13px;color:#CFE0D4;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5
}
.experience-page.relay-profile-page .relay-profile-content{
  background:transparent;border:0;border-radius:0;box-shadow:none;
  padding:37px 0 0;margin-top:0
}
.experience-page.relay-profile-page .relay-profile-content>.exp-section{margin:0}
.experience-page.relay-profile-page .relay-profile-content>.exp-section+.exp-section{
  padding-top:35px;margin-top:32px;border-top:1px solid var(--relay-line)
}
.experience-page.relay-profile-page .relay-profile-content h2{
  display:flex;align-items:center;gap:13px;font-size:clamp(27px,3vw,39px);
  line-height:1.2;letter-spacing:-.043em;margin:0 0 19px;color:var(--relay-ink)
}
.experience-page.relay-profile-page .relay-profile-content h2 .relay-profile-mark{width:39px;height:33px}
.experience-page.relay-profile-page .relay-profile-content .exp-text{
  max-width:82ch;color:#395443;font-size:17px;line-height:1.75
}
.experience-page.relay-profile-page .profile-topic-list{gap:16px}
.experience-page.relay-profile-page .profile-topic{
  border:1px solid var(--relay-line);border-top:3px solid var(--relay-ink);
  border-radius:0;background:#fff;padding:25px;box-shadow:none
}
.experience-page.relay-profile-page .profile-topic h3{font-size:clamp(23px,2.3vw,30px);line-height:1.3;letter-spacing:-.035em;color:var(--relay-ink)}
.experience-page.relay-profile-page .profile-topic p{font-size:16px;line-height:1.66;color:#496251}
.experience-page.relay-profile-page .profile-topic .btn{
  font-size:14px;min-height:47px;border-radius:4px;box-shadow:none;
  background:var(--relay-ink);color:#fff;margin:8px 9px 0 0;padding:12px 15px
}
.experience-page.relay-profile-page .profile-topic .btn.ghost{
  border:1px solid var(--relay-ink);color:var(--relay-ink);background:transparent
}
.experience-page.relay-profile-page .profile-topic .profile-badges{margin:8px 0}
@media(max-width:800px){
 .experience-page.relay-profile-page .relay-profile-top{grid-template-columns:210px minmax(0,1fr);gap:25px}
 .experience-page.relay-profile-page .profile-avatar,.experience-page.relay-profile-page .profile-placeholder{width:210px;height:210px}
 .experience-page.relay-profile-page .relay-profile-story{padding:24px 29px}
}
@media(max-width:600px){
 .experience-page.relay-profile-page .exp-shell{padding-top:18px;padding-bottom:40px}
 .experience-page.relay-profile-page .relay-profile-heading{padding-top:17px}
 .experience-page.relay-profile-page .relay-profile-top{grid-template-columns:minmax(0,125px) minmax(0,1fr);gap:16px;align-items:start}
 .experience-page.relay-profile-page .profile-avatar,.experience-page.relay-profile-page .profile-placeholder{width:100%;height:auto;aspect-ratio:1}
 .experience-page.relay-profile-page .relay-profile-top h1{font-size:clamp(28px,8.4vw,43px);margin:8px 0}
 .experience-page.relay-profile-page .relay-profile-label{gap:6px;font-size:11px;margin:0}
 .experience-page.relay-profile-page .relay-profile-label .relay-profile-mark{width:32px;height:28px}
 .experience-page.relay-profile-page .profile-subtitle{font-size:14px;line-height:1.45}
 .experience-page.relay-profile-page .relay-profile-story{margin-top:20px;padding:22px 20px 27px}
 .experience-page.relay-profile-page .relay-profile-story-label{font-size:11px;gap:7px}
 .experience-page.relay-profile-page .relay-profile-story-label .relay-profile-mark{width:43px;height:33px}
 .experience-page.relay-profile-page .relay-profile-story p{font-size:clamp(23px,6.6vw,29px);line-height:1.3}
 .experience-page.relay-profile-page .relay-profile-content{padding-top:28px}
 .experience-page.relay-profile-page .relay-profile-content h2{font-size:27px;gap:7px}
 .experience-page.relay-profile-page .relay-profile-content h2 .relay-profile-mark{width:31px;height:27px}
 .experience-page.relay-profile-page .relay-profile-content .exp-text{font-size:16px;line-height:1.66}
 .experience-page.relay-profile-page .profile-topic{padding:19px}
 .experience-page.relay-profile-page .profile-topic h3{font-size:23px}
 .experience-page.relay-profile-page .profile-topic p{font-size:16px}
 .experience-page.relay-profile-page .profile-topic .btn{width:100%;margin:8px 0 0}
}
@media(max-width:345px){
 .experience-page.relay-profile-page .relay-profile-top{grid-template-columns:110px minmax(0,1fr);gap:11px}
 .experience-page.relay-profile-page .relay-profile-top h1{font-size:28px}
 .experience-page.relay-profile-page .topbar .brand{font-size:18px}
}