/* Composition éditoriale unifiée inspirée de la maquette de référence. */
.project-story{--paper:#faf7ee;--soft:#eee5f4;max-width:1120px;margin:0 auto;background:var(--paper);color:#30233c}
.project-story *{box-sizing:border-box}
.story-return{display:inline-block;padding:16px 4.5%;font-size:14px;text-decoration:none}
.story-hero{position:relative;display:flow-root;background:var(--paper)}
.story-hero>.story-image{height:auto;margin:0;aspect-ratio:1.9;overflow:hidden}
.story-hero>.story-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.story-title{position:relative;z-index:1;width:58%;margin:-62px 0 0 auto;padding:38px 6% 32px 8%;background:var(--paper);border-radius:100px 0 0 0}
.story-title h1{font-size:clamp(34px,4.2vw,54px);line-height:1.06;letter-spacing:-1.7px;font-weight:800;margin:12px 0 19px;max-width:490px}
.story-label{font-size:14px;line-height:1.5;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:#825ca0;margin:0 0 15px}
.story-label.coral{color:#b44e35}
.story-client{font-size:17px;font-weight:600;margin:0 0 8px}.story-client span{display:none}
.story-meta{font-size:14px;line-height:1.65;margin:0}
.story-pad{padding:38px 4.5%}
.project-story h2{font-size:clamp(27px,3.1vw,37px);font-weight:800;line-height:1.12;letter-spacing:-1px;margin:0 0 18px}
.story-copy{font-size:17px;line-height:1.65;margin:0 0 17px;max-width:65ch}
.story-challenge{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(0,1fr);gap:45px;align-items:center;padding-top:26px;padding-bottom:42px}
.story-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.story-tiles>div{min-width:0}
.story-icon{display:inline-flex;align-items:center;justify-content:center;height:43px;width:43px;border-radius:50%;background:#ffb49b;color:#30233c;font-size:25px;flex-shrink:0}
.story-tiles>div:nth-child(2) .story-icon,.story-list li:nth-child(2) .story-icon{background:#e3d5f1}
.story-tiles>div:nth-child(3) .story-icon,.story-list li:nth-child(3) .story-icon{background:#ece6db}
.story-tiles h3{font-size:17px;line-height:1.25;letter-spacing:-.35px;font-weight:600;margin:12px 0 8px}
.story-tiles p{font-size:14px;line-height:1.55;margin:0}
.story-aside-lead{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 10px;transform:rotate(3deg)}
.story-arrow{display:block;font-size:48px;color:#897393;line-height:.8;margin-left:-17px}
.story-bubble{font-size:16px;line-height:1.6;background:#e4d7ef;padding:32px 24px;border-radius:47% 53% 62% 38% / 25% 36% 64% 75%;transform:rotate(-3deg)}
.story-bubble p{margin:0 0 15px}.story-bubble p:last-child{margin:0}
.story-experience{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:0}
.story-experience>div,.story-outcomes>div{min-width:0}
.story-experience>.story-pad{padding:34px 9%}
.story-image{margin:0;min-width:0}
.story-image img{display:block;width:100%;height:auto}
.story-experience .story-image{position:relative}
.story-experience .story-image:before{content:'';display:block;position:absolute;left:18px;top:-12px;width:36px;height:55px;border-left:3px solid #ff9167;border-right:3px solid #ff9167;transform:rotate(24deg);pointer-events:none}
.story-list{list-style:none;padding:0;margin:23px 0 0}
.story-list li{display:flex;align-items:center;gap:13px;margin:15px 0;font-size:15px;line-height:1.5}
.story-list .story-icon{width:35px;height:35px;font-size:21px}
.story-turn{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:45px;align-items:center;background:#f1ece5;margin:24px 0 15px;padding-top:29px;padding-bottom:29px}
.story-turn h2{font-size:29px}
.story-participant-quote{margin:0}
.story-participant-quote>p{position:relative;padding-left:38px;margin:0;font-size:27px;font-weight:600;line-height:1.3;letter-spacing:-.6px}
.story-participant-quote>p>span{position:absolute;left:0;top:-10px;font:76px Georgia,serif;color:#ff8862;line-height:1}
.story-participant-quote>footer{display:block;background:none;padding:13px 0 0 38px;font-size:13px;font-weight:400}
.story-turn>.story-copy{font-size:15px;line-height:1.7;margin:0;padding-left:20px;border-left:2px solid #e4d7ef}
.story-outcomes{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0;align-items:center}
.story-outcomes>.story-pad{padding:33px 8%}
.story-outcomes .story-image{padding-top:10px}
.story-place-caption{font-size:13px;line-height:1.6;padding:15px 10% 8px;color:#63556c}
.story-place-caption:before{content:'↳';font-size:24px;color:#897393;margin-right:8px}
.story-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;background:#e4d7ef;border-radius:50% 50% 48% 52% / 24px 35px 28px 25px;margin:20px 0 5px;padding-top:37px;padding-bottom:37px}
.story-closing h2{font-size:32px;margin:0}
.story-closing>p{font-size:16px;line-height:1.7;margin:0}
.story-closing a{display:block;color:inherit;font-size:14px;font-weight:600;margin-top:17px;text-underline-offset:5px}
.story-visual-note{font-size:12px;padding:0 4.5% 10px;margin:0;color:#695873}
@media(max-width:760px){.story-title{width:65%;padding:28px 5% 25px 9%;margin-top:-35px;border-radius:75px 0 0 0}.story-title h1{font-size:36px}.story-label{font-size:13px}.story-meta{font-size:13px}.story-challenge{gap:25px;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}.story-copy{font-size:16px}.story-tiles{gap:14px}.story-tiles h3{font-size:15px}.story-tiles p{font-size:13px}.story-bubble{font-size:14px;padding:25px 18px}.story-experience>.story-pad{padding:26px 8%}.story-outcomes>.story-pad{padding:26px 7%}.story-turn{gap:25px}.story-participant-quote>p{font-size:24px}.story-closing{gap:30px}.story-closing h2{font-size:28px}}
@media(max-width:560px){.story-hero>.story-image{aspect-ratio:1.65}.story-hero>.story-image img{object-position:50% 52%}.story-title{width:88%;margin-top:-18px;padding:28px 6% 24px 11%;border-radius:65px 0 0 0}.story-title h1{font-size:clamp(30px,8.5vw,39px);letter-spacing:-1px}.story-client{font-size:17px}.story-pad{padding:29px 6%}.project-story h2{font-size:29px}.story-label{font-size:14px}.story-challenge{display:block;padding-top:20px}.story-challenge aside{margin:26px 0 0;display:grid;grid-template-columns:1fr 1.5fr;gap:15px;align-items:center}.story-aside-lead{font-size:15px;transform:none}.story-arrow{display:none}.story-bubble{transform:none;font-size:15px;border-radius:35px 50px 45px 30px;padding:22px}.story-copy{font-size:17px}.story-tiles{gap:13px;margin-top:24px}.story-tiles h3{font-size:15px}.story-tiles p{font-size:13px}.story-icon{height:37px;width:37px;font-size:22px}.story-experience,.story-outcomes{display:block}.story-experience>.story-pad,.story-outcomes>.story-pad{padding:29px 6%}.story-experience .story-image,.story-outcomes .story-image{padding:0 6%}.story-experience .story-image img,.story-outcomes .story-image img{width:100%;height:auto}.story-experience .story-image:before{left:9%;height:40px;width:25px}.story-list li{font-size:16px}.story-turn{display:block;margin:10px 0}.story-turn>.story-copy{font-size:16px;margin-top:24px;padding:0;border:0}.story-participant-quote>p{font-size:25px;padding-left:32px}.story-participant-quote>p>span{font-size:65px}.story-participant-quote>footer{padding-left:32px}.story-closing{display:block}.story-closing>p{font-size:17px;margin-top:25px}.story-closing h2{font-size:29px}.story-place-caption{font-size:13px;padding:15px 5% 10px}}
@media(prefers-reduced-motion:reduce){.project-story *{scroll-behavior:auto}}

.copy-to-confirm{color:#825ca0;font-style:italic}.story-tiles h3:empty{display:none}.story-participant-quote>p>span{display:none}.story-participant-quote>p{padding-left:0}.story-participant-quote>footer{padding-left:0}

/* Exploration RBC : ouverture typographique et annotations. */
:is(.rbc-story,.aligned-story) .story-hero-type{display:flex;align-items:center;justify-content:space-between;padding:46px 6% 52px;gap:30px;background:#eee5f4}
:is(.rbc-story,.aligned-story) .story-hero-type .story-title{width:auto;max-width:850px;background:none;padding:0;margin:0;border-radius:0}
:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:clamp(38px,5.6vw,68px);max-width:800px;margin:0 0 22px;line-height:1.04}
:is(.rbc-story,.aligned-story) .story-hero-type .story-client{font-size:21px;margin:0 0 8px}:is(.rbc-story,.aligned-story) .story-hero-type .story-meta{font-size:17px}
.story-brand-mark{display:block;position:relative;flex:0 0 90px;width:90px;height:125px;transform:rotate(-22deg)}
.story-brand-mark i{display:block;position:absolute;left:34px;top:0;width:18px;height:110px;background:#b99cf5}
.story-brand-mark b{display:block;position:absolute;left:12px;top:75px;width:28px;height:28px;border-radius:50%;background:#ff684a}
.project-story .story-label,.project-story .story-label.coral{color:#79529d}
:is(.rbc-story,.aligned-story) .story-challenge{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:38px;padding-top:42px;align-items:center}
:is(.rbc-story,.aligned-story) .story-challenge aside{min-width:0;position:relative}
:is(.rbc-story,.aligned-story) .story-aside-lead{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:18px;font-weight:400;line-height:1.5;transform:rotate(-5deg);padding-left:12px;margin:0 0 25px}
:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{position:absolute;left:-23px;bottom:-35px;font-size:52px;line-height:1;transform:rotate(-16deg);color:#79529d}
:is(.rbc-story,.aligned-story) .story-bubble{transform:none;min-height:250px;padding:38px 32px 40px;border-radius:50px 75px 65px 45px;font-size:18px;line-height:1.7;background:#e4d7ef}
:is(.rbc-story,.aligned-story) .story-bubble p{margin:0 0 20px}:is(.rbc-story,.aligned-story) .story-bubble p:last-child{margin:0}
:is(.rbc-story,.aligned-story) .story-challenge .story-tiles>div:nth-child(3) .story-icon{background:#f3df80}
:is(.rbc-story,.aligned-story) .story-experience{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:10px 0 20px;gap:0}
:is(.rbc-story,.aligned-story) .story-experience>div:first-child{position:relative;display:flex;align-items:center;padding:24px 0 24px 5%}
:is(.rbc-story,.aligned-story) .story-experience .story-image{width:100%;height:100%;min-height:360px;position:relative;display:flex;align-items:center;overflow:visible}
:is(.rbc-story,.aligned-story) .story-experience .story-image img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}
:is(.rbc-story,.aligned-story) .story-experience .story-image:before{content:'';position:absolute;z-index:1;left:18px;top:5px;width:13px;height:65px;border:0;background:#b99cf5;transform:rotate(-23deg)}
:is(.rbc-story,.aligned-story) .story-experience .story-image:after{content:'';position:absolute;z-index:1;left:7px;top:62px;width:20px;height:20px;border-radius:50%;background:#ff684a}
:is(.rbc-story,.aligned-story) .story-experience>.story-pad{padding:36px 9%;display:flex;flex-direction:column;justify-content:center}
:is(.rbc-story,.aligned-story) .story-place-caption{position:relative;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:16px;font-weight:400;line-height:1.65;padding:22px 7% 14px 16%;transform:rotate(-3deg)}
:is(.rbc-story,.aligned-story) .story-place-caption:before{content:none}:is(.rbc-story,.aligned-story) .story-place-caption .hand-arrow{position:absolute;left:5%;top:5px;font-family:Georgia,serif;font-size:44px;line-height:1;color:#79529d;transform:rotate(12deg)}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-challenge{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:25px}:is(.rbc-story,.aligned-story) .story-bubble{font-size:16px;padding:30px 25px;min-height:240px}:is(.rbc-story,.aligned-story) .story-aside-lead{font-size:16px}.story-brand-mark{flex-basis:55px;transform:rotate(-22deg) scale(.8)}:is(.rbc-story,.aligned-story) .story-experience .story-image{min-height:0}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{padding:32px 6% 36px;gap:15px}:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:40px;letter-spacing:-1.2px}:is(.rbc-story,.aligned-story) .story-hero-type .story-client{font-size:19px}:is(.rbc-story,.aligned-story) .story-hero-type .story-meta{font-size:16px}.story-brand-mark{display:none}:is(.rbc-story,.aligned-story) .story-challenge{display:block;padding-top:32px}:is(.rbc-story,.aligned-story) .story-challenge aside{display:block;margin:32px 0 0}:is(.rbc-story,.aligned-story) .story-aside-lead{font-size:18px;padding-left:24px;margin-bottom:27px}:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{left:0;bottom:-31px}:is(.rbc-story,.aligned-story) .story-bubble{min-height:0;padding:30px;font-size:18px;border-radius:40px 60px 45px 35px}:is(.rbc-story,.aligned-story) .story-experience{display:block;padding:0}:is(.rbc-story,.aligned-story) .story-experience>div:first-child{padding:18px 6% 0}:is(.rbc-story,.aligned-story) .story-experience .story-image{display:block;min-height:0;height:auto}:is(.rbc-story,.aligned-story) .story-experience .story-image img{height:auto;max-height:none;width:100%;object-fit:contain}:is(.rbc-story,.aligned-story) .story-experience>.story-pad{padding:30px 6%}:is(.rbc-story,.aligned-story) .story-place-caption{font-size:15px;padding-left:17%}}

/* Vignette photo dans le bandeau, couleurs prélevées sur le logo officiel. */
:is(.rbc-story,.aligned-story) .story-hero-type{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px;align-items:center}
:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:clamp(38px,4.7vw,62px);max-width:650px}
.story-banner-visual{position:relative;min-width:0;padding:12px 23px 20px 0}
.story-banner-thumb{margin:0;transform:rotate(3deg);border-radius:36px 55px 32px 42px;overflow:hidden}
.story-banner-thumb img{display:block;width:100%;height:auto}
.story-banner-visual .story-brand-mark{position:absolute;right:-2px;bottom:-6px;display:block;width:54px;height:103px;transform:none;flex:none}
.story-brand-mark svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-hero-type{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:40px}.story-banner-visual{padding-right:16px}.story-banner-visual .story-brand-mark{width:42px;height:80px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{display:block}:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:40px}.story-banner-visual{width:74%;max-width:310px;margin:24px 0 0 auto;padding-right:22px}.story-banner-thumb{border-radius:25px 38px 25px 32px}.story-banner-visual .story-brand-mark{display:block;width:40px;height:76px;right:0;bottom:-3px}}

.experience-blocks{margin-top:26px;display:grid;gap:26px}.experience-block{display:grid;grid-template-columns:35px minmax(0,1fr);gap:14px;align-items:start}.experience-block .story-icon{height:35px;width:35px;font-size:16px;font-weight:600}.experience-block:nth-child(2) .story-icon{background:#e3d5f1}.experience-block:nth-child(3) .story-icon{background:#f3df80}.experience-block h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}.experience-block p{font-size:16px;line-height:1.65;margin:0 0 10px}.experience-block .experience-question{font-weight:500;margin-bottom:0}@media(max-width:560px){.experience-blocks{gap:25px}.experience-block{gap:12px}.experience-block h3{font-size:18px}.experience-block p{font-size:16px}}
/* Essai du bandeau jaune et symbole à gauche de la vignette. */
:is(.rbc-story,.aligned-story) .story-hero-type{background:#f3df80}
.story-banner-visual .story-brand-mark{right:auto;left:-100px;bottom:-10px;width:48px;height:92px}
@media(max-width:760px){.story-banner-visual .story-brand-mark{right:auto;left:-65px;bottom:-10px;width:42px;height:80px}}
@media(max-width:560px){.story-banner-visual .story-brand-mark{right:auto;left:-60px;bottom:4px;width:40px;height:76px}}
:is(.rbc-story,.aligned-story) .story-hero-type{background:#f8efcc}
:is(.rbc-story,.aligned-story) .story-challenge .story-tiles>div:nth-child(3) .story-icon,:is(.rbc-story,.aligned-story) .experience-block:nth-child(3) .story-icon{background:#f8efcc}
/* Ornements de la citation, d’après la référence. */
:is(.rbc-story,.aligned-story) .story-participant-quote>p{padding-left:52px;position:relative}
:is(.rbc-story,.aligned-story) .story-participant-quote>p>span{display:block;position:absolute;left:0;top:-9px;font-family:Georgia,serif;font-size:98px;line-height:1;color:#ff916c}
:is(.rbc-story,.aligned-story) .story-participant-quote>footer{padding-left:52px;display:flex;align-items:center;gap:13px}
:is(.rbc-story,.aligned-story) .story-participant-quote>footer:before{content:'';display:inline-block;width:36px;height:2px;background:#ff916c;flex-shrink:0}
:is(.rbc-story,.aligned-story) .story-turn>.story-copy{position:relative;border:0;padding-left:28px}
:is(.rbc-story,.aligned-story) .story-turn>.story-copy:before{content:'';position:absolute;left:-18px;top:0;width:36px;height:58px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cg fill='none' stroke='%23ffab36' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M13 4L35 29M4 27L30 43M2 51L29 58'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-participant-quote>p{padding-left:39px}:is(.rbc-story,.aligned-story) .story-participant-quote>p>span{font-size:76px;top:-6px}:is(.rbc-story,.aligned-story) .story-participant-quote>footer{padding-left:39px}:is(.rbc-story,.aligned-story) .story-turn>.story-copy{margin-top:28px;padding-left:46px}:is(.rbc-story,.aligned-story) .story-turn>.story-copy:before{left:0;top:0;width:31px;height:55px}}
:is(.rbc-story,.aligned-story) .story-participant-quote>footer{justify-content:flex-start;gap:13px;width:auto}:is(.rbc-story,.aligned-story) .story-participant-quote>footer:before{margin:0}:is(.rbc-story,.aligned-story) .story-participant-quote>footer>*{margin:0}

/* Exploration plus sobre : titre et photo, expérience condensée. */
:is(.rbc-story,.aligned-story) .story-hero-type{background:var(--paper);padding:30px 4.5% 38px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:center;border-bottom:1px solid #30233c20}
:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:clamp(38px,4.8vw,61px);line-height:1.05;margin-bottom:25px;max-width:600px}
:is(.rbc-story,.aligned-story) .story-hero-type .story-client{font-size:19px}:is(.rbc-story,.aligned-story) .story-hero-type .story-meta{font-size:16px;color:#685a70}
.story-banner-visual{padding:0;margin:0;position:relative}
.story-banner-thumb{transform:none;border-radius:9px 52px 9px 9px;position:relative;z-index:1}
.story-banner-thumb img{display:block;width:100%;height:auto}
.story-banner-visual:before{content:'';position:absolute;inset:16px -14px -14px 18px;background:#f8efcc;border-radius:9px 52px 9px 9px}
.story-banner-visual .story-brand-mark{display:none}
:is(.rbc-story,.aligned-story) .experience-compact{display:block;padding:35px 4.5% 36px}
.experience-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.experience-opening .story-copy{max-width:44ch;margin-bottom:0}
:is(.rbc-story,.aligned-story) .experience-compact .experience-opening>.story-image{padding:0;display:block;min-height:0;height:auto;width:100%}
:is(.rbc-story,.aligned-story) .experience-compact .story-image:before,:is(.rbc-story,.aligned-story) .experience-compact .story-image:after{display:none}
:is(.rbc-story,.aligned-story) .experience-compact .story-image img{display:block;width:100%;height:auto;max-height:none;border-radius:9px}
.experience-short-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.experience-short-blocks>section{padding-top:21px;border-top:1px solid #30233c25;min-width:0}
.experience-short-blocks .story-icon{float:left;margin:0 12px 12px 0;width:34px;height:34px;font-size:15px;font-weight:600}
.experience-short-blocks>section:nth-child(2) .story-icon{background:#e3d5f1}.experience-short-blocks>section:nth-child(3) .story-icon{background:#f8efcc}
.experience-short-blocks .experience-theme{font-size:12px;color:#79529d;font-weight:600;line-height:1.4;min-height:34px;display:flex;align-items:center;margin:0 0 11px}
.experience-short-blocks h3{clear:both;font-size:21px;line-height:1.2;letter-spacing:-.4px;margin:0 0 12px}
.experience-short-blocks>section>p:last-child{font-size:16px;line-height:1.6;margin:0}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-hero-type{gap:28px}:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:42px}.experience-opening{gap:25px}.experience-short-blocks{gap:20px}.experience-short-blocks h3{font-size:19px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{display:block;padding:22px 6% 35px}:is(.rbc-story,.aligned-story) .story-hero-type h1{font-size:40px}.story-banner-visual{width:100%;max-width:none;margin:25px 0 0;padding-right:12px}.story-banner-thumb{border-radius:8px 38px 8px 8px}.story-banner-visual:before{inset:12px 0 -10px 14px;border-radius:8px 38px 8px 8px}:is(.rbc-story,.aligned-story) .experience-compact{padding:28px 6%}.experience-opening{display:flex;flex-direction:column;gap:23px;align-items:stretch}.experience-short-blocks{grid-template-columns:1fr;gap:22px;margin-top:23px}.experience-short-blocks>section{padding-top:18px}.experience-short-blocks h3{font-size:22px}.experience-short-blocks .experience-theme{font-size:13px}.experience-short-blocks>section>p:last-child{font-size:17px}}
:is(.rbc-story,.aligned-story) .experience-short-blocks .experience-theme{color:#000}
.experience-short-blocks .experience-red-dot{display:block;float:left;width:10px;height:10px;border-radius:50%;background:#F3705A;margin:12px 12px 12px 0}
:is(.rbc-story,.aligned-story) .story-outcomes .outcome-red-dot{display:block;width:10px;height:10px;border-radius:50%;background:#F3705A;margin:8px 0 14px}
/* Forme orange sous la photo et retour du symbole Bascule. */
:is(.rbc-story,.aligned-story) .story-banner-visual:before{background:#f8d8c8;border-radius:15px 65px 20px 30px}
:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{display:block;position:absolute;z-index:2;left:-35px;right:auto;bottom:-20px;width:43px;height:82px;transform:none}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{left:-25px;bottom:-17px;width:36px;height:69px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{left:-10px;bottom:-18px;width:34px;height:65px}}
/* Fond jaune organique et symbole décalé vers la gauche. */
:is(.rbc-story,.aligned-story) .story-banner-visual:before{background:#f3df80;inset:12px -20px -20px 14px;border-radius:41% 59% 34% 66% / 52% 40% 60% 48%;transform:rotate(5deg) scale(1.025)}
:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{left:-58px;bottom:-20px}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{left:-43px}:is(.rbc-story,.aligned-story) .story-banner-visual:before{inset:12px -12px -16px 12px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual .story-brand-mark{left:-24px;bottom:-18px}:is(.rbc-story,.aligned-story) .story-banner-visual:before{inset:10px 0 -14px 12px}}

/* Tracés vectoriels indépendants des polices et emojis du téléphone. */
.drawn-arrow{display:inline-block;vertical-align:middle;width:1.25em;height:1.25em;flex-shrink:0}
.story-return>.drawn-arrow{margin-right:7px}
.hand-arrow{display:block}.hand-arrow>.drawn-hand{display:block;width:100%;height:100%}
:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{width:44px;height:47px}
:is(.rbc-story,.aligned-story) .story-place-caption .hand-arrow{width:36px;height:42px}
.story-icon>.drawn-arrow{width:22px;height:22px}
.story-banner-thumb,.experience-opening>.story-image,.story-outcomes .story-image{position:relative}
.photo-star{position:absolute;z-index:3;display:block;width:53px;height:53px;color:#f3df80;pointer-events:none;left:12px;top:12px;transform:rotate(-8deg)}
.photo-star svg{display:block;width:100%;height:100%}
.story-banner-thumb .photo-star{left:auto;right:12px;top:12px;width:45px;height:45px}
.story-outcomes .photo-star{top:22px;left:auto;right:12px}
@media(max-width:560px){.photo-star{width:39px;height:39px;top:10px;left:10px}.story-banner-thumb .photo-star{width:36px;height:36px;right:9px;top:9px}.story-outcomes .photo-star{right:9%;top:10px}}
:is(.rbc-story,.aligned-story) .story-banner-visual:before{inset:5px -28px -29px 6px;transform:rotate(5deg) scale(1.04)}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-banner-visual:before{inset:5px -18px -24px 5px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual:before{inset:4px -6px -22px 5px}}
:is(.rbc-story,.aligned-story) .story-outcomes .story-image img{border-radius:9px 52px 9px 9px}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-outcomes .story-image img{border-radius:8px 38px 8px 8px}}
/* Vignette à 80 % et dégagement de la ligne du bandeau. */
:is(.rbc-story,.aligned-story) .story-hero-type{padding-bottom:64px}
:is(.rbc-story,.aligned-story) .story-banner-visual{width:80%;justify-self:center}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-hero-type{padding-bottom:58px}:is(.rbc-story,.aligned-story) .story-banner-visual{width:80%}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{padding-bottom:57px}:is(.rbc-story,.aligned-story) .story-banner-visual{width:80%;margin-left:auto;margin-right:auto}}
:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{width:51px;height:56px;left:-26px;bottom:-38px;transform:rotate(8deg)}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{left:-4px;bottom:-38px}}
/* Barres mauves en chevauchement des photos. */
:is(.rbc-story,.aligned-story) .story-banner-visual:after{content:'';position:absolute;z-index:4;width:15px;height:84px;left:-10px;top:23%;background:#B6A4CF;transform:rotate(-23deg);pointer-events:none}
:is(.rbc-story,.aligned-story) .experience-opening>.story-image:after{content:'';display:block;position:absolute;z-index:4;width:14px;height:77px;right:-7px;bottom:14%;background:#B6A4CF;transform:rotate(-23deg);pointer-events:none}
:is(.rbc-story,.aligned-story) .story-outcomes .story-image:after{content:'';position:absolute;z-index:4;width:15px;height:80px;left:-6px;top:22%;background:#B6A4CF;transform:rotate(-23deg);pointer-events:none}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual:after{width:11px;height:60px;left:-7px}:is(.rbc-story,.aligned-story) .experience-opening>.story-image:after{width:11px;height:62px;right:-5px}:is(.rbc-story,.aligned-story) .story-outcomes .story-image:after{width:11px;height:62px;left:4%}}
/* Recadrage du plancher et photo légèrement abaissée. */
:is(.rbc-story,.aligned-story) .story-banner-visual{transform:translateY(18px)}
:is(.rbc-story,.aligned-story) .story-banner-thumb{aspect-ratio:1.65;overflow:hidden}
:is(.rbc-story,.aligned-story) .story-banner-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual{transform:translateY(10px)}}

:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{width:57px;height:57px;left:-38px;bottom:-33px;transform:rotate(22deg);color:#79529d}:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow svg{width:100%;height:100%;overflow:visible}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-aside-lead .hand-arrow{left:-14px;bottom:-34px}}
:is(.rbc-story,.aligned-story) .story-banner-visual{width:88%}@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-banner-visual{width:88%}}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-banner-visual{width:88%}}
/* Barre franche sur le côté droit de la photo de l’atelier. */
:is(.rbc-story,.aligned-story) .experience-compact .experience-opening>.story-image:before{content:none;display:none}
:is(.rbc-story,.aligned-story) .experience-compact .experience-opening>.story-image:after{content:'';display:block;position:absolute;z-index:4;left:auto;right:-7px;top:24%;bottom:auto;width:14px;height:80px;border:0;border-radius:0;background:#B6A4CF;transform:rotate(-23deg);pointer-events:none}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .experience-compact .experience-opening>.story-image:after{right:-5px;width:11px;height:62px}}
:is(.rbc-story,.aligned-story) .story-place-caption{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:18px;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:normal;color:#30233c}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-place-caption{font-size:18px}}
/* Photo plus présente et dégagement sous la forme jaune. */
:is(.rbc-story,.aligned-story) .story-hero-type{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-bottom:100px}
:is(.rbc-story,.aligned-story) .story-banner-visual{width:100%}
@media(max-width:760px){:is(.rbc-story,.aligned-story) .story-hero-type{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-bottom:90px}:is(.rbc-story,.aligned-story) .story-banner-visual{width:100%}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{display:block;padding-bottom:88px}:is(.rbc-story,.aligned-story) .story-banner-visual{width:100%}}
/* Photo étendue vers la gauche jusqu’au repère. */
:is(.rbc-story,.aligned-story) .story-hero-type{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:30px}
@media(min-width:561px) and (max-width:760px){:is(.rbc-story,.aligned-story) .story-hero-type{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:24px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type{display:block}}
:is(.rbc-story,.aligned-story) .story-turn{background:#e9e8e4}
:is(.rbc-story,.aligned-story) .story-label,:is(.rbc-story,.aligned-story) .story-label.coral{display:table;width:fit-content;color:#000;background:#B6A4CF;padding:4px 10px;line-height:1.4}
:is(.rbc-story,.aligned-story) .story-bubble{display:flex;align-items:center;justify-content:center;text-align:center}:is(.rbc-story,.aligned-story) .story-bubble p{margin:0;width:100%}
/* Alignement de la date sur le bas de la photo. */
@media(min-width:561px){:is(.rbc-story,.aligned-story) .story-hero-type{align-items:end}:is(.rbc-story,.aligned-story) .story-hero-type .story-title{transform:translateY(18px)}:is(.rbc-story,.aligned-story) .story-hero-type .story-meta{line-height:1;margin-bottom:0}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-hero-type .story-title{transform:none}}
:is(.rbc-story,.aligned-story) .story-challenge .challenge-red-dot{display:block;width:10px;height:10px;border-radius:50%;background:#F3705A;margin:8px 0 14px}
/* Bandeau final assorti au manifeste de la page d’accueil. */
:is(.rbc-story,.aligned-story) .story-closing{position:relative;overflow:hidden;background:#F3705A;padding-top:48px;padding-bottom:48px}
:is(.rbc-story,.aligned-story) .story-closing:before{content:'';position:absolute;left:14px;top:18px;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M40 7v66M7 40h66M17 17l46 46M17 63l46-46' fill='none' stroke='%23f3df80' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
:is(.rbc-story,.aligned-story) .story-closing:after{content:'';position:absolute;right:22px;bottom:-17px;width:17px;height:90px;background:#B6A4CF;transform:rotate(-24deg);pointer-events:none}
:is(.rbc-story,.aligned-story) .story-closing>div,:is(.rbc-story,.aligned-story) .story-closing>p{position:relative;z-index:1}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-closing{padding-top:58px;padding-bottom:45px}:is(.rbc-story,.aligned-story) .story-closing:before{width:34px;height:34px;top:15px;left:6%}:is(.rbc-story,.aligned-story) .story-closing:after{height:75px;right:23px}}
:is(.rbc-story,.aligned-story) .story-bubble{background:#F3705A}
:is(.rbc-story,.aligned-story) .story-challenge{border-bottom:1px solid #30233c20}
:is(.rbc-story,.aligned-story) .story-closing>div{padding-left:24px}@media(max-width:560px){:is(.rbc-story,.aligned-story) .story-closing>div{padding-left:14px}}
:is(.rbc-story,.aligned-story) .story-bubble{background:#fbded6}
:is(.rbc-story,.aligned-story) .experience-short-blocks>section{border-top:0}
:is(.rbc-story,.aligned-story) .story-bubble{background:#f8cec3}
/* Trois colonnes égales avec séparateurs verticaux. */
:is(.rbc-story,.aligned-story) .experience-short-blocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
:is(.rbc-story,.aligned-story) .experience-short-blocks>section{padding:12px 28px;border-top:0}
:is(.rbc-story,.aligned-story) .experience-short-blocks>section+section{border-left:1px solid #30233c30}
@media(max-width:760px) and (min-width:561px){:is(.rbc-story,.aligned-story) .experience-short-blocks>section{padding:10px 18px}}
@media(max-width:560px){:is(.rbc-story,.aligned-story) .experience-short-blocks{grid-template-columns:1fr;gap:22px}:is(.rbc-story,.aligned-story) .experience-short-blocks>section{padding:8px 0}:is(.rbc-story,.aligned-story) .experience-short-blocks>section+section{border-left:0;border-top:1px solid #30233c30;padding-top:22px}}

/* Déclinaison commune Lalema et Hydro-Québec. */
.aligned-story .project-red-dot{display:block;width:10px;height:10px;border-radius:50%;background:#F3705A;margin:8px 0 14px}
.aligned-story .story-context{font-size:14px;line-height:1.6;margin:0;padding:18px 4.5% 0;color:#63556c}
.aligned-story .story-banner-thumb{aspect-ratio:1.65}
.aligned-story .story-banner-thumb img{object-fit:contain;object-position:center;background:#eee5f4}
.aligned-story .story-turn h2{padding:0;margin:0;font-size:30px}
.aligned-story .story-turn>.story-copy:before{content:none;display:none}
.aligned-story .story-turn>.story-copy{padding-left:0}
.aligned-story .experience-opening .story-copy{font-size:16px;line-height:1.65}
.aligned-story .story-visual-note{margin:0;padding-bottom:5px;font-size:12px}
@media(max-width:560px){.aligned-story .story-context{padding-left:6%;padding-right:6%}.aligned-story .experience-opening .story-copy{font-size:17px}.aligned-story .story-turn h2{font-size:28px}}
:is(.rbc-story,.aligned-story) .story-banner-visual:before{background:#000}
.lalema-story .story-banner-thumb img{background:#e9e8e4;object-fit:cover}.lalema-story .story-banner-thumb{aspect-ratio:1.8}
.hq-story .story-hero-type .story-title{min-width:0}.hq-story .story-hero-type h1{font-size:clamp(30px,4vw,49px);overflow-wrap:normal;letter-spacing:-1.1px}.hq-story .story-hero-type{column-gap:42px}@media(max-width:760px) and (min-width:561px){.hq-story .story-hero-type h1{font-size:34px}.hq-story .story-hero-type{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}}@media(max-width:560px){.hq-story .story-hero-type h1{font-size:clamp(28px,8vw,38px)}}
.project-story{--paper:var(--gray)}