/* Page Actualités « La vie du circuit » : plein écran façon miroir + frise chronologique */
.ra{--ra-red:#E30613;--ra-top:0px;--ra-t:'Archivo','Arial Black',Arial,sans-serif;--ra-b:'Barlow',Arial,sans-serif;position:relative;z-index:2;background:#0E0F11;color:#fff;font-family:var(--ra-b)}
.ra *{box-sizing:border-box}
.ra-hd{max-width:1400px;margin:0 auto;padding:56px max(20px,5vw) 40px}
.ra-kick{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ra-red)}
.ra-hd h1{margin:0;font-family:var(--ra-t);font-stretch:125%;font-weight:900;font-size:clamp(40px,7vw,96px)!important;line-height:.9!important;text-transform:uppercase;letter-spacing:-.01em;color:#fff}
.ra-lead{margin:16px 0 0;max-width:52ch;color:#B9BCC2;font-size:17px;line-height:1.5}
.ra-hint{margin:22px 0 0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8B9098}
.ra-hint span{display:inline-block;color:var(--ra-red);animation:ra-b 1.6s ease-in-out infinite}
@keyframes ra-b{50%{transform:translateY(5px)}}
.ra-vide{max-width:1400px;margin:0 auto;padding:0 max(20px,5vw) 60px;color:#B9BCC2;font-size:17px}
.ra-vide a{color:#fff}
.ra-mi{position:relative}
.ra-st{position:sticky;top:var(--ra-top);height:calc(100vh - var(--ra-top));height:calc(100svh - var(--ra-top));overflow:hidden;background:#000}
.ra-pn{position:absolute;inset:0;overflow:hidden}
.ra-pt{pointer-events:none}
.ra-tr{position:absolute;left:0;right:0;top:0;will-change:transform}
.ra-it{position:relative;overflow:hidden;height:calc(100vh - var(--ra-top))}
.ra-ph img.ra-fg{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;filter:brightness(.72)}
.ra-ph img.ra-bl{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.45) saturate(1.2);transform:scale(1.25)}
.ra-ph.q{background:var(--ra-red);display:flex;align-items:center;justify-content:center}
.ra-ph.q q{font-family:var(--ra-t);font-stretch:125%;font-weight:900;font-size:clamp(64px,12vw,180px);line-height:.9;quotes:none;color:#fff;transform:translateX(18vw)}
.ra-ph.sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,140,60,.25),rgba(120,40,90,.18) 60%,rgba(20,10,40,.3));mix-blend-mode:multiply;pointer-events:none}
.ra-tx{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 max(20px,6vw)}
.ra-in{display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto;max-width:520px;background:rgba(14,15,17,.58);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px 30px;transition:opacity .5s,transform .5s}
.ra-tx:not(.act) .ra-in{opacity:.25;transform:translateY(10px)}
.ra-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;margin-bottom:16px}
.ra-tag i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.ra-in b{font-family:var(--ra-t);font-stretch:125%;font-weight:900;font-size:clamp(56px,7vw,110px);line-height:.85;color:var(--ra-red)}
.ra-in b small{display:block;font-size:.3em;color:#fff;letter-spacing:.04em;margin-top:6px}
.ra-in h2{margin:18px 0 8px!important;font-family:var(--ra-t);font-stretch:110%;font-weight:800;font-size:clamp(22px,2.6vw,34px)!important;line-height:1.1!important;max-width:20ch;color:#fff}
.ra-in p{margin:0;color:#D5D7DB;line-height:1.55;font-size:17px;max-width:42ch}
.ra-n{margin-top:18px;font-size:13px;font-weight:700;letter-spacing:.14em;color:#A9ADB4}
/* frise chronologique */
.ra-fr{position:absolute;z-index:5;right:max(16px,3vw);top:50%;transform:translateY(-50%);max-height:78%;width:220px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:10px 0;background:rgba(14,15,17,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:20px;-webkit-mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.ra-fr::-webkit-scrollbar{display:none}
.ra-fr ol{list-style:none;margin:0;padding:8px 0;position:relative}
.ra-fr ol:before{content:"";position:absolute;left:26px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.18)}
.ra-fr .mo{position:relative;padding:12px 14px 6px 44px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8B9098;white-space:nowrap}
.ra-fr .mo:first-child{padding-top:4px}
.ra-fr button{all:unset;position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:6px 14px 6px 44px;cursor:pointer;color:#A9ADB4;font-family:var(--ra-t);font-stretch:125%;font-weight:800;font-size:15px;box-sizing:border-box}
.ra-fr button:before{content:"";position:absolute;left:21px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#0E0F11;border:2px solid rgba(255,255,255,.45);transition:all .25s}
.ra-fr button.past:before{background:var(--ra-red);border-color:var(--ra-red)}
.ra-fr button.past{color:#D5D7DB}
.ra-fr button.on{color:#fff}
.ra-fr button.on:before{width:18px;height:18px;margin-top:-9px;left:18px;background:var(--ra-red);border:3px solid #fff;box-shadow:0 0 12px rgba(227,6,19,.8)}
.ra-fr button span{font-family:var(--ra-b);font-stretch:100%;font-weight:600;font-size:12px;color:inherit;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.ra-fr button:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:8px}
.ra-fr button:hover{color:#fff}
@media (orientation:portrait),(max-width:760px){
  .ra-tx{justify-content:flex-end;padding-bottom:26px}
  .ra-in{padding:22px;max-width:none;width:100%}
  .ra-in p{font-size:16px}
  .ra-fr{left:0;right:0;top:0;transform:none;width:auto;max-height:none;overflow-x:auto;overflow-y:hidden;border-radius:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
  .ra-fr ol{display:flex;align-items:flex-end;padding:10px 24px 12px;width:max-content}
  .ra-fr ol:before{left:0;right:0;top:auto;bottom:21px;width:auto;height:2px}
  .ra-fr .mo{padding:0 10px 30px 16px;font-size:10px}
  .ra-fr .mo:first-child{padding-left:0}
  .ra-fr button{flex-direction:column;gap:0;width:auto;padding:0 9px 22px;font-size:14px}
  .ra-fr button:before{left:50%;top:auto;bottom:-1px;margin:0 0 0 -6px}
  .ra-fr button.on:before{left:50%;margin:0 0 0 -9px;bottom:-4px}
  .ra-fr button span{display:none}
  .ra-ph.q q{transform:translateY(-16vh)}
  .ra-ph.q{align-items:center}
  .ra[data-m=pan] .ra-ph.land img.ra-fg{animation:ra-pan 9s ease-in-out infinite alternate;animation-play-state:paused}
  .ra[data-m=pan] .ra-ph.land.act img.ra-fg{animation-play-state:running}
  .ra[data-m=fit] .ra-ph.land img.ra-bl{display:block}
  .ra[data-m=fit] .ra-ph.land{background:#000}
  .ra[data-m=fit] .ra-ph.land img.ra-fg{position:absolute;left:0;right:0;top:11%;height:42%!important;object-fit:contain;filter:none}
}
@keyframes ra-pan{0%{object-position:0% 50%}100%{object-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.ra-ph img.ra-fg{animation:none!important}.ra-hint span{animation:none}.ra-in{transition:none}}
.ra.nojs .ra-mi,.ra.nojs .ra-st{height:auto;position:static}
.ra-plus{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:68px;height:68px;border-radius:50%;background:#E30613;color:#fff!important;text-decoration:none!important;font:800 10px var(--ra-b);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 26px rgba(227,6,19,.45),0 0 0 4px #fff;animation:ra-pulse 2.4s ease-in-out 3}
.ra-plus:active{transform:scale(.94)}
@keyframes ra-pulse{50%{box-shadow:0 10px 26px rgba(227,6,19,.45),0 0 0 4px #fff,0 0 0 14px rgba(227,6,19,.25)}}
.ra-add{margin:24px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ra-add a{display:inline-flex;align-items:center;gap:10px;background:#E30613;color:#fff!important;text-decoration:none!important;font:800 17px var(--ra-b);padding:15px 24px;border-radius:999px;box-shadow:0 10px 24px rgba(227,6,19,.35)}
.ra-add small{font-size:13px;color:#8B9098}
/* ---------- Mise en page « La diagonale » ---------- */
.ra-str,.ra-str2{display:none}
.ra.l-diag{background:#F3F3F1;color:#111214}
.ra.l-diag .ra-hd h1{color:#111214}
.ra.l-diag .ra-lead{color:#5A5E66}
.ra.l-diag .ra-hint{color:#6A6E75}
.ra.l-diag .ra-vide{color:#5A5E66}.ra.l-diag .ra-vide a{color:#111214}
.ra.l-diag .ra-st{background:#F3F3F1}
.ra.l-diag .ra-pp{clip-path:polygon(0 0,58% 0,47% 100%,0 100%);z-index:1}
.ra.l-diag .ra-str,.ra.l-diag .ra-str2{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}
.ra.l-diag .ra-str{background:var(--ra-red);clip-path:polygon(58% 0,60% 0,49% 100%,47% 100%)}
.ra.l-diag .ra-str2{background:#fff;clip-path:polygon(60.6% 0,61.4% 0,50.4% 100%,49.6% 100%)}
.ra.l-diag .ra-pt{z-index:2}
.ra.l-diag .ra-ph img.ra-fg{filter:none}
.ra.l-diag .ra-ph.q{justify-content:flex-start;padding-left:5vw}.ra.l-diag .ra-ph.q q{transform:none;font-size:clamp(60px,8vw,130px)}
.ra.l-diag .ra-tx{padding:0 150px 0 calc(60% + 40px)}
.ra.l-diag .ra-in{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;padding:0;max-width:460px;color:#111214}
.ra.l-diag .ra-tag{background:#111214}
.ra.l-diag .ra-in b small{color:#111214}
.ra.l-diag .ra-in h2{color:#111214}
.ra.l-diag .ra-in p{color:#5A5E66}
.ra.l-diag .ra-n{color:#8B9098}
.ra.l-diag .ra-fr{width:86px;right:max(14px,2vw);background:rgba(255,255,255,.75);border-color:rgba(17,18,20,.08);box-shadow:0 10px 30px rgba(17,18,20,.08)}
.ra.l-diag .ra-fr ol:before{left:22px;background:rgba(17,18,20,.15)}
.ra.l-diag .ra-fr .mo{padding:12px 6px 6px 14px;white-space:normal;line-height:1.3;color:#6A6E75;font-size:10px}
.ra.l-diag .ra-fr button{padding:6px 10px 6px 38px;color:#8B9098}
.ra.l-diag .ra-fr button:before{left:17px;background:#F3F3F1;border-color:rgba(17,18,20,.35)}
.ra.l-diag .ra-fr button.past{color:#3A3F47}
.ra.l-diag .ra-fr button.on{color:#111214}
.ra.l-diag .ra-fr button.on:before{left:14px;border-color:#111214;box-shadow:0 0 0 3px rgba(227,6,19,.25)}
.ra.l-diag .ra-fr button span{display:none}
.ra.l-diag .ra-fr button:focus-visible{outline-color:#111214}
@media (orientation:portrait),(max-width:760px){
  .ra.l-diag .ra-pp{clip-path:polygon(0 0,100% 0,100% 44%,0 54%)}
  .ra.l-diag .ra-str{clip-path:polygon(0 54%,100% 44%,100% 46%,0 56%)}
  .ra.l-diag .ra-str2{clip-path:polygon(0 56.8%,100% 46.8%,100% 47.4%,0 57.4%)}
  .ra.l-diag .ra-tx{padding:calc(var(--ra-h,80vh) * .6) 20px 20px;justify-content:flex-start}
  .ra.l-diag .ra-in{max-width:none}
  .ra.l-diag .ra-in b{font-size:52px}
  .ra.l-diag .ra-in h2{margin:10px 0 6px!important}
  .ra.l-diag .ra-tag{margin-bottom:10px}
  .ra.l-diag .ra-n{margin-top:12px}
  .ra.l-diag .ra-ph.q{justify-content:center;padding:0}.ra.l-diag .ra-ph.q q{transform:translateY(-22vh);font-size:clamp(60px,16vw,110px)}
  .ra.l-diag .ra-fr{width:auto;right:0;background:rgba(14,15,17,.55);border:0;box-shadow:none}
  .ra.l-diag .ra-fr ol:before{left:0;background:rgba(255,255,255,.25)}
  .ra.l-diag .ra-fr .mo{color:#C9CCD1;white-space:nowrap;padding:0 10px 30px 16px}
  .ra.l-diag .ra-fr button{padding:0 9px 22px;color:#C9CCD1}
  .ra.l-diag .ra-fr button.past,.ra.l-diag .ra-fr button.on{color:#fff}
  .ra.l-diag .ra-fr button:before{left:50%;background:#0E0F11;border-color:rgba(255,255,255,.5)}
  .ra.l-diag .ra-fr button.past:before{background:var(--ra-red);border-color:var(--ra-red)}
  .ra.l-diag .ra-fr button.on:before{left:50%;background:var(--ra-red);border-color:#fff;box-shadow:none}
  .ra.l-diag[data-m=fit] .ra-ph.land img.ra-fg{top:10%;height:38%!important}
}
@media (orientation:portrait),(max-width:760px){.ra.l-diag:not([data-m=fit]) .ra-ph img.ra-fg,.ra.l-diag .ra-ph:not(.land) img.ra-fg{height:58%!important}}
/* ---------- Variantes de la diagonale ---------- */
/* Le chevron (la flèche du logo) */
.ra.l-chev .ra-pp{clip-path:polygon(0 0,56% 0,47% 50%,56% 100%,0 100%)}
.ra.l-chev .ra-str{clip-path:polygon(56% 0,58.6% 0,49.6% 50%,58.6% 100%,56% 100%,47% 50%)}
.ra.l-chev .ra-str2{clip-path:polygon(59.4% 0,60.2% 0,51.2% 50%,60.2% 100%,59.4% 100%,50.4% 50%)}
/* La diagonale de nuit */
.ra.l-nuit,.ra.l-nuit .ra-st{background:#0E0F11;color:#fff}
.ra.l-nuit .ra-hd h1,.ra.l-nuit .ra-in h2,.ra.l-nuit .ra-in b small{color:#fff}
.ra.l-nuit .ra-lead,.ra.l-nuit .ra-in p{color:#B9BCC2}
.ra.l-nuit .ra-tag{background:rgba(255,255,255,.12)}
.ra.l-nuit .ra-fr{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:none}
.ra.l-nuit .ra-fr ol:before{background:rgba(255,255,255,.18)}
.ra.l-nuit .ra-fr .mo{color:#8B9098}.ra.l-nuit .ra-fr button{color:#8B9098}.ra.l-nuit .ra-fr button.past{color:#C9CCD1}.ra.l-nuit .ra-fr button.on{color:#fff}
.ra.l-nuit .ra-fr button:before{background:#0E0F11;border-color:rgba(255,255,255,.4)}
.ra.l-nuit .ra-fr button.on:before{border-color:#fff}
/* Photo à droite + date en filigrane */
.ra.l-droite .ra-pp{clip-path:polygon(42% 0,100% 0,100% 100%,53% 100%)}
.ra.l-droite .ra-str{clip-path:polygon(40% 0,42% 0,53% 100%,51% 100%)}
.ra.l-droite .ra-str2{clip-path:polygon(38.6% 0,39.4% 0,50.4% 100%,49.6% 100%)}
.ra.l-droite .ra-tx{padding:0 60% 0 max(40px,6vw)}
.ra.l-droite .ra-tx:before{content:attr(data-j);position:absolute;left:-1vw;bottom:-6vw;font-family:var(--ra-t);font-stretch:125%;font-weight:900;font-size:34vw;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(17,18,20,.07);pointer-events:none}
.ra.l-droite .ra-ph.q{justify-content:flex-end;padding:0 5vw 0 0}
.ra.l-droite .ra-fr{background:rgba(14,15,17,.55);border-color:rgba(255,255,255,.12)}
.ra.l-droite .ra-fr .mo{color:#C9CCD1}.ra.l-droite .ra-fr button{color:#C9CCD1}.ra.l-droite .ra-fr button.past,.ra.l-droite .ra-fr button.on{color:#fff}
.ra.l-droite .ra-fr ol:before{background:rgba(255,255,255,.25)}
.ra.l-droite .ra-fr button:before{background:#0E0F11;border-color:rgba(255,255,255,.5)}
.ra.l-droite .ra-fr button.on:before{border-color:#fff}
/* Le damier en biais */
.ra.l-damier .ra-str{background:repeating-conic-gradient(#111214 0 25%,#fff 0 50%) 0 0/18px 18px;clip-path:polygon(58% 0,61% 0,50% 100%,47% 100%)}
.ra.l-damier .ra-str2{background:var(--ra-red);clip-path:polygon(61.6% 0,62.4% 0,51.4% 100%,50.6% 100%)}
/* La bande qui balaie (la coupure traverse l'écran entre deux actus) */
.ra.l-balai{--sw:0}
.ra.l-balai .ra-pp{clip-path:polygon(0 0,calc(58% + var(--sw) * 46%) 0,calc(47% + var(--sw) * 57%) 100%,0 100%)}
.ra.l-balai .ra-str{clip-path:polygon(calc(58% + var(--sw) * 46%) 0,calc(60% + var(--sw) * 46%) 0,calc(49% + var(--sw) * 57%) 100%,calc(47% + var(--sw) * 57%) 100%)}
.ra.l-balai .ra-str2{clip-path:polygon(calc(60.6% + var(--sw) * 46%) 0,calc(61.4% + var(--sw) * 46%) 0,calc(50.4% + var(--sw) * 57%) 100%,calc(49.6% + var(--sw) * 57%) 100%)}
@media (orientation:portrait),(max-width:760px){
  .ra.l-chev .ra-pp{clip-path:polygon(0 0,100% 0,100% 46%,50% 54%,0 46%)}
  .ra.l-chev .ra-str{clip-path:polygon(0 46%,50% 54%,100% 46%,100% 48.4%,50% 56.4%,0 48.4%)}
  .ra.l-chev .ra-str2{clip-path:polygon(0 49.2%,50% 57.2%,100% 49.2%,100% 49.8%,50% 57.8%,0 49.8%)}
  .ra.l-droite .ra-pp{clip-path:polygon(0 0,100% 0,100% 54%,0 44%)}
  .ra.l-droite .ra-str{clip-path:polygon(0 44%,100% 54%,100% 56%,0 46%)}
  .ra.l-droite .ra-str2{clip-path:polygon(0 46.8%,100% 56.8%,100% 57.4%,0 47.4%)}
  .ra.l-droite .ra-tx{padding:calc(var(--ra-h,80vh) * .6) 20px 20px}
  .ra.l-droite .ra-tx:before{font-size:60vw;bottom:-14vw;left:auto;right:-4vw}
  .ra.l-droite .ra-ph.q{justify-content:center;padding:0}
  .ra.l-damier .ra-str{clip-path:polygon(0 54%,100% 44%,100% 47%,0 57%);background-size:14px 14px}
  .ra.l-damier .ra-str2{clip-path:polygon(0 57.6%,100% 47.6%,100% 48.2%,0 58.2%)}
  .ra.l-balai .ra-pp{clip-path:polygon(0 0,100% 0,100% calc(44% + var(--sw) * 56%),0 calc(54% + var(--sw) * 46%))}
  .ra.l-balai .ra-str{clip-path:polygon(0 calc(54% + var(--sw) * 46%),100% calc(44% + var(--sw) * 56%),100% calc(46% + var(--sw) * 56%),0 calc(56% + var(--sw) * 46%))}
  .ra.l-balai .ra-str2{clip-path:polygon(0 calc(56.8% + var(--sw) * 46%),100% calc(46.8% + var(--sw) * 56%),100% calc(47.4% + var(--sw) * 56%),0 calc(57.4% + var(--sw) * 46%))}
}
/* ---------- Mise en valeur des photos ---------- */
.ra-cap{display:none}
.ra-pp{cursor:zoom-in}
.ra-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,5,6,.94);color:#fff;z-index:100000}
.ra-lb::backdrop{background:rgba(5,5,6,.94)}
.ra-lb[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.ra-lb img{max-width:96vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.ra-lb p{margin:0;padding:0 20px;text-align:center;font-family:var(--ra-t);font-stretch:110%;font-weight:800;font-size:18px}
.ra-lb button{all:unset;position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:16px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:44px;text-align:center;cursor:pointer}
.ra-lb button:focus-visible{outline:2px solid #fff}
.ra-voir{all:unset;position:absolute;z-index:6;left:max(16px,2vw);bottom:18px;display:flex;align-items:center;gap:8px;background:rgba(14,15,17,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 13px var(--ra-b);letter-spacing:.04em;padding:9px 14px;border-radius:999px;cursor:pointer;transition:opacity .3s}
.ra-voir[hidden]{display:none}
.ra-voir:focus-visible{outline:2px solid #fff}
/* Zoom lent */
.ra.p-zoom .ra-ph img.ra-fg{scale:1;transition:scale 9s cubic-bezier(.2,.6,.3,1)}
.ra.p-zoom .ra-ph.act img.ra-fg{scale:1.12}
/* Profondeur */
.ra.p-para .ra-ph img.ra-fg{position:relative;height:130%!important;top:-15%}
/* Révélation */
.ra.p-reveal .ra-ph img.ra-fg{filter:grayscale(1) brightness(.75);transition:filter 1.4s ease}
.ra.p-reveal .ra-ph.act img.ra-fg{filter:none}
.ra.p-reveal .ra-ph:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:160% 0}
.ra.p-reveal .ra-ph.act:before{animation:ra-shine 1.4s .2s ease-out both}
@keyframes ra-shine{from{background-position:160% 0}to{background-position:-60% 0}}
/* Look cinéma */
.ra.p-cine .ra-ph img.ra-fg{filter:contrast(1.08) saturate(1.22)}
.ra.p-cine.p-reveal .ra-ph.act img.ra-fg{filter:contrast(1.08) saturate(1.22)}
.ra.p-cine .ra-pp:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 75% at 35% 50%,transparent 45%,rgba(0,0,0,.5) 100%)}
.ra.p-cine.l-droite .ra-pp:after{background:radial-gradient(ellipse 80% 75% at 70% 50%,transparent 45%,rgba(0,0,0,.5) 100%)}
/* Légende sur la photo */
.ra.p-legende .ra-cap{display:block;position:absolute;z-index:3;left:max(20px,4vw);bottom:76px;max-width:34vw;font-family:var(--ra-t);font-stretch:125%;font-weight:900;font-size:clamp(22px,2.4vw,38px);line-height:1.05;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55);opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}
.ra.p-legende .ra-ph.act .ra-cap{opacity:1;transform:none}
.ra.p-legende .ra-ph.q .ra-cap{display:none}
.ra.p-legende.l-droite .ra-cap{left:auto;right:max(20px,4vw);text-align:right}
.ra.p-legende.l-plein .ra-cap{display:none}
/* Grande photo */
.ra.p-grand.l-diag .ra-pp{clip-path:polygon(0 0,66% 0,55% 100%,0 100%)}
.ra.p-grand.l-diag .ra-str{clip-path:polygon(66% 0,68% 0,57% 100%,55% 100%)}
.ra.p-grand.l-diag .ra-str2{clip-path:polygon(68.6% 0,69.4% 0,58.4% 100%,57.6% 100%)}
.ra.p-grand.l-diag .ra-tx{padding:0 130px 0 calc(68% + 34px)}
.ra.p-grand.l-diag .ra-in b{font-size:clamp(48px,5.4vw,84px)}
.ra.p-grand.l-diag .ra-in h2{font-size:clamp(20px,2vw,28px)!important}
.ra.p-grand.l-diag .ra-in p{font-size:16px}
.ra.p-grand.l-damier .ra-str{clip-path:polygon(66% 0,69% 0,58% 100%,55% 100%)}
.ra.p-grand.l-damier .ra-str2{clip-path:polygon(69.6% 0,70.4% 0,59.4% 100%,58.6% 100%)}
.ra.p-grand.l-chev .ra-pp{clip-path:polygon(0 0,65% 0,56% 50%,65% 100%,0 100%)}
.ra.p-grand.l-chev .ra-str{clip-path:polygon(65% 0,67.6% 0,58.6% 50%,67.6% 100%,65% 100%,56% 50%)}
.ra.p-grand.l-chev .ra-str2{clip-path:polygon(68.4% 0,69.2% 0,60.2% 50%,69.2% 100%,68.4% 100%,59.4% 50%)}
.ra.p-grand.l-droite .ra-pp{clip-path:polygon(34% 0,100% 0,100% 100%,45% 100%)}
.ra.p-grand.l-droite .ra-str{clip-path:polygon(32% 0,34% 0,45% 100%,43% 100%)}
.ra.p-grand.l-droite .ra-str2{clip-path:polygon(30.6% 0,31.4% 0,42.4% 100%,41.6% 100%)}
.ra.p-grand.l-droite .ra-tx{padding:0 68% 0 max(30px,4vw)}
.ra.p-grand.l-balai .ra-pp{clip-path:polygon(0 0,calc(66% + var(--sw) * 38%) 0,calc(55% + var(--sw) * 49%) 100%,0 100%)}
.ra.p-grand.l-balai .ra-str{clip-path:polygon(calc(66% + var(--sw) * 38%) 0,calc(68% + var(--sw) * 38%) 0,calc(57% + var(--sw) * 49%) 100%,calc(55% + var(--sw) * 49%) 100%)}
.ra.p-grand.l-balai .ra-str2{clip-path:polygon(calc(68.6% + var(--sw) * 38%) 0,calc(69.4% + var(--sw) * 38%) 0,calc(58.4% + var(--sw) * 49%) 100%,calc(57.6% + var(--sw) * 49%) 100%)}
@media (orientation:portrait),(max-width:760px){
  .ra.p-legende .ra-cap{bottom:auto;top:calc(var(--ra-h,80vh) * .3);max-width:80vw;font-size:24px}
  .ra.p-legende.l-droite .ra-cap{left:max(20px,4vw);right:auto;text-align:left}
  .ra.p-grand.p-legende .ra-cap{top:calc(var(--ra-h,80vh) * .4)}
  .ra.p-cine .ra-pp:after,.ra.p-cine.l-droite .ra-pp:after{background:radial-gradient(ellipse 90% 60% at 50% 25%,transparent 45%,rgba(0,0,0,.5) 100%)}
  .ra-voir{bottom:auto;top:76px;left:auto;right:12px;padding:8px 12px}

  .ra.p-grand.l-diag .ra-pp,.ra.p-grand.l-droite .ra-pp{clip-path:polygon(0 0,100% 0,100% 54%,0 64%)}
  .ra.p-grand.l-diag .ra-str,.ra.p-grand.l-droite .ra-str{clip-path:polygon(0 64%,100% 54%,100% 56%,0 66%)}
  .ra.p-grand.l-diag .ra-str2,.ra.p-grand.l-droite .ra-str2{clip-path:polygon(0 66.8%,100% 56.8%,100% 57.4%,0 67.4%)}
  .ra.p-grand.l-droite .ra-pp{clip-path:polygon(0 0,100% 0,100% 64%,0 54%)}
  .ra.p-grand.l-droite .ra-str{clip-path:polygon(0 54%,100% 64%,100% 66%,0 56%)}
  .ra.p-grand.l-droite .ra-str2{clip-path:polygon(0 56.8%,100% 66.8%,100% 67.4%,0 57.4%)}
  .ra.p-grand.l-damier .ra-str{clip-path:polygon(0 64%,100% 54%,100% 57%,0 67%)}
  .ra.p-grand.l-damier .ra-str2{clip-path:polygon(0 67.6%,100% 57.6%,100% 58.2%,0 68.2%)}
  .ra.p-grand.l-chev .ra-pp{clip-path:polygon(0 0,100% 0,100% 56%,50% 64%,0 56%)}
  .ra.p-grand.l-chev .ra-str{clip-path:polygon(0 56%,50% 64%,100% 56%,100% 58.4%,50% 66.4%,0 58.4%)}
  .ra.p-grand.l-chev .ra-str2{clip-path:polygon(0 59.2%,50% 67.2%,100% 59.2%,100% 59.8%,50% 67.8%,0 59.8%)}
  .ra.p-grand.l-balai .ra-pp{clip-path:polygon(0 0,100% 0,100% calc(54% + var(--sw) * 46%),0 calc(64% + var(--sw) * 36%))}
  .ra.p-grand.l-balai .ra-str{clip-path:polygon(0 calc(64% + var(--sw) * 36%),100% calc(54% + var(--sw) * 46%),100% calc(56% + var(--sw) * 46%),0 calc(66% + var(--sw) * 36%))}
  .ra.p-grand.l-balai .ra-str2{clip-path:polygon(0 calc(66.8% + var(--sw) * 36%),100% calc(56.8% + var(--sw) * 46%),100% calc(57.4% + var(--sw) * 46%),0 calc(67.4% + var(--sw) * 36%))}
  .ra.p-grand.l-diag .ra-tx{padding:calc(var(--ra-h,80vh) * .69) 20px 16px}
  .ra.p-grand.l-diag .ra-in b{font-size:40px}
  .ra.p-grand.l-diag .ra-in h2{font-size:20px!important;margin:6px 0 4px!important}
  .ra.p-grand.l-diag .ra-in p{font-size:15px;line-height:1.4}
  .ra.p-grand.l-diag .ra-n,.ra.p-grand.l-diag .ra-in b small{display:none}
  .ra.p-grand.l-diag .ra-tag{margin-bottom:6px}
  .ra.l-diag:not([data-m=fit]).p-grand .ra-ph img.ra-fg,.ra.l-diag.p-grand .ra-ph:not(.land) img.ra-fg{height:68%!important}
  .ra.p-para.l-diag .ra-ph img.ra-fg{height:76%!important;top:-8%}
  .ra.p-para.p-grand.l-diag .ra-ph img.ra-fg{height:86%!important;top:-8%}
}
@media (prefers-reduced-motion:reduce){.ra.p-zoom .ra-ph img.ra-fg{transition:none;scale:1}.ra.p-reveal .ra-ph.act:before{animation:none}}
/* Petits écrans de téléphone (barres du navigateur visibles) : la grande photo reprend la diagonale normale pour que le texte tienne */
@media (orientation:portrait) and (max-height:740px){
  .ra.p-grand.l-diag .ra-pp{clip-path:polygon(0 0,100% 0,100% 44%,0 54%)}
  .ra.p-grand.l-diag .ra-str{clip-path:polygon(0 54%,100% 44%,100% 46%,0 56%)}
  .ra.p-grand.l-diag .ra-str2{clip-path:polygon(0 56.8%,100% 46.8%,100% 47.4%,0 57.4%)}
  .ra.p-grand.l-chev .ra-pp{clip-path:polygon(0 0,100% 0,100% 46%,50% 54%,0 46%)}
  .ra.p-grand.l-chev .ra-str{clip-path:polygon(0 46%,50% 54%,100% 46%,100% 48.4%,50% 56.4%,0 48.4%)}
  .ra.p-grand.l-chev .ra-str2{clip-path:polygon(0 49.2%,50% 57.2%,100% 49.2%,100% 49.8%,50% 57.8%,0 49.8%)}
  .ra.p-grand.l-droite .ra-pp{clip-path:polygon(0 0,100% 0,100% 54%,0 44%)}
  .ra.p-grand.l-droite .ra-str{clip-path:polygon(0 44%,100% 54%,100% 56%,0 46%)}
  .ra.p-grand.l-droite .ra-str2{clip-path:polygon(0 46.8%,100% 56.8%,100% 57.4%,0 47.4%)}
  .ra.p-grand.l-damier .ra-str{clip-path:polygon(0 54%,100% 44%,100% 47%,0 57%)}
  .ra.p-grand.l-damier .ra-str2{clip-path:polygon(0 57.6%,100% 47.6%,100% 48.2%,0 58.2%)}
  .ra.p-grand.l-balai .ra-pp{clip-path:polygon(0 0,100% 0,100% calc(44% + var(--sw) * 56%),0 calc(54% + var(--sw) * 46%))}
  .ra.p-grand.l-balai .ra-str{clip-path:polygon(0 calc(54% + var(--sw) * 46%),100% calc(44% + var(--sw) * 56%),100% calc(46% + var(--sw) * 56%),0 calc(56% + var(--sw) * 46%))}
  .ra.p-grand.l-balai .ra-str2{clip-path:polygon(0 calc(56.8% + var(--sw) * 46%),100% calc(46.8% + var(--sw) * 56%),100% calc(47.4% + var(--sw) * 56%),0 calc(57.4% + var(--sw) * 46%))}
  .ra.l-diag .ra-tx,.ra.p-grand.l-diag .ra-tx{padding:calc(var(--ra-h,80vh) * .59) 20px 12px}
  .ra.l-diag .ra-in b{font-size:40px}
  .ra.l-diag .ra-in b small{font-size:13px}
  .ra.l-diag .ra-in h2{font-size:20px!important;margin:6px 0 4px!important}
  .ra.l-diag .ra-in p{font-size:15px;line-height:1.4}
  .ra.l-diag .ra-n{display:none}
  .ra.l-diag .ra-tag{margin-bottom:6px;font-size:11px;padding:5px 10px}
  .ra.l-diag.p-grand .ra-ph img.ra-fg{height:58%!important}
  .ra.p-para.p-grand.l-diag .ra-ph img.ra-fg{height:76%!important}
  .ra.p-grand.p-legende .ra-cap{top:calc(var(--ra-h,80vh) * .3)}
}
@media (orientation:portrait),(max-width:760px){.ra-add a{width:100%;justify-content:center;font-size:18px;padding:17px 24px}.ra-plus{right:auto;left:14px;bottom:auto;top:calc(var(--ra-top,64px) + 84px);width:62px;height:62px}.ra-plus span{display:none}.ra-plus svg{width:30px;height:30px}}
.ra-plus{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.ra-plus.on{opacity:1;visibility:visible}