/* off.css — Magazine « Notre Jour OFF » (phase 8-2). Aucune nouvelle identité : variables et composants de tokens.css. */
.off-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem;}
.off-filters .ce-chip{text-decoration:none;display:inline-block;}

/* Grille : 1 colonne mobile, 2 tablette, asymétrique ordinateur (la une sur 2 colonnes) */
.off-grid{display:grid;grid-template-columns:1fr;gap:22px;}
@media(min-width:640px){.off-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.off-grid{grid-template-columns:repeat(3,1fr);}.off-grid .off-card-big{grid-column:span 2;}.off-grid-3 .off-card-big{grid-column:auto;}}

.off-card{display:flex;flex-direction:column;border:1px solid var(--line);background:rgba(243,238,230,.03);color:var(--paper);text-decoration:none;overflow:hidden;border-radius:0;transition:border-color .25s,transform .25s;}
.off-card:hover,.off-card:focus-visible{border-color:var(--champagne);}
.off-card-img{display:block;position:relative;aspect-ratio:4/3;background:#171717 center/cover no-repeat;transition:transform .6s cubic-bezier(.65,0,.2,1);}
.off-card-big .off-card-img{aspect-ratio:16/9;}
.off-card{overflow:hidden;}
.off-card:hover .off-card-img{transform:scale(1.04);}
.off-card-body{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.3rem 1.4rem;position:relative;background:var(--ink,#0a0a0a);}
.off-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.9rem;}
.off-meta .ce-no{font:700 .9rem var(--display);letter-spacing:.12em;color:var(--champagne);}
.off-meta .ce-kicker{margin:0;text-decoration:none;}
.off-card-title{font:600 1.15rem/1.3 var(--display);}
.off-card-big .off-card-title{font-size:clamp(1.4rem,2.6vw,2rem);}
.off-card-sum{color:var(--mute);line-height:1.6;}
.off-date{color:var(--mute);font-size:.82rem;letter-spacing:.04em;margin:0;}
.off-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(206,3,3,.92);}
.off-play::after{content:"";position:absolute;left:25px;top:19px;border-left:19px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;}
.off-empty{max-width:560px;margin:3rem 0;}
.off-pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.4rem;flex-wrap:wrap;}

/* Publication */
.off-hero .off-meta{margin-bottom:1rem;}
.off-hero .ce-kicker{color:var(--champagne);}
.off-article{max-width:780px;margin:0 auto;}
.off-lead{font:500 clamp(1.1rem,2vw,1.35rem)/1.6 var(--display);color:var(--paper);margin:0 0 2rem;}
.off-body{line-height:1.85;color:rgba(243,238,230,.86);font-size:1.03rem;}
.off-body p{margin:0 0 1.5rem;}
.off-h2{font:600 clamp(1.4rem,2.6vw,1.9rem)/1.2 var(--display);margin:2.4rem 0 1rem;}
.off-h2::before{content:"";display:block;width:46px;height:8px;background:var(--red);transform:skewX(-30deg);margin-bottom:1rem;}
.off-fig{margin:2rem 0;}
.off-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);}
.off-fig figcaption{color:var(--mute);font-size:.85rem;margin-top:.6rem;}
@media(min-width:1000px){.off-fig-wide{margin-left:-90px;margin-right:-90px;}}
.off-two,.off-gallery{display:grid;gap:10px;margin:2rem 0;}
.off-two{grid-template-columns:repeat(2,1fr);}
.off-gallery{grid-template-columns:repeat(2,1fr);}
@media(min-width:760px){.off-gallery{grid-template-columns:repeat(3,1fr);}}
.off-video{position:relative;aspect-ratio:16/9;margin:2rem 0;border:1px solid var(--line);background:#000;}
.off-video-v{aspect-ratio:9/16;max-width:420px;margin-left:auto;margin-right:auto;}
.off-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.off-quote{margin:2.2rem 0;font:500 1.25rem/1.55 var(--display);}
.off-quote cite{display:block;margin-top:.8rem;font:500 .8rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--champagne);font-style:normal;}
.off-sep{border:0;border-top:1px solid var(--line);margin:2.4rem 0;}
.off-cta{margin:2rem 0;}
.off-split{display:grid;gap:1.4rem;margin:2rem 0;align-items:start;}
@media(min-width:760px){.off-split{grid-template-columns:1fr 1fr;}}
.off-split img{width:100%;height:auto;border:1px solid var(--line);}
.off-timeline{list-style:none;margin:2rem 0;padding:0;border-left:2px solid var(--red);}
.off-timeline li{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:.7rem 0 .7rem 1.2rem;}
.off-share{margin:3rem 0 2rem;}
.off-share .ce-chip{display:inline-block;text-decoration:none;margin:0 .4rem .5rem 0;font-size:.9rem;padding:.5rem .9rem;}

/* Visionneuse : flèches (groupes de galerie uniquement) */
#ce-lb .lb-nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(10,10,10,.6);color:var(--paper);font-size:1.3rem;cursor:pointer;}
#ce-lb .lb-prev{left:14px;right:auto;top:50%;}
#ce-lb .lb-next{right:14px;top:50%;}
#ce-lb .lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--mute);font-size:.85rem;}

@media(prefers-reduced-motion:reduce){.off-card,.off-card-img{transition:none;}.off-card:hover .off-card-img{transform:none;}}
.off-preview{position:sticky;top:0;z-index:60;background:var(--champagne);color:#0a0a0a;text-align:center;padding:.6rem 1rem;font:600 .85rem var(--display);}