/* RM interludes — V6 */
.rmArt{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:300/240;margin-inline:auto;
  --rm-bg:#0b0b0b;--rm-ink:#fff;--rm-blue:#2f5bff;--rm-green:#b6f000;--rm-orange:#ff6b1a}
.rmArt *{transform-box:fill-box;transform-origin:center}
.rmArt-bg{fill:var(--rm-bg)}
.rmArt .w{stroke:var(--rm-ink);stroke-width:2;fill:none}
.rmArt .b{fill:var(--rm-blue)} .rmArt .g{fill:var(--rm-green)} .rmArt .o{fill:var(--rm-orange)}
.rmArt .bs{stroke:var(--rm-blue);stroke-width:3;fill:none}
.rmArt .gs{stroke:var(--rm-green);stroke-width:3;fill:none}
.rmArt .os{stroke:var(--rm-orange);stroke-width:3;fill:none}
.rmArt .f{fill:var(--rm-ink)} .rmArt .f5{fill:var(--rm-ink);opacity:.5}
.rmArt .guide{stroke:var(--rm-ink);stroke-width:1;opacity:.18}
.rmArt .cube-face{stroke:var(--rm-ink);stroke-width:2}
.rmArt .cube-edge{stroke:var(--rm-ink);stroke-width:2;fill:none;stroke-linejoin:round}
.rmArt .chk{stroke:var(--rm-bg);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* animations : 7 s, aller-retour lent, états final = visuel par défaut */
.rmA-assemble,.rmA-draw,.rmA-fade{animation-duration:7s;animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:backwards;
  animation-delay:calc(var(--i,0) * .25s)}
.rmA-assemble{animation-name:rmAssemble}
.rmA-draw{animation-name:rmDraw;stroke-dasharray:1;stroke-dashoffset:0}
.rmA-fade{animation-name:rmFade}
@keyframes rmAssemble{
  0%,12%{transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--dr,0deg)) scale(var(--s,1));opacity:max(.3,var(--o0,1))}
  72%,100%{transform:none;opacity:1}}
@keyframes rmDraw{0%,12%{stroke-dashoffset:.75}72%,100%{stroke-dashoffset:0}}
@keyframes rmFade{0%,30%{opacity:.3}80%,100%{opacity:1}}

@media (prefers-reduced-motion:reduce){.rmArt *{animation:none!important}}
html.rm-motion-off .rmArt *{animation:none!important}

.rm .rmBenefitBridge{display:grid;grid-template-columns:300px 1fr;gap:50px;padding:40px;background:#101010;color:#fff;border:0;overflow:hidden;margin-top:50px;margin-bottom:50px}.rm .rmBenefitBridge h3{font-size:clamp(30px,3.5vw,48px);line-height:1.04;letter-spacing:-.035em}.rm .rmBenefitBridge p{color:#ccc;max-width:720px}.rm .rmBenefitBridge strong{color:#b6f000}.rm .rmBridgeMark{font-size:inherit;width:100%;align-self:center}.rm .rmBenefitBridge:nth-of-type(even){background:#131d2e}.rm .rmBenefitBridge:nth-of-type(even) .rmArt{--rm-bg:#131d2e}@media(max-width:767px){.rm .rmBenefitBridge{grid-template-columns:1fr;gap:24px;padding:24px;margin-left:22px;margin-right:22px}.rm .rmBridgeMark{max-width:280px;margin:auto}.rm .rmBenefitBridge h3{font-size:33px}.rm .rmBenefitBridge p{font-size:16px}}