.bersimis-page{--bersimis-gap:clamp(24px,3.5vw,48px);scroll-behavior:smooth}
.bersimis-page .bersimis-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(50px,7vw,92px) 0 62px;background-image:linear-gradient(90deg,rgba(16,20,24,.97) 0%,rgba(16,20,24,.91) 38%,rgba(16,20,24,.54) 100%),url("assets/bersimis/labrie-betsiamites-fond.jpg");background-position:center,right top;background-size:cover,cover;background-repeat:no-repeat;border-bottom:1px solid var(--e-line)}
.bersimis-hero-inner{position:relative}
.bersimis-hero-copy{position:relative;z-index:1;max-width:730px}.bersimis-hero-copy h1{max-width:740px;margin-bottom:20px}.bersimis-hero-copy>p:not(.eyebrow){max-width:650px;color:#d0d5d5;line-height:1.48;margin-bottom:.85em}.bersimis-hero-copy .bersimis-lead{font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.42;color:var(--e-text)}
.bersimis-hero-copy .button{margin-top:12px}.bersimis-portrait{width:min(100%,370px);height:clamp(280px,32vw,420px);margin:22px 0 0;overflow:hidden}.bersimis-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom;filter:contrast(1.04)}
.photo-overlay{position:relative;isolation:isolate;overflow:hidden;background:#0c1114}.photo-overlay img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;filter:contrast(1.08) brightness(1.035) saturate(1.02);transition:filter .25s ease}.photo-overlay:hover img{filter:contrast(1.1) brightness(1.06) saturate(1.03)}.photo-overlay figcaption{position:absolute;inset:auto 0 0;padding:13px 18px;background:rgba(8,12,15,.76);color:#f3efe7;text-align:center;font-size:.9rem;line-height:1.45;backdrop-filter:blur(2px)}.photo-overlay figcaption a{color:#edc16f;text-decoration:underline;text-underline-offset:3px}
.bersimis-introduction{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--bersimis-gap);align-items:start;padding-block:clamp(48px,6vw,78px);border-bottom:1px solid var(--e-line)}.bersimis-introduction h2{max-width:430px;margin-bottom:0}.bersimis-intro-copy{max-width:760px}.bersimis-intro-copy>p{color:#d4d8d8;font-size:.94rem;line-height:1.52;margin-bottom:.85em}.reader-bio{padding:13px 15px;border-left:2px solid var(--e-gold);background:#171e23;font-size:.86rem;line-height:1.5}.source-credit{font-size:.84rem}.resource-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0}.resource-links a,.bersimis-video-band a{color:var(--e-gold);font-weight:700;text-decoration:underline;text-underline-offset:4px}.resource-links a{font-size:.82rem}
.bersimis-index{display:flex;flex-wrap:wrap;gap:8px;padding-block:24px 38px}.bersimis-index a{padding:8px 11px;border:1px solid var(--e-line);background:var(--e-surface);color:#d8dcda;font-size:.78rem;transition:background .2s,color .2s,border-color .2s}.bersimis-index a:hover{border-color:var(--e-gold);color:var(--e-gold);background:#1c2529}
.bersimis-chapters{padding-bottom:36px}.bersimis-chapter{scroll-margin-top:24px;padding:clamp(30px,4vw,50px) 0;border-top:1px solid var(--e-line)}.chapter-heading{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:26px}.chapter-number{font-size:2.6rem;line-height:1;font-weight:700;color:var(--e-gold);margin:0}.chapter-heading .eyebrow{margin-bottom:7px}.chapter-heading h2{margin:0 0 9px}.chapter-deck{max-width:780px;margin:0;color:var(--e-muted)}
.chapter-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:var(--bersimis-gap);align-items:stretch}.chapter-reading{min-width:0;display:flex;flex-direction:column}.audio-card{margin:0 0 14px;padding:17px 20px 15px;border:1px solid var(--e-line);border-top:2px solid var(--e-gold);background:#172027}.audio-card .eyebrow{margin:0 0 10px}.audio-card audio{display:block;width:100%;height:44px}.audio-link{display:inline-block;margin-top:13px;padding:9px 14px;border:1px solid var(--e-gold);color:var(--e-text);font-weight:700;font-size:.84rem}.audio-link:hover{background:var(--e-gold);color:#11161a!important}
.transcript-preview{flex:1;margin:0;padding:15px 16px;border-left:2px solid var(--e-gold);background:#11181d;color:#d7dbda;font-size:.9rem;line-height:1.55}.transcript-disclosure{margin-top:9px;border:1px solid var(--e-line);background:#11181d}.transcript-disclosure>summary{padding:9px 13px;color:var(--e-gold);font-size:.84rem;font-weight:700;cursor:pointer}.transcript-disclosure[open]>summary{border-bottom:1px solid var(--e-line)}.transcript-disclosure>.transcript{max-height:clamp(190px,42vh,360px);overflow:auto;overscroll-behavior:contain;padding:12px 14px;color:#d7dbda;font-size:.82rem;line-height:1.36}.transcript-disclosure .transcript p{margin:0 0 .48em}.transcript-disclosure .transcript p:last-child{margin-bottom:0}.chapter-photo{margin:0;min-width:0}.chapter-photo img{width:100%;max-height:500px}.chapter-photo figcaption{padding-inline:14px}.chapter-photo figcaption a{white-space:nowrap}.chapter-source{margin:32px 0 0;color:#9fa9ad;font-size:.76rem;line-height:1.45}
.chapter-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,980px);margin:24px auto 0;align-items:center}.chapter-gallery .chapter-photo img{height:340px;object-fit:contain}.chapter-gallery .chapter-photo figcaption{font-size:.82rem}
.chapter-body:has(.chapter-photo) .chapter-photo{position:sticky;top:24px}
.bersimis-context{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px 48px;padding-block:clamp(50px,6vw,80px);border-top:1px solid var(--e-line)}.bersimis-context h2{margin:0}.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.context-grid>a{display:flex;flex-direction:column;padding:20px;background:#171e23;border:1px solid var(--e-line);min-height:210px}.context-grid>a>span{color:var(--e-gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.context-grid h3{font-size:1.25rem;margin:14px 0 8px}.context-grid p{color:var(--e-muted);font-size:.84rem;line-height:1.5;margin:0 0 16px}.context-grid b{margin-top:auto;color:var(--e-gold);font-size:.8rem}.bersimis-context>.chapter-source{grid-column:2;margin:20px 0 0}
.bersimis-video-band{padding:clamp(46px,6vw,72px) 0;background:#171e23;border-block:1px solid var(--e-line)}.bersimis-video-band>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--bersimis-gap);align-items:center}.bersimis-video-band h2{margin-bottom:16px}.bersimis-video-band p:not(.eyebrow){color:#ccd2d3}.video-frame{position:relative;aspect-ratio:16/9;background:#080b0d}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.chapter-body{grid-template-columns:1fr 1fr;gap:26px}.chapter-gallery .chapter-photo img{height:280px}.context-grid{grid-template-columns:1fr}.context-grid>a{min-height:unset}.bersimis-context{grid-template-columns:1fr;gap:22px}.bersimis-context>.chapter-source{grid-column:1}.bersimis-video-band>.wrap{grid-template-columns:1fr;gap:28px}}
@media(max-width:680px){.bersimis-page .bersimis-hero{padding-top:38px;padding-bottom:40px}.bersimis-hero-copy{max-width:100%}.bersimis-hero-copy h1{font-size:clamp(2.6rem,12vw,3.7rem)}.bersimis-introduction{grid-template-columns:1fr;gap:16px;padding-block:40px}.bersimis-introduction h2{font-size:2rem}.bersimis-portrait{width:min(100%,330px);height:300px;margin-top:18px}.bersimis-index{padding-block:18px 24px}.bersimis-index a{font-size:.73rem}.chapter-heading{grid-template-columns:48px minmax(0,1fr);gap:15px}.chapter-number{font-size:2rem}.chapter-heading h2{font-size:1.85rem}.chapter-body{grid-template-columns:1fr}.chapter-body:has(.chapter-photo) .chapter-photo{position:static}.chapter-photo img{max-height:430px}.chapter-gallery{grid-template-columns:1fr;gap:14px}.chapter-gallery .chapter-photo img{height:auto;max-height:440px}.audio-card{padding:17px}.transcript{font-size:.92rem;line-height:1.7}.photo-overlay figcaption{padding:11px 12px;font-size:.82rem}.context-grid{grid-template-columns:1fr}.bersimis-video-band h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.bersimis-page{scroll-behavior:auto}.photo-overlay img,.bersimis-index a{transition:none}}

/* Mise en page éditoriale harmonisée pour les souvenirs de Betsiamites. */
.bersimis-page{--bersimis-gap:clamp(22px,3vw,38px)}
.bersimis-page .bersimis-hero{padding-block:clamp(46px,6vw,76px) 54px}
.bersimis-hero-copy{max-width:710px}
.bersimis-introduction{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(30px,4.5vw,58px);padding-block:clamp(46px,5.5vw,68px)}
.bersimis-intro-heading{min-width:0}
.bersimis-introduction h2{max-width:15ch;line-height:1.18}
.bersimis-portrait{margin-inline:auto}
.bersimis-portrait img{object-position:center bottom}
.bersimis-index{justify-content:center;gap:9px;padding-block:22px 30px}
.bersimis-index a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px}
.bersimis-chapters{padding-bottom:48px}
.bersimis-chapter{padding-block:clamp(34px,4vw,46px);}
.chapter-heading{grid-template-columns:62px minmax(0,1fr);gap:18px;margin-bottom:22px}
.chapter-heading>div{min-width:0}
.chapter-heading h2{line-height:1.18}
.chapter-deck{max-width:72ch;line-height:1.5}
.chapter-body{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--bersimis-gap)}
.chapter-photo{position:relative!important;top:auto!important;align-self:start}
.chapter-photo img{max-height:450px}
.chapter-source{width:min(100%,1080px);margin:28px auto 0;padding-top:12px;border-top:1px solid var(--e-line)}
.bersimis-chapter>.audio-card,.bersimis-chapter>.transcript-preview,.bersimis-chapter>.transcript-disclosure{width:min(100%,960px);margin-inline:auto}
.bersimis-chapter>.audio-card{margin-bottom:12px}
.bersimis-chapter>.transcript-preview{flex:none}
.bersimis-chapter>.transcript-disclosure{margin-top:10px}
.chapter-gallery{width:min(100%,900px);gap:12px;margin-top:22px}
.chapter-gallery .chapter-photo{min-width:0}
.chapter-gallery .chapter-photo img{height:320px}
.bersimis-context{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:24px clamp(28px,4vw,48px);padding-block:clamp(48px,5.5vw,70px)}
.context-grid{gap:14px}
.context-grid>a{min-height:200px;padding:18px}
.bersimis-video-band{padding-block:clamp(42px,5vw,64px)}
.bersimis-video-band>.wrap{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:var(--bersimis-gap)}

@media(max-width:900px){
  .bersimis-introduction{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px}
  .chapter-body{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:24px}
  .context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .context-grid>a:last-child{grid-column:1/-1}
  .bersimis-context{grid-template-columns:1fr;gap:22px}
  .bersimis-context>.chapter-source{grid-column:1;margin-top:8px}
  .bersimis-video-band>.wrap{grid-template-columns:1fr 1.2fr;gap:24px}
}
@media(max-width:680px){
  .bersimis-page .bersimis-hero{padding-block:36px 42px}
  .bersimis-introduction{grid-template-columns:1fr;gap:22px;padding-block:38px}
  .bersimis-introduction h2{max-width:20ch}
  .bersimis-portrait{width:min(100%,300px);height:280px;margin-top:14px}
  .bersimis-index{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:7px;padding-block:18px 24px}
  .bersimis-index a{min-height:42px;padding:8px 10px;line-height:1.3}
  .bersimis-chapter{padding-block:30px 36px}
  .chapter-heading{grid-template-columns:44px minmax(0,1fr);gap:13px;margin-bottom:18px}
  .chapter-heading h2{font-size:clamp(1.65rem,7vw,2rem)}
  .chapter-deck{font-size:.9rem}
  .chapter-body{grid-template-columns:1fr;gap:18px}
  .chapter-photo{width:min(100%,620px);margin-inline:auto}
  .chapter-photo img{max-height:420px}
  .chapter-source{margin-top:24px;padding-top:11px}
  .chapter-gallery{grid-template-columns:1fr;width:min(100%,560px);gap:12px;margin-top:18px}
  .chapter-gallery .chapter-photo img{height:auto;max-height:420px}
  .bersimis-context{padding-block:40px;gap:18px}
  .context-grid{grid-template-columns:1fr;gap:10px}
  .context-grid>a:last-child{grid-column:auto}
  .context-grid>a{min-height:unset;padding:17px}
  .bersimis-video-band>.wrap{grid-template-columns:1fr;gap:22px}
}
@media(max-width:380px){
  .bersimis-index{grid-template-columns:1fr}
  .chapter-heading{grid-template-columns:38px minmax(0,1fr);gap:10px}
  .chapter-number{font-size:1.75rem}
}

/* Décalage généreux de la photo d’ouverture pour dégager les deux personnages. */
@media(min-width:681px){
  .bersimis-page .bersimis-hero{
    background-size:cover,118% auto;
    background-position:center,clamp(110px,12vw,170px) top;
  }
}
@media(max-width:680px){
  .bersimis-page .bersimis-hero{
    background-size:cover,112% 100%;
    background-position:center,24px top;
  }
}