.echo-page{--echo-line:rgba(220,226,228,.18);--echo-gold:#c9a064;--echo-panel:#172126;overflow-x:hidden}
.echo-hero{background:linear-gradient(115deg,#172126,#101519 70%);border-bottom:1px solid var(--echo-line)}
.echo-hero-inner{min-height:420px;padding-block:65px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.echo-hero .text-link{margin-bottom:26px}.echo-hero .eyebrow{color:var(--echo-gold);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700}.echo-hero h1{font-size:clamp(3rem,7vw,6.2rem);color:#f1ede6;margin:0 0 16px}.echo-hero-lede{max-width:700px;color:#c8cdd0;font-size:1.2rem;line-height:1.65}.echo-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.echo-page main>.mbr-section,.echo-page main>section{padding-block:clamp(42px,6vw,76px);border-bottom:1px solid var(--echo-line)}
.echo-page main>.mbr-section:nth-of-type(even){background:rgba(255,255,255,.018)}
.echo-page .container{width:min(calc(100% - 40px),1180px);max-width:1180px;margin-inline:auto}
.echo-page .row,.echo-page .media-container-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,3vw,36px);align-items:center}
.echo-page .col-lg-6,.echo-page .col-md-6{grid-column:span 6;min-width:0}.echo-page .col-md-10,.echo-page .col-12{grid-column:1/-1;min-width:0}.echo-page .col-md-8{grid-column:span 8}.echo-page .col-md-4{grid-column:span 4}
.echo-page h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15;margin:0 0 16px}.echo-page h3{font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.25}.echo-page p{line-height:1.72;color:#c8cdd0}.echo-page .mbr-section-title,.echo-page .mbr-section-subtitle{color:#f1ede6}.echo-page .number{color:var(--echo-gold);font-size:clamp(2.3rem,5vw,4.5rem);margin:0 0 14px}.echo-page .title{grid-column:1/-1}.echo-page .align-center{text-align:center}
.echo-page img{max-width:100%;height:auto}.echo-page .img-col{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.echo-page .img-col img{width:100%;max-height:420px;object-fit:cover}.echo-page figure{margin:0}.echo-page figure img{display:block;max-height:640px;margin-inline:auto;object-fit:contain}.echo-page figcaption{color:#aeb6b9;line-height:1.5;padding-top:10px}.echo-page a{color:var(--echo-gold)}.echo-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid var(--echo-gold);color:#f0e9df;text-decoration:none;font-weight:700}.echo-page .btn:hover,.echo-page .btn:focus-visible{background:var(--echo-gold);color:#101519}.echo-page .mbr-section-btn{margin-top:18px}.echo-page audio{width:min(100%,560px);display:block;margin:18px auto 0}.echo-page #audio{display:none}
.echo-page .echo-pending{padding-block:64px;background:#151c20;border-block:1px solid var(--echo-line)}.echo-pending h2{margin-bottom:12px}.echo-pending>div>p:not(.eyebrow){max-width:800px;color:#c8cdd0}.echo-pending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.echo-pending-grid article{padding:20px;border:1px solid var(--echo-line);background:#101519}.echo-pending-grid h3{margin:0 0 8px}.echo-pending-grid p{margin:0;font-size:.9rem}.echo-source-note{font-size:.82rem;color:#aeb6b9!important}
.echo-inline-archives{margin-top:32px;padding-top:30px;border-top:1px solid var(--echo-line)}.echo-inline-archives>.eyebrow{margin:0 0 8px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.echo-inline-archives>h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.35rem)}.echo-inline-archives-intro{max-width:800px;color:#c8cdd0}.echo-inline-archives .echo-pending-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
.echo-modal[hidden]{display:none!important}.echo-modal:not([hidden]){position:fixed;z-index:10000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,7,9,.88);overflow:auto}.echo-modal .modal-dialog{width:min(100%,1000px);margin:auto}.echo-modal .modal-content{max-height:min(88vh,1000px);overflow:auto;background:#172126;border:1px solid var(--echo-line);box-shadow:0 24px 80px rgba(0,0,0,.5)}.echo-modal .modal-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 26px;background:#172126;border-bottom:1px solid var(--echo-line)}.echo-modal .modal-title{font-size:clamp(1.25rem,2.6vw,2rem);margin:0;color:#f1ede6}.echo-modal .modal-body{padding:22px 26px}.echo-modal .modal-body p{color:#d1d5d6}.echo-modal .close{flex:none;border:1px solid var(--echo-line);background:transparent;color:#f1ede6;cursor:pointer;padding:8px}.echo-modal .close svg{width:18px;height:18px}.echo-modal .modal-body>p:first-child{margin-top:0}
@media(max-width:760px){.echo-page .row,.echo-page .media-container-row{grid-template-columns:1fr}.echo-page .col-lg-6,.echo-page .col-md-6,.echo-page .col-md-8,.echo-page .col-md-4,.echo-page .col-md-10,.echo-page .col-12,.echo-page .img-col{grid-column:1/-1}.echo-page .img-col{grid-template-columns:repeat(2,minmax(0,1fr))}.echo-pending-grid{grid-template-columns:1fr}.echo-hero-inner{min-height:350px;padding-block:48px}.echo-modal:not([hidden]){padding:8px}.echo-modal .modal-header,.echo-modal .modal-body{padding:18px}}
@media(max-width:760px){.echo-inline-archives .echo-pending-grid{grid-template-columns:1fr}}
@media(max-width:480px){.echo-page .container{width:min(calc(100% - 28px),1180px)}.echo-page .img-col{grid-template-columns:1fr}.echo-hero-links{align-items:stretch;flex-direction:column}.echo-hero-links .button{justify-content:center}}
body.echo-modal-active{overflow:hidden}
.echo-modal .modal-body{max-height:calc(88vh - 105px);overflow:auto}
.echo-pending-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.echo-page .echo-audio-section .mbr-section-btn,.echo-page .echo-audio-card .mbr-section-btn{margin-top:28px}
/* Mise en valeur du récit de Pottier : portrait près du texte, navire en document secondaire. */
.echo-pottier-feature{background:linear-gradient(145deg,#12191d,#0e1317)}
.echo-pottier-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,64px);align-items:center}
.echo-pottier-copy{max-width:760px}.echo-pottier-copy .number{margin:0 0 8px;color:var(--echo-gold);font:700 clamp(2.8rem,5vw,4.4rem)/1 var(--e-title-font)}
.echo-pottier-copy .eyebrow,.echo-pottier-bio .eyebrow,.echo-pottier-audio .eyebrow{margin:0 0 8px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.echo-pottier-copy h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:18px}
.echo-pottier-copy>p:not(.eyebrow):not(.number){max-width:720px}
.echo-pottier-copy blockquote{margin:23px 0 0;padding:4px 0 4px 20px;border-left:2px solid var(--echo-gold);color:#e6e1d9;font:italic 1rem/1.75 Georgia,serif}
.echo-page .echo-pottier-photo-credit{margin:16px 0 0;color:#afb8bb;font-size:.8rem;line-height:1.5}
.echo-pottier-details{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;margin-top:50px;padding-top:34px;border-top:1px solid var(--echo-line)}
.echo-pottier-bio{max-width:none;padding:clamp(24px,4vw,46px) clamp(24px,7vw,78px);border:1px solid var(--echo-line);background:#171e28}.echo-pottier-bio h3{font-size:clamp(1.35rem,2.1vw,1.8rem);margin:0 0 14px}.echo-pottier-bio>p:not(.eyebrow){margin:0 0 12px}.echo-pottier-bio .echo-source-note{font-size:.76rem}
.echo-profile-heading{margin:0 0 18px}.echo-page .echo-profile-heading .eyebrow{margin:0 0 8px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.echo-page .echo-profile-heading h3{font-size:clamp(1.35rem,2.1vw,1.8rem);margin:0;color:#f1ede6}
.echo-page .echo-profile-bio{max-width:none;width:100%;padding:clamp(24px,4vw,46px) clamp(24px,7vw,78px);border:1px solid var(--echo-line);background:#171e28}.echo-page .echo-profile-bio>p{margin:0 0 12px}.echo-page .echo-profile-bio .echo-source-note{font-size:.76rem}
.echo-pottier-audio{display:grid;justify-items:center;gap:28px;margin-top:28px;padding:28px 0 0;border-top:1px solid var(--echo-line)}.echo-pottier-audio audio{width:min(100%,620px);margin:0 auto}.echo-pottier-audio .btn{margin:0;text-align:center}
@media(max-width:760px){.echo-pottier-lead,.echo-pottier-details{grid-template-columns:1fr}.echo-pottier-details{margin-top:32px;padding-top:26px}}
@media(max-width:480px){.echo-pottier-bio,.echo-page .echo-profile-bio{padding:22px 20px}.echo-pottier-audio{gap:22px;margin-top:22px;padding-top:22px}.echo-pottier-audio .btn{max-width:100%;padding:12px 16px}}
/* Photo de côte fournie pour le bandeau d’ouverture. */
.echo-page .echo-hero{background-image:linear-gradient(90deg,rgba(10,16,20,.78) 0%,rgba(10,16,20,.62) 48%,rgba(10,16,20,.32) 100%),linear-gradient(0deg,rgba(10,16,20,.34),rgba(10,16,20,.12)),url("assets/echo-du-labrador/images/mbr-2-1920x1280.jpg");background-size:cover;background-position:center 58%;}
@media(max-width:600px){.echo-page .echo-hero{background-image:linear-gradient(90deg,rgba(10,16,20,.74),rgba(10,16,20,.52)),linear-gradient(0deg,rgba(10,16,20,.38),rgba(10,16,20,.16)),url("assets/echo-du-labrador/images/mbr-2-1920x1280.jpg");background-position:center 55%}}
/* Portraits d’archives plus discrets, superposés à la photo du lieu. */
.echo-page .echo-composition-column{display:block;position:relative;min-height:clamp(340px,38vw,500px)}
.echo-page .echo-place-composition{display:block;position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}
.echo-page .echo-place-photo{position:absolute;inset:auto 0 0;width:100%;height:76%;max-height:none;object-fit:cover;object-position:center;border:1px solid var(--echo-line);filter:grayscale(100%)}
.echo-page .echo-composition-column .echo-place-person,.echo-page .echo-pottier-composition .echo-place-person{position:absolute;z-index:1;left:auto;right:4%;bottom:12%;transform:none;width:min(42%,230px);height:72%;max-height:none;object-fit:contain;object-position:center bottom;filter:grayscale(100%)}
#extContent9-42 .echo-place-person{bottom:18%}
#extContent9-3w .echo-place-person{bottom:18%}
#extContent9-48 .echo-place-person{bottom:18%}
#extContent9-4k .echo-place-person{bottom:18%}
#extContent9-55 .echo-place-person{bottom:18%}
.echo-page .echo-pottier-composition{min-height:clamp(340px,38vw,500px);padding:0;background:transparent;border:0;box-shadow:none}
.echo-page .echo-pottier-composition .echo-place-photo{height:76%;object-position:center}
.echo-page .echo-pottier-composition .echo-place-person{right:4%;bottom:26%;width:min(44%,240px);height:78%;filter:grayscale(100%) drop-shadow(0 3px 8px rgba(0,0,0,.22))}
.echo-page .echo-pottier-details{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.echo-page .echo-composition-column{min-height:clamp(310px,72vw,440px)}.echo-page .echo-pottier-composition{width:min(100%,560px);justify-self:center}}
@media(max-width:480px){.echo-page .echo-composition-column{min-height:300px}.echo-page .echo-composition-column .echo-place-person,.echo-page .echo-pottier-composition .echo-place-person{right:3%;width:48%;height:76%;bottom:10%}#extContent9-42 .echo-place-person,#extContent9-3w .echo-place-person,#extContent9-48 .echo-place-person,#extContent9-4k .echo-place-person,#extContent9-55 .echo-place-person{bottom:14%}.echo-page .echo-pottier-composition{min-height:300px}.echo-page .echo-pottier-composition .echo-place-photo{height:76%}.echo-page .echo-pottier-composition .echo-place-person{right:3%;bottom:22%;width:48%;height:78%}}

/* Harmonisation des espacements et de l’alignement sur toute la page. */
.echo-page main>section:not(.echo-hero){padding-block:clamp(30px,4.2vw,56px)}
.echo-page #recits{padding-block:clamp(24px,3.2vw,42px)}
.echo-page .row,.echo-page .media-container-row{align-items:start}
.echo-page .title-col.m-auto{margin-block:0!important}
.echo-page .text-wrap{max-width:700px}
.echo-page .content1{padding-block:clamp(18px,2.2vw,30px)!important}
.echo-page .content1 .media-container-row{display:block}
.echo-page .content1 .mbr-text{max-width:900px;margin-inline:auto}
.echo-page .content1 p{margin:0 0 14px}
.echo-page .content1 p:last-child{margin-bottom:0}
.echo-page main>section[id^="content8-"]{padding-block:10px 28px}
.echo-page main>section[id^="content8-"] .media-container-row{display:flex;justify-content:center}
.echo-page main>section[id^="content8-"] .mbr-section-btn{margin-top:0}
.echo-page main>section.echo-audio-section .mbr-section-btn{margin-top:24px}
.echo-page main>section[id^="image3-"]{padding-block:clamp(20px,3vw,38px)}
.echo-page main>section[id^="image3-"] .mbr-figure{width:min(100%,980px)}
.echo-page main>section[id^="image3-"] .image-block{position:relative;width:100%!important;overflow:hidden;isolation:isolate}
.echo-page main>section[id^="image3-"] .mbr-figure-caption{position:absolute;z-index:2;right:0;bottom:7%;left:0;display:block;margin:0;padding:9px 16px;color:#f0f1ee;font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:500;line-height:1.4;text-align:center;background:rgba(12,17,21,.62)}
.echo-page main>section[id^="image3-"] .mbr-figure-caption .container{width:100%;max-width:none;margin:0;padding:0!important}
.echo-page main>section[id^="image3-"] img{display:block;width:auto;max-width:100%;max-height:min(68vh,620px);margin-inline:auto;object-fit:contain}
.echo-page #extHeader12-49 .row{align-items:center}
.echo-page #extHeader12-49 .text-block{max-width:570px}
.echo-page #extHeader12-49 .mbr-section-text p{margin:0 0 12px}
.echo-page #extHeader12-49 .container>.row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:center}
.echo-page #extHeader12-49 .box{display:none}
.echo-page #extHeader12-49 .row>.img-block{grid-column:1;grid-row:1;justify-self:center;width:100%}
.echo-page #extHeader12-49 .img-block .mbr-figure{width:min(100%,360px);margin-inline:auto}
.echo-page #extHeader12-49 .img-block img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.echo-page #extHeader12-49 .row>.text-block{grid-column:2;grid-row:1;max-width:600px;text-align:left}
.echo-page #extHeader12-49 .text-block .mbr-section-title,.echo-page #extHeader12-49 .text-block .mbr-section-text{text-align:left}
.echo-page #extHeader12-49 .text-block .text-box{text-align:left}
.echo-page #content6-5g .container>.media-container-row{grid-template-columns:1fr}
.echo-page #content6-5g .container>.media-container-row>.col-md-8{grid-column:1;width:100%;max-width:980px;justify-self:center}
.echo-page #content6-5g .col-md-8>.media-container-row{grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:clamp(24px,5vw,58px);align-items:center}
.echo-page #content6-5g .mbr-figure{width:100%!important;max-width:270px;margin-inline:auto}
.echo-page #content6-5g .mbr-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
.echo-page #content6-5g .media-content{min-width:0;padding:clamp(20px,3vw,34px);border-left:2px solid var(--echo-gold);background:rgba(255,255,255,.025)}
.echo-page #content6-5g .mbr-text{margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.8}
.echo-page #content6-5g .mbr-figure a{display:block}
.echo-page [id^="custom-html-"]{width:min(calc(100% - 40px),900px);margin-inline:auto;padding-block:6px 10px}
.echo-page .echo-pending{padding-block:clamp(36px,4.5vw,60px)}
@media(max-width:760px){.echo-page main>section:not(.echo-hero){padding-block:34px}.echo-page .text-wrap{max-width:none}.echo-page main>section[id^="content8-"]{padding-block:8px 22px}.echo-page main>section[id^="image3-"] img{max-height:56vh}.echo-page #content6-5g .col-md-8>.media-container-row{grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:24px}.echo-page #extHeader12-49 .container>.row{grid-template-columns:1fr;gap:26px}.echo-page #extHeader12-49 .row>.text-block{grid-column:1;grid-row:1;justify-self:center}.echo-page #extHeader12-49 .row>.img-block{grid-column:1;grid-row:2}}
@media(max-width:480px){.echo-page .container{width:calc(100% - 32px)}.echo-page main>section:not(.echo-hero){padding-block:28px}.echo-page .echo-hero-inner{padding-block:38px}.echo-page .echo-hero h1{font-size:clamp(2.65rem,13vw,3.5rem)}.echo-page .echo-hero-lede{font-size:1.05rem}.echo-page main>section[id^="image3-"]{padding-block:18px}.echo-page .echo-modal .modal-header,.echo-page .echo-modal .modal-body{padding:16px}.echo-page #content6-5g .col-md-8>.media-container-row{grid-template-columns:1fr;gap:20px}.echo-page #content6-5g .mbr-figure{max-width:220px}.echo-page #content6-5g .media-content{padding:20px}}

/* Suite des récits ajoutée à la page de l’Écho du Labrador. */
.echo-continuation{padding:clamp(42px,6vw,82px) 0;background:#0f1519;border-top:1px solid var(--echo-line)}
.echo-continuation>.container{width:min(calc(100% - 40px),1180px);margin-inline:auto}
.echo-continuation>.container>.eyebrow,.echo-story-heading>.eyebrow,.echo-audio-card>.eyebrow{margin:0 0 9px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.echo-continuation h2{margin:0 0 12px;color:#f1ede6;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.12}
.echo-continuation-lede{max-width:760px;color:#c8cdd0;font-size:1.08rem;line-height:1.75}
.echo-fathers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0 52px}
.echo-father-card{min-width:0;overflow:hidden;border:1px solid var(--echo-line);background:#171e28}
.echo-father-card figure{margin:0;background:#0a0f12}
.echo-father-card figure img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;filter:grayscale(1)}
.echo-father-card figcaption{padding:7px 12px;color:#aeb6b9;font-size:.72rem}
.echo-father-card>div{padding:16px}
.echo-father-card h3{margin:0 0 9px;color:#f1ede6;font-size:1.3rem}
.echo-father-card p{font-size:.9rem;line-height:1.65}
.echo-father-card .echo-source-note{margin:12px 0 0;font-size:.74rem}
.echo-continuation-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:22px 36px;align-items:start;padding:38px 0;border-top:1px solid var(--echo-line)}
.echo-story-heading h2{margin-bottom:12px}
.echo-story-heading>p:not(.eyebrow){max-width:760px;color:#d1d5d6;line-height:1.75}
.echo-story-media{display:grid;gap:14px;min-width:0}
.echo-audio-card{padding:20px;border:1px solid var(--echo-line);border-top:2px solid var(--echo-gold);background:#171e28;text-align:center}
.echo-audio-card h3{margin:0 0 14px;color:#f1ede6;font-size:1.2rem}
.echo-audio-card audio{display:block;width:min(100%,620px);max-width:620px;margin:18px auto 0}
.echo-continuation-story>.echo-audio-card{grid-column:1/-1;grid-row:3;width:min(100%,760px);justify-self:center}
.echo-audio-card--standalone{width:min(100%,760px);margin-inline:auto}
.echo-audio-excerpt{margin:22px auto 0;text-align:center}
.echo-audio-excerpt summary{display:block;width:fit-content;max-width:100%;margin-inline:auto;padding:12px 24px;border:1px solid var(--echo-gold);color:#f0e9df;font-weight:700;cursor:pointer;list-style:none}
.echo-audio-excerpt summary::-webkit-details-marker{display:none}
.echo-audio-excerpt summary:hover,.echo-audio-excerpt summary:focus-visible{background:var(--echo-gold);color:#101519}
.echo-audio-excerpt blockquote{max-width:660px;margin:18px auto 0;color:#c7a49e;text-align:left;font:italic 1rem/1.75 Georgia,serif}
.echo-pending-media{display:grid;gap:5px;padding:16px;border:1px dashed #6e777a;color:#bfc6c8;font-size:.86rem}
.echo-pending-media strong{color:#f1ede6}
.echo-transcription,.echo-story-summary,.echo-historical-context{grid-column:1/-1;padding:20px 22px;border:1px solid var(--echo-line);background:#141b20}
.echo-transcription summary{color:var(--echo-gold);font-weight:700;cursor:pointer}
.echo-transcription-body{max-width:900px;padding-top:14px;color:#d8dcdd;font:1rem/1.78 Georgia,serif}
.echo-transcription-body p{margin:0 0 1em}
.echo-transcription-body p:last-child{margin-bottom:0}
.echo-story-summary{color:#d1d5d6;line-height:1.75}
.echo-story-summary h3{margin:20px 0 8px;color:#f1ede6}
.echo-historical-context{border-left:3px solid var(--echo-gold);color:#c8cdd0;font-size:.9rem;line-height:1.65}
.echo-historical-context p{margin:6px 0 0}
.echo-continuation-source{padding-top:22px;border-top:1px solid var(--echo-line);color:#aeb6b9;font-size:.82rem}
.echo-video{grid-column:1/-1;width:min(100%,840px);aspect-ratio:16/9;margin:0 auto;border:1px solid var(--echo-line)}
.echo-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:1000px){.echo-fathers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.echo-continuation-story{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}}
@media(max-width:700px){.echo-continuation-story{grid-template-columns:1fr}.echo-story-media,.echo-transcription,.echo-story-summary,.echo-historical-context,.echo-video{grid-column:1}.echo-fathers-grid{gap:12px}}
@media(max-width:480px){.echo-continuation>.container{width:calc(100% - 32px)}.echo-fathers-grid{grid-template-columns:1fr}.echo-father-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr)}.echo-father-card figure img{height:100%;aspect-ratio:auto;min-height:190px}.echo-father-card>div{padding:14px}.echo-transcription,.echo-story-summary,.echo-historical-context{padding:16px}}
.echo-archive-gallery{display:grid;gap:14px;min-width:0}
.echo-archive-gallery figure{margin:0;padding:10px;border:1px solid var(--echo-line);background:#171e28}
.echo-archive-gallery img{display:block;width:100%;height:220px;object-fit:contain;background:#101518}
.echo-archive-gallery figcaption{padding:9px 2px 1px;color:#bfc6c8;font-size:.82rem;line-height:1.45}
.echo-poem-audio{margin-top:16px}
.echo-poem-audio>p:not(.eyebrow){margin:-8px 0 14px;color:#bfc6c8;font-size:.9rem}
#recit-brochard{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px 42px;align-items:start}
#recit-brochard>.echo-story-heading{grid-column:1;grid-row:1}
.echo-brochard-visual{position:relative;grid-column:2;grid-row:1/3;align-self:start;margin:0;aspect-ratio:4/3;background:#171e28;overflow:visible}
.echo-brochard-landscape{display:block;width:100%;height:100%;object-fit:cover}
.echo-brochard-portrait{position:absolute;right:12%;top:-16%;height:98%;width:auto;max-width:54%;object-fit:contain;object-position:center bottom}
.echo-brochard-copy{grid-column:1;grid-row:2;align-self:start}
.echo-brochard-copy blockquote{margin:0 0 22px;color:#c7a49e;font-size:1.04rem;font-style:italic;line-height:1.75}
.echo-brochard-copy>.echo-source-note{margin:0 0 22px;color:#bfc6c8;font-size:.92rem;line-height:1.6}
.echo-brochard-copy .echo-audio-card p:not(.eyebrow){margin:0 0 12px;color:#bfc6c8;font-size:.9rem}
.echo-brochard-camp{grid-column:1/-1;grid-row:4;width:min(100%,890px);justify-self:center;margin:0}
.echo-overlay-photo{position:relative;overflow:hidden;background:#171e28}
.echo-overlay-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.echo-story-secondary-image.echo-overlay-photo{padding:0;border:0;background:transparent}
.echo-story-secondary-image.echo-overlay-photo img{max-height:none}
.echo-overlay-photo figcaption,.echo-departure-image figcaption{position:absolute;z-index:2;right:0;bottom:7%;left:0;padding:9px 16px;color:#f0f1ee;font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:500;line-height:1.4;text-align:center;background:rgba(12,17,21,.62)}
#recit-brochard>.echo-transcription{grid-column:1/-1}
@media(max-width:700px){#recit-brochard{grid-template-columns:1fr}#recit-brochard>.echo-story-heading,#recit-brochard>.echo-brochard-visual,#recit-brochard>.echo-brochard-copy,#recit-brochard>.echo-brochard-camp,#recit-brochard>.echo-transcription{grid-column:1;grid-row:auto}.echo-brochard-visual{width:min(100%,600px);justify-self:center;margin-top:32px}.echo-brochard-camp{width:min(100%,600px);justify-self:center}}
.echo-story-index{margin:0 0 10px;color:var(--echo-gold);font-family:var(--font-display,inherit);font-size:3rem;font-weight:700;line-height:1}
.echo-story-heading h2 .echo-story-date{display:block;margin-top:2px;font-size:.72em}
.echo-story-feature{position:relative;grid-column:2;grid-row:1;margin:46px 0 0;aspect-ratio:4/3;background:#171e28;overflow:visible}
.echo-story-feature-landscape{display:block;width:100%;height:100%;object-fit:cover}
.echo-story-feature .echo-story-feature-portrait{position:absolute;right:8%;top:-12%;height:80%;width:auto;max-width:42%;max-height:none;object-fit:contain;object-position:center bottom}
.echo-story-feature-copy{grid-column:1;grid-row:2;align-self:start;min-width:0}
.echo-story-feature-copy blockquote{margin:0 0 22px;color:#c7a49e;font-size:1.02rem;font-style:italic;line-height:1.75}
.echo-story-feature-copy>.echo-source-note{margin:0 0 22px;color:#bfc6c8;font-size:.92rem;line-height:1.6}
.echo-story-feature-copy .echo-audio-card p:not(.eyebrow){margin:0 0 12px;color:#bfc6c8;font-size:.9rem}
.echo-story-secondary-image{grid-column:2;grid-row:3;margin:0;padding:12px;border:1px solid var(--echo-line);background:#171e28}
.echo-story-secondary-image img{display:block;width:100%;max-height:360px;object-fit:cover}
.echo-story-secondary-image figcaption{padding-top:9px;color:#bfc6c8;font-size:.82rem}
#alarme-manicouagan,#piaster-baie,#canada-nord-est{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px 42px;align-items:start}
#alarme-manicouagan>.echo-story-heading,#piaster-baie>.echo-story-heading,#canada-nord-est>.echo-story-heading{grid-column:1;grid-row:1}
#piaster-baie>.echo-story-feature{grid-row:1}
#piaster-baie>.echo-story-feature-copy{grid-row:2}
#canada-nord-est>.echo-story-feature{grid-row:1}
#canada-nord-est>.echo-story-feature-copy{grid-row:2}
#alarme-manicouagan>.echo-transcription,#piaster-baie>.echo-transcription,#canada-nord-est>.echo-transcription,#canada-nord-est>.echo-story-summary{grid-column:1/-1}
#alarme-manicouagan>.echo-story-secondary-image,#canada-nord-est>.echo-story-secondary-image{grid-column:1/-1;grid-row:4;width:min(100%,890px);justify-self:center}
@media(max-width:700px){#alarme-manicouagan,#piaster-baie,#canada-nord-est{grid-template-columns:1fr}#alarme-manicouagan>.echo-story-heading,#piaster-baie>.echo-story-heading,#canada-nord-est>.echo-story-heading,#alarme-manicouagan>.echo-story-feature,#piaster-baie>.echo-story-feature,#canada-nord-est>.echo-story-feature,#alarme-manicouagan>.echo-story-feature-copy,#piaster-baie>.echo-story-feature-copy,#canada-nord-est>.echo-story-feature-copy,#alarme-manicouagan>.echo-story-secondary-image,#canada-nord-est>.echo-story-secondary-image,#alarme-manicouagan>.echo-transcription,#piaster-baie>.echo-transcription,#canada-nord-est>.echo-transcription,#canada-nord-est>.echo-story-summary{grid-column:1;grid-row:auto}.echo-story-feature{width:min(100%,600px);justify-self:center;margin-top:34px}}
@media(max-width:700px){.echo-continuation-story>.echo-audio-card{grid-column:1;grid-row:auto;width:100%}}
.echo-brochard-visual .echo-brochard-portrait{right:8%;top:-6%;height:80%;width:auto;max-width:42%;max-height:none;object-fit:contain;object-position:center bottom}

/* Section biographique dédiée à Johan Beetz dans le récit de Piaster Baie. */
.echo-johan-beetz-section{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px 32px;align-items:start;margin-top:8px;padding:28px;border:1px solid var(--echo-line);background:#141b20}
.echo-johan-beetz-heading{grid-column:1/-1}
.echo-johan-beetz-heading .eyebrow{margin:0 0 8px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.echo-johan-beetz-heading h3{margin:0;color:#f1ede6;font-size:clamp(1.45rem,2.4vw,2rem)}
.echo-johan-beetz-bio{grid-column:1;max-width:900px;color:#d8dcdd;font:1rem/1.72 Georgia,serif}
.echo-johan-beetz-bio p{margin:0 0 1em}
.echo-johan-beetz-bio p:last-child{margin-bottom:0}
.echo-johan-beetz-section .echo-video{grid-column:2;grid-row:2;width:100%;margin:0;align-self:start}
.echo-johan-beetz-section .echo-video figcaption{padding:10px 2px 0;color:#aeb6b9;font-size:.82rem;line-height:1.5}
.echo-johan-beetz-section .echo-video figcaption a{color:var(--echo-gold)}
@media(max-width:760px){.echo-johan-beetz-section{grid-template-columns:1fr;padding:20px}.echo-johan-beetz-heading,.echo-johan-beetz-bio,.echo-johan-beetz-section .echo-video{grid-column:1;grid-row:auto}}
.echo-johan-beetz-section .echo-video{aspect-ratio:auto}
.echo-johan-beetz-section .echo-video iframe{height:auto;aspect-ratio:16/9}

/* Associe le souvenir du départ à la gare Saint-Lazare. */
.echo-america-departure{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px 32px;align-items:start;margin-top:8px;padding:28px;border:1px solid var(--echo-line);background:#141b20}
.echo-america-departure-heading{grid-column:1/-1}
.echo-america-departure-heading .eyebrow{margin:0 0 8px;color:var(--echo-gold);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.echo-america-departure-heading h3{margin:0 0 8px;color:#f1ede6;font-size:clamp(1.45rem,2.4vw,2rem)}
.echo-america-departure-heading>p:last-child{margin:0;color:#bfc6c8}
.echo-america-departure-copy{grid-column:1;align-self:start}
.echo-america-departure-copy blockquote{margin:0 0 20px;padding:4px 0 4px 18px;border-left:2px solid var(--echo-gold);color:#c7a49e;font:italic 1rem/1.75 Georgia,serif}
.echo-america-departure .echo-transcription{grid-column:1;padding:14px 16px}
.echo-departure-image{position:relative;grid-column:2;grid-row:2;margin:0;align-self:start;overflow:hidden;border:1px solid var(--echo-line);background:#171e28}
.echo-departure-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1)}
@media(max-width:700px){.echo-america-departure{grid-template-columns:1fr;padding:20px}.echo-america-departure-heading,.echo-america-departure-copy,.echo-departure-image{grid-column:1;grid-row:auto}}

/* Carte des Vœux présentée seule, centrée comme le récit de Hoëllard. */
.echo-continuation-story>.echo-poem-audio{grid-column:1/-1;grid-row:auto;width:min(100%,840px);justify-self:center;margin:0 auto}

/* Présentation compacte de Johan Beetz, vidéo pleine largeur sous la biographie. */
.echo-johan-beetz-section{grid-template-columns:minmax(0,1fr)}
.echo-johan-beetz-intro{grid-column:1/-1;max-width:920px;margin:0;color:#d8dcdd;font-size:1rem;line-height:1.72}
.echo-johan-beetz-more{grid-column:1/-1;padding:14px 16px;border:1px solid var(--echo-line);background:#171e28}
.echo-johan-beetz-more>summary{color:var(--echo-gold);font-weight:700;cursor:pointer}
.echo-johan-beetz-more .echo-johan-beetz-bio{grid-column:1/-1;max-width:none;padding-top:14px}
.echo-johan-beetz-section .echo-video{grid-column:1/-1;grid-row:auto;width:100%;max-width:none;margin:8px 0 0;aspect-ratio:auto}
.echo-johan-beetz-section .echo-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9}

/* La gare accompagne le récit sur toute la largeur de la section. */
.echo-america-departure{grid-template-columns:minmax(0,1fr)}
.echo-america-departure-copy{grid-column:1/-1}
.echo-departure-image{grid-column:1/-1;grid-row:auto;width:100%;justify-self:stretch}
.echo-departure-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
#piaster-baie>.echo-story-feature .echo-story-feature-portrait{top:-17%;right:4%}
#canada-nord-est>.echo-story-feature .echo-story-feature-portrait{transform:scale(.92);transform-origin:right top}
