.peres-cote-hero{position:relative;display:flex;align-items:center;min-height:min(740px,78vh);background:linear-gradient(90deg,rgba(9,15,19,.92),rgba(9,15,19,.68) 52%,rgba(9,15,19,.18)),url("assets/vicariats/bandeau-peres-cote.jpg") center 42%/cover;border-bottom:1px solid var(--e-line)}
.peres-cote-hero-inner{position:relative;z-index:1;padding-block:80px}.peres-cote-hero .text-link{display:inline-block;margin-bottom:44px}.peres-cote-hero .eyebrow{color:var(--e-gold)}.peres-cote-hero h1{max-width:780px;margin:14px 0 20px;color:#f2efe8;font-size:clamp(3.8rem,9vw,7.4rem);line-height:.92}.peres-cote-lead{max-width:660px;margin:0 0 30px;color:#d1d5d6;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.65}.peres-cote-credit{position:absolute;right:max(24px,calc((100vw - 1180px)/2));bottom:16px;margin:0;color:#e4e2dd;font-size:.78rem;text-shadow:0 1px 5px #000}
.peres-cote-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.peres-cote-intro h2,.peres-cote-timeline h2,.peres-cote-legacy h2,.peres-cote-film h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.peres-cote-intro>div:last-child{max-width:720px;color:var(--e-muted);font-size:1.05rem;line-height:1.8}.peres-cote-intro>div:last-child p:first-child{margin-top:0}.peres-cote-intro .text-link,.peres-cote-legacy .text-link{color:var(--e-gold);text-underline-offset:4px}
.peres-cote-timeline .section-heading>p{max-width:480px;color:var(--e-muted);line-height:1.75}.peres-cote-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:32px;border-top:1px solid var(--e-line)}.peres-cote-milestones article{padding:26px 0;border-bottom:1px solid var(--e-line)}.peres-cote-milestones span{color:var(--e-gold);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.peres-cote-milestones h3{margin:10px 0;font-family:var(--e-title-font);font-size:1.65rem}.peres-cote-milestones p{max-width:58ch;margin:0;color:var(--e-muted);line-height:1.7}
.peres-cote-legacy{padding:76px 0;background:#11191f;border-block:1px solid var(--e-line)}.peres-cote-legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.peres-cote-legacy figure{margin:0}.peres-cote-legacy figure img{display:block;width:100%;height:auto;max-height:500px;object-fit:cover}.peres-cote-legacy figcaption{margin-top:10px;color:var(--e-muted);font-size:.82rem}.peres-cote-legacy-grid>div>p:not(.eyebrow){color:var(--e-muted);line-height:1.8}
.peres-cote-film{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.peres-cote-film>div:first-child{max-width:720px}.peres-cote-film>div:first-child>p:not(.eyebrow){max-width:62ch;color:var(--e-muted);line-height:1.75}.peres-cote-related{display:grid;gap:0;border-top:1px solid var(--e-line)}.peres-cote-related .eyebrow{margin-bottom:8px}.peres-cote-related a{padding:16px 0;border-bottom:1px solid var(--e-line);color:var(--e-gold);text-decoration:none}.peres-cote-related a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.peres-cote-hero{min-height:640px;background-position:58% center}.peres-cote-hero-inner{padding-block:54px}.peres-cote-hero .text-link{margin-bottom:30px}.peres-cote-hero h1{font-size:clamp(3.5rem,16vw,5.5rem)}.peres-cote-intro,.peres-cote-legacy-grid,.peres-cote-film{grid-template-columns:1fr;gap:26px}.peres-cote-milestones{grid-template-columns:1fr}.peres-cote-legacy{padding:48px 0}.peres-cote-credit{right:18px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.peres-cote-page *{scroll-behavior:auto!important}}

.peres-cote-videos .section-heading>p{max-width:480px;color:var(--e-muted);line-height:1.75}.peres-cote-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.peres-cote-video-grid article{position:relative;display:flex;min-height:235px;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid var(--e-line);background:linear-gradient(145deg,#1a252b,#11191f)}.peres-cote-video-grid .eyebrow{margin:0 0 10px;color:var(--e-gold)}.peres-cote-video-grid h3{max-width:28ch;margin:0 0 22px;font-family:var(--e-title-font);font-size:1.55rem;line-height:1.15}.peres-cote-video-grid .button{margin-top:auto}.peres-cote-play{position:absolute;right:24px;top:22px;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--e-gold);border-radius:50%;color:var(--e-gold);font-size:.8rem}.peres-cote-video-grid button{cursor:pointer}@media(max-width:760px){.peres-cote-video-grid{grid-template-columns:1fr}.peres-cote-video-grid article{min-height:205px}}