:root{--bg:#101110;--text:#f0eee8;--muted:#aaa9a1;--accent:#d8ef8b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{min-height:110px;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #363732;gap:30px}.brand small{font-size:8px;letter-spacing:2px;display:block}.brand strong{display:block;font-size:38px;letter-spacing:-2px;line-height:1.1}.brand span{color:var(--accent);font-size:26px;margin-left:12px}nav{display:flex;align-items:center;gap:20px;font-size:11px}nav a:hover,summary:hover{color:var(--accent)}nav details{position:relative}summary{list-style:none}summary:after{content:' ⌄'}details div{position:absolute;top:35px;left:-20px;min-width:190px;background:#22231e;border:1px solid #444;z-index:10;padding:15px}details div a{display:block;padding:8px}.contact-nav{border:1px solid #65675d;padding:11px 14px}.menu{display:none}.hero{position:relative;height:650px;max-height:80vh;min-height:500px;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 48%;opacity:.7}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0bea,transparent 85%),linear-gradient(0deg,#101110,transparent 40%)}.hero-content{position:relative;z-index:1;padding:90px 7%;max-width:1000px}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:10px;color:var(--accent);margin-bottom:25px}h1{font-size:clamp(56px,7.2vw,104px);line-height:1;letter-spacing:-5px;font-weight:400;margin:0 0 28px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}h2{font-size:clamp(32px,4vw,56px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:0 0 24px}h3{font-size:23px;font-weight:400;line-height:1.3}.hero p{max-width:440px;color:#d6d5ce;font-size:15px}.button{display:inline-flex;gap:35px;align-items:center;padding:13px 22px;border:1px solid #75796b;margin-top:20px;font-size:12px}.button.primary{background:var(--accent);border-color:var(--accent);color:#181b10}.button:hover{background:#e7efcf;color:#111}.hero .button{margin-right:10px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;z-index:1;display:flex;justify-content:space-between;color:#aaa;font-size:10px;letter-spacing:1.5px}.section{padding:80px 7%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading h2{margin:0}.textlink{font-size:12px;border-bottom:1px solid #777;padding-bottom:6px}.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 26px}.series-card .image{overflow:hidden;aspect-ratio:1.6;position:relative}.series-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.series-card:hover img{transform:scale(1.04)}.series-card h3{margin:15px 0 3px}.series-card small{color:var(--muted);font-size:10px;letter-spacing:1.5px}.series-card .arrow{float:right;color:var(--accent)}.intro{border-top:1px solid #35362f;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;background:#171915}.intro p{color:#c8c9bf}.names{color:var(--accent);font-size:11px;line-height:2;letter-spacing:1px}.pagehead{padding:65px 7% 35px}.pagehead h1{font-size:clamp(45px,6vw,82px);letter-spacing:-3px}.pagehead p{color:var(--muted);max-width:650px}.editorial{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;padding-top:20px}.editorial img{width:100%;height:auto;max-height:650px;object-fit:cover}.prose{max-width:820px}.prose p{margin:0 0 24px;color:#cecec6;font-size:16px;line-height:1.85}.prose p:first-child{color:var(--text);font-size:20px}.gallery{columns:3;column-gap:18px;margin-top:40px}.gallery button{border:0;background:none;padding:0;width:100%;margin:0 0 18px}.gallery img{width:100%;display:block}.profile{display:grid;grid-template-columns:280px 1fr;gap:65px;padding:50px 0;border-bottom:1px solid #3b3d32}.profile img{width:100%;max-height:360px;object-fit:cover}.profile h2{font-size:32px}.profile p{color:#bfc0b7}.timeline p{border-bottom:1px solid #383a31;padding:15px 0;margin:0}.contactbox{background:#1c1e18;padding:40px;margin-top:25px}.email{font-size:clamp(18px,3vw,36px);border-bottom:1px solid #777;word-break:break-word}label{display:block;font-size:12px;margin:15px 0 6px}input,textarea{width:100%;background:#11130f;color:white;border:1px solid #565a4b;padding:12px}textarea{height:130px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{border-top:1px solid #393b31;padding:45px 7%;display:flex;justify-content:space-between;gap:30px;color:#a2a599;font-size:11px}.footbrand{font-size:38px;line-height:1;color:var(--text);letter-spacing:-2px}dialog{background:#101110;border:1px solid #555;max-width:95vw;max-height:95vh;padding:45px 15px 15px}dialog::backdrop{background:#000e}dialog img{display:block;max-width:88vw;max-height:80vh}dialog button{position:absolute;right:15px;top:8px;background:none;border:0;color:white}@media(min-width:1500px){nav{font-size:13px;gap:25px}}@media(max-width:1150px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between}.hero-content{padding-top:70px}.hero{height:620px}}@media(max-width:760px){header{padding:20px 6%;min-height:90px}.brand strong{font-size:32px}.menu{display:block;background:none;border:1px solid #65675d;color:white;padding:8px 14px;font-size:12px}nav{display:none;align-items:stretch;font-size:14px;gap:0}nav.open{display:flex;flex-direction:column}nav>a,summary{padding:12px 0}details div{position:static;min-width:0}.hero{height:620px;max-height:none;min-height:0}.hero-content{padding:75px 7%}h1{letter-spacing:-3px}.hero>img{object-position:58%}.hero .button{padding:12px 14px;gap:15px}.hero-bottom{font-size:8px;gap:20px}.section{padding:50px 7%}.section-heading{align-items:start;flex-direction:column;gap:20px}.series-grid{grid-template-columns:1fr;gap:30px}.intro,.editorial{grid-template-columns:1fr;gap:30px}.profile{grid-template-columns:1fr;gap:25px}.profile img{width:200px}.gallery{columns:2}.pagehead{padding-top:45px}.formgrid{grid-template-columns:1fr;gap:0}.contactbox{padding:23px}footer{flex-wrap:wrap}footer>div{width:40%}.hero-bottom span:last-child{display:none}}

/* Identité du collectif et actualités */
.brand,.footbrand{display:block;flex-shrink:0;line-height:1}.site-logo{display:block;width:245px;height:auto;filter:brightness(0) invert(1)}.footbrand .site-logo{width:230px}nav a[aria-current="page"]{color:var(--accent)}.news-section{padding-top:20px;display:grid;grid-template-columns:1.6fr 1fr;gap:7%}.news-empty{border-top:1px solid #4b4f40;padding:35px 0}.news-empty h2{font-size:38px}.news-empty p,.news-section aside p{color:var(--muted)}.news-section aside{border-left:1px solid #3b3d32;padding-left:35px}.news-section .button{margin-right:10px}nav{flex-wrap:wrap;justify-content:flex-end}header{flex-wrap:wrap}nav{flex:1;min-width:0}
@media(max-width:1280px) and (min-width:761px){header nav{flex-basis:100%;justify-content:space-between}}
@media(max-width:760px){.site-logo{width:210px}.footbrand .site-logo{width:210px}header nav{flex-basis:100%;justify-content:initial}.news-section{grid-template-columns:1fr;gap:25px}.news-section aside{border-left:0;border-top:1px solid #3b3d32;padding:20px 0}.news-empty h2{font-size:30px}}
@media(max-width:360px){.site-logo{width:175px}}

/* Séries compactes sur l’accueil */
.home-series .series-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-series .series-card .image{aspect-ratio:1.5}.home-series .series-card h3{font-size:19px;margin-top:12px}.home-series .series-card small{font-size:9px;letter-spacing:1px}.home-series .series-card .arrow{margin-left:6px}
@media(max-width:760px){.home-series .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.home-series .series-card h3{font-size:17px}.home-series .series-card small{font-size:8px;letter-spacing:.7px}}

.header-social{display:flex;align-items:center;gap:5px;flex-shrink:0}.header-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text);transition:color .2s}.header-social a:hover{color:var(--accent)}.header-social svg{width:21px;height:21px}header{gap:20px}
@media(max-width:760px){header{gap:10px}.header-social{margin-left:auto;gap:0}.header-social a{width:30px;height:34px}.menu{padding:8px 10px}.brand .site-logo{width:180px}}
@media(max-width:400px){.brand .site-logo{width:145px}.menu{padding:8px;font-size:11px}}
