/* Mise en page éditoriale de la page des vicariats de la Côte-Nord. */
.vicariats-page{overflow-x:hidden}
.vicariats-page :is(.vicariats-intro,.history-section,.bishop-section,.source-download){scroll-margin-top:96px}

.vicariats-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(560px,62vw,700px);overflow:hidden;background:#11171a;color:#f5f2ed}
.vicariats-hero>img{position:absolute;inset:0 auto 0 -10%;width:110%;height:100%;object-fit:cover;object-position:right 45%;filter:grayscale(1)}
.vicariats-hero-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(9,13,16,.94) 0%,rgba(9,13,16,.78) 42%,rgba(9,13,16,.2) 100%),linear-gradient(0deg,rgba(9,13,16,.52),transparent 35%)}
.vicariats-hero-copy{position:relative;z-index:1;padding-block:70px 82px}
.vicariats-hero-copy>.text-link{display:inline-flex;margin-bottom:clamp(38px,5vw,64px);color:#e8e2d9}
.vicariats-hero-copy .eyebrow{margin-bottom:12px;color:#d0a05b}
.vicariats-hero-copy h1{max-width:850px;margin:0 0 24px;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.98;letter-spacing:-.025em}
.vicariats-hero-copy>p:not(.eyebrow){max-width:640px;margin-bottom:28px;color:#e0e1e2;font-size:1.2rem;line-height:1.7}
.vicariats-hero-copy .button{display:inline-flex}
.hero-caption{position:absolute;right:max(24px,calc((100vw - 1200px)/2));bottom:16px;z-index:1;margin:0;color:#eee;font-size:.78rem}

.vicariats-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:clamp(32px,6vw,76px);align-items:start;padding-block:clamp(64px,8vw,92px)}
.vicariats-intro h2{margin:0 0 26px;font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.08}
.vicariats-intro h2 span{color:var(--e-muted);font-size:.66em;font-weight:400}
.vicariats-intro>div>p:not(.eyebrow){max-width:68ch;line-height:1.8}
.byline,.source-note{margin-top:24px;color:var(--e-muted);font-size:.9rem}

.audio-card{min-width:0;align-self:start;padding:22px 22px 20px;border:1px solid var(--e-line);border-top:2px solid var(--e-gold);background:var(--e-surface)}
.audio-card .eyebrow{margin-bottom:8px}
.audio-card h3{margin:0 0 12px;font-size:1.3rem;line-height:1.25}
.audio-card p:not(.eyebrow){margin:0 0 12px;color:var(--e-muted)}
.audio-card audio{display:block;width:100%;max-width:100%;height:42px}
.vicariats-intro>.media-sidebar{grid-column:2;width:100%;max-width:360px}
.media-sidebar,.bishop-sidebar{display:grid;align-content:start;gap:18px;min-width:0}

.vicariats-index{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-block:18px;border-block:1px solid var(--e-line)}
.vicariats-index span{margin-right:6px;color:var(--e-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.vicariats-index a{padding:5px 0;color:var(--e-gold);font-size:.9rem;text-decoration:none;text-underline-offset:4px}
.vicariats-index a:hover,.vicariats-index a:focus-visible{text-decoration:underline}

.history-section,.bishop-section{display:grid;gap:28px 34px;padding-block:clamp(58px,7vw,82px);border-bottom:1px solid var(--e-line);scroll-margin-top:90px}
.history-section{grid-template-columns:minmax(150px,.48fr) minmax(0,1.72fr) minmax(245px,.72fr)}
.section-kicker>span,.bishop-heading>span{color:var(--e-gold);font-family:var(--e-title-font);font-size:3.5rem;line-height:1}
.section-kicker .eyebrow{margin-top:14px}
.history-copy,.bishop-content>div{min-width:0}
.history-copy h2,.bishop-heading h2{max-width:22ch;margin:0 0 22px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08}
.history-copy p,.bishop-content p{max-width:72ch;line-height:1.78}
.history-copy blockquote{margin:24px 0;padding:14px 20px;border-left:2px solid var(--e-gold);color:var(--e-muted);font-style:italic;line-height:1.8}
.post-list{padding-left:1.35em;line-height:1.75}
.post-list li{padding-left:.25em;margin:.45em 0}
.history-section>.media-sidebar{grid-column:3}
.story-portrait{width:100%;max-width:340px}

.bishop-section{grid-template-columns:minmax(210px,.55fr) minmax(0,2.45fr);gap:28px clamp(30px,4vw,56px)}
.bishop-heading{display:flex;align-items:flex-start;gap:20px;min-width:0}
.bishop-heading>div{min-width:0;padding-top:5px}
.bishop-heading .eyebrow{margin:0 0 8px;color:var(--e-gold)}
.bishop-heading h2{margin:0}
.bishop-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.7fr);align-items:start;gap:28px}
.bishop-content>div>p:first-child{margin-top:0}
.bishop-portrait{width:100%;max-width:360px}
.archival-figure{min-width:0;margin:0;color:var(--e-muted);font-size:.84rem;line-height:1.5}
.archival-figure img{display:block;width:100%;height:auto;border:1px solid var(--e-line);filter:grayscale(1)}
.archival-figure figcaption{padding-top:9px}
.bishop-portrait img{aspect-ratio:1;object-fit:cover}

.retirement-section{grid-template-columns:minmax(150px,.48fr) minmax(0,2.52fr)}
.source-download{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding-block:clamp(48px,6vw,64px)}
.source-download>div{flex:1 1 420px;min-width:0}
.source-download h2{margin:0 0 10px}
.source-download>div p:last-child{margin-bottom:0;color:var(--e-muted)}
.source-download>.text-link{flex-basis:100%}

@media(max-width:1000px){
  .vicariats-intro{grid-template-columns:1fr;gap:24px}
  .vicariats-intro>.media-sidebar{grid-column:auto;max-width:400px}
  .history-section{grid-template-columns:130px minmax(0,1fr);gap:24px 28px}
  .history-section>.media-sidebar{grid-column:2}
  .bishop-section{grid-template-columns:1fr;gap:18px}
  .bishop-heading{align-items:center}
  .bishop-content{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:24px}
}
@media(max-width:700px){
  .vicariats-hero{min-height:560px;align-items:flex-end}
  .vicariats-hero>img{object-position:52% center}
  .vicariats-hero-shade{background:linear-gradient(0deg,rgba(9,13,16,.95),rgba(9,13,16,.3) 92%)}
  .vicariats-hero-copy{padding-block:42px 72px}
  .vicariats-hero-copy>.text-link{margin-bottom:38px}
  .vicariats-hero-copy h1{max-width:13ch;font-size:clamp(2.9rem,11vw,4.3rem)}
  .vicariats-hero-copy>p:not(.eyebrow){max-width:52ch;font-size:1.05rem}
  .hero-caption{right:20px;bottom:12px;font-size:.68rem}
  .vicariats-intro{padding-block:54px}
  .vicariats-index{gap:8px 16px}
  .vicariats-index span{flex-basis:100%;margin-bottom:2px}
  .history-section,.retirement-section{grid-template-columns:1fr;gap:14px;padding-block:54px}
  .section-kicker{display:flex;align-items:center;gap:16px}
  .section-kicker>span,.bishop-heading>span{font-size:2.8rem}
  .section-kicker .eyebrow{margin:0}
  .history-section>.media-sidebar{grid-column:auto}
  .history-section>.story-portrait{max-width:320px}
  .bishop-section{padding-block:54px}
  .bishop-heading{gap:16px;align-items:flex-start}
  .bishop-heading h2{font-size:clamp(1.9rem,8vw,2.6rem)}
  .bishop-content{grid-template-columns:1fr;gap:18px}
  .bishop-sidebar{grid-column:auto}
  .bishop-portrait{max-width:320px}
  .audio-card{padding:20px}
  .source-download{align-items:flex-start;flex-direction:column;gap:18px;padding-block:46px}
  .source-download>div{flex-basis:auto}
}
@media(max-width:380px){
  .vicariats-hero-copy h1{font-size:2.7rem}
  .vicariats-index a{font-size:.84rem}
  .bishop-heading{gap:12px}
}