/* Copie légère de /assets/phare-reseaux.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:1caa89c7efa996c732f255fcf334755ae4940684 — ne pas éditer, relancer l'outil. */
.rx-bande{background: var(--e-papier, #FFFFFF); overflow-x: clip;}
.rx{--rx-encre: #0A0A0A;
    --rx-doux: #5F5F5F;
    --rx-mute: #6B6B6B;
    --rx-trait: rgba(10, 10, 10, 0.16);
    --rx-survol: #F6F6F7;
    --rx-depasse: 14px;
    --rx-pad: clamp(22px, 2.8vw, 48px);
    --rx-e: cubic-bezier(0.22, 0.68, 0.24, 1);
    --rx-fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z'/%3E%3C/svg%3E");
    --rx-droite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
    --rx-gauche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
    --rx-lire: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E");

    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    margin-inline: auto;
    font-family: var(--font-nav);
    color: var(--rx-encre);
    background: #FFFFFF;
    box-shadow:
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 28px 60px -36px rgba(10, 10, 10, 0.3);}
.rx--seul{grid-template-columns: minmax(0, 1fr);}
.rx-cadre,.rx-cadre::before,.rx-cadre::after{position: absolute;
    pointer-events: none;}
.rx-cadre{inset: 0;}
.rx-cadre::before,.rx-cadre::after{content: "";
    background-repeat: no-repeat;}
.rx-cadre::before{inset: 0 calc(-1 * var(--rx-depasse));
    background-image: linear-gradient(var(--rx-trait), var(--rx-trait)), linear-gradient(var(--rx-trait), var(--rx-trait));
    background-size: 100% 1px;
    background-position: top, bottom;}
.rx-cadre::after{inset: calc(-1 * var(--rx-depasse)) 0;
    background-image: linear-gradient(var(--rx-trait), var(--rx-trait)), linear-gradient(var(--rx-trait), var(--rx-trait));
    background-size: 1px 100%;
    background-position: left, right;}
.rx-tete{display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--rx-pad) var(--rx-pad) 0;}
.rx .rx-sur{margin: 0 0 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--burgundy, #7B2D3B);}
.rx .rx-t{margin: 0;
    font-family: var(--font-nav);
    font-size: clamp(30px, 3.1vw, 50px);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.045em;
    color: var(--rx-encre);
    text-wrap: balance;}
.rx .rx-texte{max-width: 46ch;
    margin: 16px 0 0;
    font-family: var(--font-text);
    font-size: var(--rs-t-texte, 17px);
    line-height: 1.55;
    color: var(--rx-doux);
    text-wrap: pretty;}
.rx .rx-liens{margin: clamp(26px, 2.8vw, 40px) calc(-1 * var(--rx-pad)) 0;
    padding: 0;
    list-style: none;}
.rx .rx-liens li{margin: 0; padding: 0;}
.rx .rx-liens li::before{content: none;}
.rx-lien{position: relative;
    display: grid;
    grid-template-columns: 26px 42px minmax(0, 1fr) auto 44px;
    align-items: center;
    column-gap: 14px;
    padding: 14px var(--rx-pad);
    border-top: 1px solid var(--rx-trait);
    color: var(--rx-encre);
    text-decoration: none;
    transition: background-color .25s var(--rx-e);}
.rx-lien::before{content: "";
    position: absolute;
    top: -1px;
    left: calc(-1 * var(--rx-depasse));
    width: var(--rx-depasse);
    height: 1px;
    background: var(--rx-trait);}
.rx-lien:hover{background: var(--rx-survol);}
.rx-lien:focus-visible{outline: 2px solid var(--rx-encre); outline-offset: -3px;}
.rx-num{font-size: 12px;
    font-weight: 500;
    color: #8A8A8A;
    font-variant-numeric: tabular-nums;}
.rx-ico{display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px var(--rx-trait);
    color: var(--rx-encre);}
.rx-ico svg{display: block; width: 18px; height: 18px;}
.rx-lien-txt{display: grid; gap: 3px; min-width: 0;}
.rx-lien-role{font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rx-mute);}
.rx-lien-t{font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.015em;}
.rx-pseudo{font-size: 13.5px;
    color: var(--rx-doux);
    white-space: nowrap;}
.rx-fleche{position: relative;
    width: 44px;
    height: 44px;
    overflow: clip;
    box-shadow: inset 0 0 0 1px var(--rx-trait);
    color: var(--rx-encre);
    transition: background-color .25s var(--rx-e), color .25s var(--rx-e), box-shadow .25s var(--rx-e);}
.rx-fleche::before,.rx-fleche::after{content: "";
    position: absolute;
    inset: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    background: currentColor;
    -webkit-mask: var(--rx-fleche) center / contain no-repeat;
            mask: var(--rx-fleche) center / contain no-repeat;
    transition: translate .5s var(--rx-e);}
.rx-fleche::after{translate: -26px 26px;}
.rx-lien:is(:hover, :focus-visible) .rx-fleche{background: var(--rx-encre); color: #FFFFFF; box-shadow: none;}
.rx-lien:is(:hover, :focus-visible) .rx-fleche::before{translate: 26px -26px;}
.rx-lien:is(:hover, :focus-visible) .rx-fleche::after{translate: 0 0;}
.rx-sr{position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;}
.rx-une{position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--rx-pad);
    border-left: 1px solid var(--rx-trait);}
.rx-une::before,.rx-une::after{content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: var(--rx-depasse);
    background: var(--rx-trait);
    pointer-events: none;}
.rx-une::before{top: calc(-1 * var(--rx-depasse));}
.rx-une::after{bottom: calc(-1 * var(--rx-depasse));}
.rx .rx-une-tete{margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rx-mute);}
.rx-scene{--rx-w: clamp(176px, 15vw, 224px);
    position: relative;
    height: calc(var(--rx-w) * 16 / 9 + 32px);
    margin: 18px 0 0;
    
    animation: rxFlotte 7s ease-in-out infinite;}
@keyframes rxFlotte{ 50% { translate: 0 -5px; } }
.rx-video{position: absolute;
    left: 50%;
    top: 16px;
    display: block;
    width: var(--rx-w);
    aspect-ratio: 9 / 16;
    margin-left: calc(var(--rx-w) / -2);
    overflow: hidden;
    background: #0B0D10;
    box-shadow:
        0 0 0 1px var(--rx-trait),
        0 30px 60px -30px rgba(10, 10, 10, 0.55);
    transition: transform .9s var(--rx-e), opacity .9s var(--rx-e);}
.rx-video img{position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.rx-video[data-rx-pos="0"]{z-index: 3; transform: translateX(0) scale(1) rotate(0deg); opacity: 1;}
.rx-video[data-rx-pos="1"]{z-index: 2; transform: translateX(88%) scale(0.66) rotate(5deg); opacity: 0.5;}
.rx-video[data-rx-pos="-1"]{z-index: 2; transform: translateX(-88%) scale(0.66) rotate(-5deg); opacity: 0.5;}
.rx-video[data-rx-pos="2"]{z-index: 1; transform: translateX(140%) scale(0.56) rotate(8deg); opacity: 0; pointer-events: none;}
.rx-video[data-rx-pos="-2"]{z-index: 1; transform: translateX(-140%) scale(0.56) rotate(-8deg); opacity: 0; pointer-events: none;}
.rx-video:not([data-rx-pos="0"]) img{filter: saturate(0.5) brightness(1.06);}
.rx-video:not([data-rx-pos="0"]){box-shadow: 0 0 0 1px var(--rx-trait), 0 14px 26px -20px rgba(10, 10, 10, 0.35);}
.rx-video[data-rx-pos="0"]{box-shadow: 0 0 0 1px var(--rx-trait), 0 36px 70px -30px rgba(10, 10, 10, 0.6);}
.rx-video:focus-visible{outline: 2px solid var(--rx-encre); outline-offset: 4px;}
.rx-lecture{position: absolute;
    left: 10px;
    bottom: 10px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, 0.94);
    transition: opacity .3s ease;}
.rx-lecture::before{content: "";
    width: 14px;
    height: 14px;
    background: var(--rx-encre);
    -webkit-mask: var(--rx-lire) center / contain no-repeat;
            mask: var(--rx-lire) center / contain no-repeat;}
.rx-video:not([data-rx-pos="0"]) .rx-lecture{opacity: 0;}
.rx .rx-textes{margin: 22px 0 0;
    padding: 20px 0 0;
    list-style: none;
    border-top: 1px solid var(--rx-trait);}
.rx .rx-textes li{margin: 0; padding: 0;}
.rx .rx-textes li::before{content: none;}
.rx .rx-textes li:not([data-rx-actif]){display: none;}
.rx .rx-textes li[data-rx-actif]{animation: rxTexte .5s var(--rx-e) both;}
@keyframes rxTexte{ from { opacity: 0; translate: 0 6px; } }
.rx .rx-une-sur{margin: 0 0 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--burgundy, #7B2D3B);}
.rx-une-t{display: block;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.02em;
    color: var(--rx-encre);
    text-decoration: none;
    text-wrap: balance;}
.rx-une-t:hover{text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}
.rx .rx-une-p{display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 8px 0 0;
    font-family: var(--font-text);
    font-size: 15px;
    line-height: 1.55;
    color: var(--rx-doux);}
.rx-une-cta{display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--rx-encre);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(10, 10, 10, 0.3);
    text-underline-offset: 5px;
    transition: text-decoration-color .2s var(--rx-e);}
.rx-une-cta::after{content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--rx-droite) center / contain no-repeat;
            mask: var(--rx-droite) center / contain no-repeat;
    transition: translate .25s var(--rx-e);}
.rx-une-cta:hover{text-decoration-color: var(--rx-encre);}
.rx-une-cta:hover::after{translate: 3px 0;}
.rx-pied{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 22px;}
.rx-une-n{font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--rx-mute);
    font-variant-numeric: tabular-nums;}
.rx-ctrl{display: flex;}
.rx-bouton{position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px var(--rx-trait);
    color: var(--rx-encre);
    cursor: pointer;
    transition: background-color .2s var(--rx-e), color .2s var(--rx-e);}
.rx-bouton + .rx-bouton{margin-left: -1px;}
.rx-bouton::before{content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--rx-droite) center / contain no-repeat;
            mask: var(--rx-droite) center / contain no-repeat;}
.rx-bouton--prec::before{-webkit-mask-image: var(--rx-gauche); mask-image: var(--rx-gauche);}
.rx-bouton:hover{background: var(--rx-encre); color: #FFFFFF;}
.rx-bouton:focus-visible{outline: 2px solid var(--rx-encre); outline-offset: 2px;}
@media (max-width: 960px){
.rx{grid-template-columns: minmax(0, 1fr);}
.rx-tete{padding-bottom: 0;}
.rx-une{border-left: 0; border-top: 1px solid var(--rx-trait);}
.rx-une::before,.rx-une::after{top: -1px; bottom: auto; width: var(--rx-depasse); height: 1px;}
.rx-une::before{left: calc(-1 * var(--rx-depasse));}
.rx-une::after{left: auto; right: calc(-1 * var(--rx-depasse));}
.rx-scene{--rx-w: clamp(168px, 44vw, 224px);}
}
@media (max-width: 560px){
.rx-lien{grid-template-columns: 22px 38px minmax(0, 1fr) 40px; column-gap: 12px;}
.rx-ico{width: 38px; height: 38px;}
.rx-pseudo{display: none;}
.rx-fleche{width: 40px; height: 40px;}
.rx-video[data-rx-pos="1"]{transform: translateX(78%) scale(0.6) rotate(5deg);}
.rx-video[data-rx-pos="-1"]{transform: translateX(-78%) scale(0.6) rotate(-5deg);}
.rx-une-t{font-size: 18px;}
}
@media (prefers-reduced-motion: reduce){
.rx-scene{animation: none;}
.rx-video,.rx-lecture,.rx-lien,.rx-fleche,.rx-fleche::before,.rx-fleche::after,.rx-une-cta,.rx-une-cta::after{transition: none;}
.rx .rx-textes li[data-rx-actif]{animation: none;}
}