/* Une lecture documentaire : les images d’archives restent dans leur cadrage. */
.story-heading{padding-top:32px;padding-bottom:35px}
.story-heading .page-title{max-width:1100px;font-size:clamp(38px,5.4vw,76px);line-height:1.08}
.story-heading .page-intro{max-width:940px;margin-bottom:28px}
.story-heading-bottom{display:flex;flex-wrap:wrap;gap:18px 35px;align-items:center;justify-content:space-between}
.story-heading-bottom>p{display:flex;gap:25px;font:400 13px/1.6 var(--sans);color:var(--muted)}
.story-heading-bottom .text-link{font-size:14px}
.story-player{--story-bg:#20261f;--story-paper:#f3efe6;background:var(--story-bg);color:var(--story-paper);scroll-margin-top:100px;outline-offset:5px;isolation:isolate;overflow:clip}
.story-player :focus-visible{outline:2px solid #f3efe6;outline-offset:4px}
.story-controls{position:sticky;top:var(--story-header-height,92px);z-index:4;display:flex;align-items:center;gap:20px;background:#20261f;padding:12px 18px;border-bottom:1px solid #73776b}
.story-controls[hidden],.story-navigation[hidden],.story-fullscreen[hidden],.story-image-error[hidden]{display:none}
.story-transport{display:flex;gap:9px;align-items:center}.story-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #9b9e91;background:transparent;color:inherit;font:600 13px/1.4 var(--sans)}
.story-controls button:hover:not(:disabled){background:#3b4335}.story-controls button:disabled{opacity:.35;cursor:default}
.story-controls .story-play{background:var(--story-paper);color:#20261f;border-color:var(--story-paper);min-width:144px}.story-controls .story-play:hover{background:#ddd5c4;color:#20261f}
.story-play-icon{font-size:13px;min-width:15px}.story-counter{display:flex;gap:20px;align-items:center;margin-left:auto;font:400 12px/1.5 "Courier New",Courier,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.story-counter>span+span{color:#c8cbbb}
.story-scene{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}
.story-figure{display:flex;flex-direction:column;min-width:0;margin:0;background:#151a15}
.story-viewport{position:relative;isolation:isolate;flex:1;min-height:380px;overflow:hidden}
.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity 900ms ease;will-change:opacity}
.story-photo.is-current{opacity:1}
.story-player[data-playing=true] .story-photo.is-current{animation:story-photo-drift 16s linear both}
@keyframes story-photo-drift{from{transform:translateY(2px)}to{transform:translateY(-2px)}}
.story-photo-open{position:absolute;bottom:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:15px;background:#f3efe6;color:#20261f;border:1px solid #f3efe6;padding:9px 12px;font:600 11px/1.5 var(--sans);min-height:40px}
.story-figure figcaption{padding:16px 20px;background:#1b211a;color:#cfd0c4;font:400 11px/1.65 var(--sans);min-height:80px;overflow-wrap:anywhere}
.story-figure figcaption a{display:block;margin-top:6px;text-underline-offset:3px}
.story-copy{display:flex;flex-direction:column;min-width:0;padding:36px 30px;background:#293026}
.story-time{font:400 13px/1.6 "Courier New",Courier,monospace;color:#d6c3a7;margin-bottom:18px}
.story-copy h2{font:600 clamp(27px,3vw,39px)/1.12 var(--title);letter-spacing:-.035em;margin:0 0 23px;color:#f3efe6}
.story-description{font:400 20px/1.75 var(--serif);margin-bottom:30px}
.story-source{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;font:600 12px/1.6 var(--sans);color:#e4d4bd;text-underline-offset:4px}
.story-image-error{position:absolute;inset:20px;display:grid;place-items:center;background:#20261f;padding:25px;font:400 17px/1.7 var(--sans)}
.story-progress{display:flex;gap:5px;padding:10px 15px 14px;background:#20261f}.story-segment{display:block;flex:1;height:3px;overflow:hidden;background:#616759}.story-segment>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#e4d4bd}
.story-navigation{margin-top:20px}.story-navigation ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px}.story-navigation li{min-width:0}.story-navigation button{width:100%;height:100%;min-height:80px;padding:14px;text-align:left;border:1px solid var(--rule);background:transparent;color:var(--ink)}.story-navigation button>span{display:block;font:400 10px/1.6 "Courier New",Courier,monospace;color:var(--muted);margin-bottom:6px}.story-navigation button strong{display:block;font:600 15px/1.4 var(--sans)}.story-navigation button[aria-current]{background:var(--soft);border-color:var(--earth)}.story-navigation button:hover{background:var(--soft)}
.story-context{font:400 13px/1.8 var(--sans);max-width:1000px;color:var(--muted);margin-top:24px}
.story-transcript{padding-top:65px;margin-top:60px;border-top:1px solid var(--rule);scroll-margin-top:110px}
.story-transcript-heading{max-width:850px;margin-bottom:38px}.story-transcript-heading h2,.story-sources h2{font-size:clamp(30px,3.5vw,45px);line-height:1.15;letter-spacing:-.035em;margin-bottom:22px}.story-transcript-heading>p:last-child{font:400 20px/1.75 var(--serif)}
.story-transcript-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 60px}.story-transcript-list>li{min-width:0;border-top:1px solid var(--rule);padding-top:23px}.story-transcript-time{display:flex;gap:16px;font:400 12px/1.6 "Courier New",Courier,monospace;color:var(--earth);margin-bottom:18px}.story-transcript-time>span{color:var(--muted)}.story-transcript-list h3{font:600 28px/1.2 var(--title);letter-spacing:-.03em;margin-bottom:18px}.story-transcript-text{font:400 19px/1.8 var(--serif)}.story-transcript-caption{font:400 12px/1.75 var(--sans);color:var(--muted);margin-top:20px}.story-transcript-caption strong{font-weight:600}.story-transcript-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:20px;font:400 13px/1.7 var(--sans)}.story-transcript-links a{text-underline-offset:3px}.story-source-image{font:600 12px/1.6 var(--sans);color:var(--earth);border:0;background:transparent;padding:0;min-height:35px;text-decoration:underline;text-underline-offset:4px}
.story-sources{margin-block:65px;padding-top:35px;border-top:1px solid var(--rule)}.story-sources>p{font:400 19px/1.8 var(--serif);margin-bottom:22px}.story-sources ul{font:400 13px/1.8 var(--sans);padding-left:20px;margin-bottom:35px;max-width:1050px}.story-sources li+li{margin-top:12px}.story-more{display:flex;flex-wrap:wrap;align-items:center;gap:25px 35px}.story-more .button{white-space:normal}
.story-teaser{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px;margin:35px 0 22px;background:var(--soft);text-decoration:none;color:var(--ink)}.story-teaser-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--earth);border-radius:50%;font-size:17px;color:var(--earth);padding-left:3px}.story-teaser-copy{display:flex;flex-direction:column;min-width:0;gap:10px}.story-teaser-copy .eyebrow{font-size:10px}.story-teaser-copy strong{font:600 29px/1.15 var(--title);letter-spacing:-.035em}.story-teaser-copy>span:last-child{font:400 16px/1.7 var(--serif);max-width:650px}.story-teaser-cta{font:600 13px/1.7 var(--sans);text-decoration:underline;text-underline-offset:4px}.story-teaser:hover .story-teaser-cta{color:var(--earth)}
.story-player:is(:fullscreen,.is-expanded){width:100%;height:100dvh;max-width:none;display:flex;flex-direction:column;overflow:auto;background:#20261f}.story-player:is(:fullscreen,.is-expanded) .story-controls{top:0}.story-player:is(:fullscreen,.is-expanded) .story-scene{flex:1;min-height:0}.story-player:is(:fullscreen,.is-expanded) .story-viewport{min-height:200px}.story-player:is(:fullscreen,.is-expanded) .story-copy{overflow:auto}
@media(max-width:1080px){.story-copy{padding:28px 25px}.story-description{font-size:19px}.story-scene{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.story-teaser{grid-template-columns:54px minmax(0,1fr);gap:20px}.story-teaser-cta{grid-column:2}.story-teaser-symbol{width:50px;height:50px}.story-transcript-list{gap:35px}}
@media(max-width:850px){.story-scene{grid-template-columns:minmax(0,1fr)}.story-viewport{flex:none;min-height:0;height:auto;aspect-ratio:16/9}.story-figure figcaption{min-height:0}.story-copy{padding:26px}.story-copy h2{font-size:32px}.story-description{max-width:800px;font-size:21px;line-height:1.65;margin-bottom:24px}.story-navigation ol{grid-template-columns:repeat(3,minmax(0,1fr))}.story-player:is(:fullscreen,.is-expanded) .story-scene{display:flex;flex-direction:column}.story-player:is(:fullscreen,.is-expanded) .story-figure{flex:1;min-height:200px}.story-player:is(:fullscreen,.is-expanded) .story-viewport{flex:1;aspect-ratio:auto}.story-player:is(:fullscreen,.is-expanded) .story-copy{flex-shrink:0}.story-player:is(:fullscreen,.is-expanded) .story-figure figcaption{font-size:10px}}
@media(max-width:700px){.story-heading{padding-top:25px;padding-bottom:28px}.story-heading .page-title{font-size:38px}.story-heading .page-intro{font-size:20px}.story-heading-bottom{gap:18px}.story-heading-bottom .text-link{font-size:13px}.story-controls{top:var(--story-header-height,76px);padding:9px 10px;gap:8px}.story-transport{gap:4px}.story-controls button{padding:7px 8px;min-width:36px;min-height:42px;font-size:11px;gap:6px}.story-controls .story-play{width:110px;min-width:110px;flex-shrink:0}.story-counter{display:block;font-size:10px;margin-left:auto;text-align:right;line-height:1.8}.story-counter>span{display:block}.story-fullscreen{flex-shrink:0}.story-photo-open{font-size:10px;min-height:35px;bottom:9px;right:9px;padding:7px 9px}.story-figure figcaption{font-size:10px;padding:12px 15px}.story-copy{padding:23px 21px}.story-time{font-size:12px;margin-bottom:14px}.story-copy h2{font-size:30px;margin-bottom:18px}.story-description{font-size:19px;line-height:1.7;margin-bottom:24px}.story-source{font-size:12px}.story-progress{gap:4px;padding:9px 10px 12px}.story-navigation ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-navigation button{padding:12px;min-height:88px}.story-navigation button>span{font-size:9px}.story-navigation button strong{font-size:13px}.story-context{font-size:12px}.story-transcript{padding-top:32px;margin-top:35px}.story-transcript-heading{margin-bottom:28px}.story-transcript-heading h2,.story-sources h2{font-size:31px}.story-transcript-heading>p:last-child{font-size:18px}.story-transcript-list{grid-template-columns:minmax(0,1fr);gap:30px}.story-transcript-list h3{font-size:27px}.story-transcript-text{font-size:18px}.story-transcript-caption{font-size:11px}.story-transcript-links{font-size:12px}.story-sources{margin-block:40px;padding-top:28px}.story-sources>p{font-size:18px}.story-sources ul{font-size:12px}.story-more .text-link{font-size:13px;white-space:normal}.story-teaser{grid-template-columns:42px minmax(0,1fr);padding:22px 18px;gap:15px}.story-teaser-symbol{width:40px;height:40px;font-size:13px}.story-teaser-copy strong{font-size:25px}.story-teaser-copy>span:last-child{font-size:15px}.story-teaser-cta{font-size:12px}.story-player:is(:fullscreen,.is-expanded) .story-description{font-size:17px;line-height:1.55}.story-player:is(:fullscreen,.is-expanded) .story-copy{padding:15px 20px}.story-player:is(:fullscreen,.is-expanded) .story-copy h2{font-size:25px;margin-bottom:12px}.story-player:is(:fullscreen,.is-expanded) .story-time{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.story-photo{transition:none}.story-player[data-playing=true] .story-photo.is-current{animation:none}}
@media print{.story-player,.story-navigation,.story-heading-bottom,.story-teaser{display:none}.story-transcript{margin-top:0;padding-top:20px}.story-transcript-list{display:block}.story-transcript-list>li{break-inside:avoid;margin-bottom:25px}.story-transcript-links button{display:none}}

body.story-window-expanded{overflow:hidden}.story-player.is-expanded{position:fixed;inset:0;z-index:2000;margin:0;scroll-margin:0}

.story-figure figcaption a[hidden]{display:none}

.story-photo{box-sizing:border-box;padding-block:3px}
