/* Styles exclusivement réservés au témoignage. */
.experience-page { --ink:#193d32; --lime:#dceb9b; background:#faf8f0; color:var(--ink); }
.experience-page h1,.experience-page h2,.experience-page h3 { letter-spacing:-.045em; }
.experience-page em { font-family:Georgia,serif; font-weight:400; }
.experience-page .story-hero { background:radial-gradient(ellipse at 10% 10%,#365e42,transparent 65%),#173c31; padding:clamp(3rem,6vw,6rem) 0; position:relative; overflow:hidden; }
.experience-page .story-hero-grid { grid-template-columns:1.2fr 1fr; gap:5%; }
.experience-page .story-hero h1 { font-size:clamp(3.3rem,6.5vw,6.5rem); line-height:1.02; margin:1.5rem 0; }
.experience-page .story-hero h1 em { color:var(--lime); }
.experience-page .story-hero .eyebrow { color:var(--lime); letter-spacing:.15em; font-size:.75rem; }
.experience-page .story-hero .lead { font-size:1.12rem; line-height:1.85; max-width:540px; color:#e7ebdf; }
.experience-page .story-date { display:inline-block; font-size:.85rem; border-left:2px solid var(--lime); padding-left:1rem; color:#e7ebdf; }
.experience-page .story-portrait { width:100%; max-width:440px; position:relative; padding:12px; border:1px solid #dceb9b55; border-radius:220px 220px 26px 26px; transform:rotate(3deg); }
.experience-page .story-portrait img { aspect-ratio:4/5; object-fit:cover; object-position:center 85%; border-radius:210px 210px 18px 18px; box-shadow:none; }
.experience-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.4rem; margin-top:1rem; }
.experience-page .btn-accent { background:var(--lime); color:#193d32; border:1px solid var(--lime); border-radius:50px; padding:1rem 1.5rem; font-size:1rem; box-shadow:none; }
.experience-page .btn-accent:hover { background:#f2ffc6; transform:translateY(-2px); }
.experience-page .btn span { margin-left:.6rem; }
.experience-link { color:#fff; font-size:.9rem; text-underline-offset:5px; }
.experience-link:hover { color:var(--lime); }
.experience-strip { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem 3rem; padding:1.4rem; background:var(--lime); font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; }
.experience-strip span::before { content:'✳'; margin-right:.8rem; }
.experience-page .experience-intro { padding:clamp(3rem,7vw,6rem) 0; }
.experience-intro .story-reading { max-width:880px; }
.experience-intro h2 { font-size:clamp(2.2rem,4vw,3.8rem); max-width:650px; }
.experience-intro .story-reading p:not(.eyebrow) { color:#526157; }
.experience-changes { background:#edf0e5; }
.experience-page .story-section-title { max-width:850px; text-align:center; margin:0 auto 3rem; }
.experience-page .story-section-title h2 { font-size:clamp(2.6rem,4.8vw,4.7rem); line-height:1.1; }
.experience-page .story-section-title p { margin-top:1rem; }
.experience-page .story-comparisons { gap:1.1rem; }
.experience-page .story-comparisons article { display:grid; grid-template-columns:1fr 1fr; border-radius:20px; border:1px solid #d6dfcf; background:#fffdf7; box-shadow:0 8px 24px #193d3206; transition:transform .2s,box-shadow .2s; }
.experience-page .story-comparisons article:hover { transform:translateY(-4px); box-shadow:0 16px 30px #193d3210; }
.experience-page .story-comparisons h3 { grid-column:1/-1; font-size:1.4rem; padding:1.25rem 1.4rem; border-bottom:1px solid #e5e9dd; }
.experience-page .story-comparisons h3 .eyebrow { color:#77906b; margin-right:.5rem; }
.experience-page .story-before,.experience-page .story-now { margin:0; padding:1.4rem; border:0; }
.experience-page .story-before { background:#fbe8e5; color:#75413d; }
.experience-page .story-before h4 { color:#963e36; }
.experience-page .story-now { background:#e2edce; color:#193d32; }
.experience-page .story-now h4::after { content:' ↗'; }
.experience-page .story-comparisons p { font-size:1.05rem; line-height:1.65; }
.experience-page .story-comparisons h4 { font-size:.67rem; letter-spacing:.15em; }
.experience-page .story-comparisons article:last-child { grid-column:1/-1; max-width:760px; width:100%; justify-self:center; }
.experience-next { text-align:center; }
.experience-next h2 { font-size:clamp(2.4rem,4vw,4rem); }
.experience-next .story-reading p { color:#526157; }
.experience-next .story-reading p:nth-last-child(2) { font-size:.85rem; max-width:600px; margin:1.5rem auto; }
.experience-page .story-signature { font-family:Georgia,serif; font-style:italic; font-size:2.2rem; color:var(--ink); }
.experience-contact { padding-top:0; }
.experience-contact .assessment-block { display:block; text-align:center; background:radial-gradient(ellipse at top right,#3e6243,transparent 70%),#193d32; border:0; border-radius:30px; color:#f2f4e8; padding:clamp(2rem,6vw,5rem); box-shadow:none; }
.experience-contact h2 { color:var(--lime); font-size:clamp(2.5rem,5vw,4.8rem); }
.experience-contact p { max-width:680px; margin:1rem auto 2rem; line-height:1.9; }
.experience-contact .eyebrow { color:var(--lime); }
.experience-contact p a { color:var(--lime); }
.experience-page a:focus-visible { outline:3px solid #ed973b; outline-offset:5px; }
.experience-page #changements { scroll-margin-top:110px; }
@media(max-width:767px) {
 .experience-page .story-hero-grid { grid-template-columns:1fr; gap:2.5rem; }
 .experience-page .story-hero h1 { font-size:clamp(3rem,12vw,4.5rem); }
 .experience-page .story-portrait { max-width:310px; transform:rotate(2deg); }
 .experience-page .story-comparisons { grid-template-columns:1fr; }
 .experience-page .story-before,.experience-page .story-now { padding:1.1rem; }
 .experience-page .story-comparisons p { font-size:.95rem; }
 .experience-contact { padding-left:12px; padding-right:12px; }
 .experience-contact .btn { white-space:normal; }
 .experience-strip { gap:.8rem 1.2rem; font-size:.65rem; }
}
@media(prefers-reduced-motion:reduce) { .experience-page .btn,.experience-page .story-comparisons article { transition:none; transform:none; } }