/* Styles communs des pages reportage photo video */
:root{--ink:#2b2130;--muted:#6e6272;--paper:#ffffff;--mist:#f6f2f4;--gold:#9c7a3c;--gold-dark:#7d612c;--line:#e7dfe3}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 "Karla",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-dark)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,33,48,0) 35%,rgba(43,33,48,.82) 100%)}
.hero-text{position:relative;z-index:1;max-width:980px;padding:0 6vw 7vh}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.15}
h1{font-size:clamp(2.3rem,5.4vw,4.4rem);margin:0 0 .4em;letter-spacing:-.01em}
.hero p{font-size:1.15rem;max-width:60ch;margin:0 0 1.4em;opacity:.95}
.btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;padding:.85em 1.6em;border-radius:2px;font-weight:700}
.btn:hover{background:var(--gold-dark)}
main{max-width:760px;margin:0 auto;padding:4.5rem 1.4rem 2rem}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:2.6em 0 .5em}
h2:first-child{margin-top:0}
h3{font-size:1.45rem;margin:1.8em 0 .3em;color:var(--gold-dark)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2.2rem -8vw;max-width:none}
.duo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.wide{margin:2.4rem -8vw}
.wide img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media(min-width:1100px){.duo,.wide{margin-left:-160px;margin-right:-160px}}
@media(min-width:641px) and (max-width:860px){.duo,.wide{margin-left:-1.4rem;margin-right:-1.4rem}}
@media(max-width:640px){.duo{grid-template-columns:1fr;margin:2rem 0}.wide{margin:2rem 0}.duo img{aspect-ratio:4/3}}
.faq{background:var(--mist);padding:3.5rem 1.4rem;margin-top:3rem}
.faq-in{max-width:760px;margin:0 auto}
.faq h2{margin-top:0}
.faq h3{color:var(--ink);font-size:1.25rem}
.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:3rem 0;padding:2.2rem 0;text-align:center}
.cta p{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;margin:0 0 1rem;line-height:1.3}
.tags{max-width:760px;margin:0 auto;padding:2.5rem 1.4rem 3.5rem;font-size:.95rem;color:var(--muted)}
.tags a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);margin-right:.9em;line-height:2.2;white-space:nowrap}
.tags a:hover{color:var(--gold-dark)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Footer commun au site */
footer{background:#222;color:#fff;text-align:center;padding:20px}
footer a{color:#fff}
.footerlarge{background:#000;max-width:100%;padding:40px 20px}
.footer-container{background:#000;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:auto}
.footer-column h3{font-family:inherit;font-size:12px;line-height:1.4;margin:0 0 10px;color:#ccc}
.footer-column a{display:block;color:#ccc;text-decoration:none;margin:5px 0;font-size:10px;line-height:1.5}
.footer-column a:hover,.footer-column a:focus-visible{color:#fff}
@media(max-width:900px){.footer-container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.footer-container{grid-template-columns:1fr}}

/* Mentions légales du pied de page : sur toute la largeur, centrées */
.footer-note{grid-column:1 / -1; text-align:center; margin-top:20px; font-size:12px; color:#C9C6BD;}
.footer-note a{display:inline; padding:0; color:inherit; text-decoration:none;}
.footer-note a:hover{color:#fff; text-decoration:underline;}