/* Copie légère de /assets/phare-miniatures.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:d729cf83d849a61e8f67c2377089164dab6274de — ne pas éditer, relancer l'outil. */
.mn{--mn-ondes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 300' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='white' stroke-opacity='.13'%3E%3Cpath d='M-40 40C60 -10 160 100 260 60S420-30 540 10'/%3E%3Cpath d='M-40 75C60 25 160 135 260 95S420 5 540 45'/%3E%3Cpath d='M-40 110C60 60 160 170 260 130S420 40 540 80'/%3E%3Cpath d='M-40 145C60 95 160 205 260 165S420 75 540 115'/%3E%3Cpath d='M-40 180C60 130 160 240 260 200S420 110 540 150'/%3E%3Cpath d='M-40 215C60 165 160 275 260 235S420 145 540 185'/%3E%3Cpath d='M-40 250C60 200 160 310 260 270S420 180 540 220'/%3E%3Cpath d='M-40 285C60 235 160 345 260 305S420 215 540 255'/%3E%3C/g%3E%3C/svg%3E");
    
    
    --mn-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 -.29'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");
    --mn-grain-sombre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .45 -.23'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: clip;
    isolation: isolate;
    container-type: inline-size;
    border-radius: var(--rs-r-carte, 16px);
    font-family: var(--font-nav);
    line-height: 1;
    color: #FFFFFF;
    text-align: left;}
.mn :is(b, i){font-style: normal;}
.mn-logo{display: inline-flex;
    align-items: center;
    gap: max(4px, 1.1cqi);
    font-size: max(9px, 2.5cqi);
    font-weight: 600;
    letter-spacing: -0.02em;
    white-space: nowrap;}
.mn-logo img{width: max(12px, 3.3cqi); height: max(12px, 3.3cqi); border-radius: 50%;}
.mn-mono{font-family: var(--rs-mono);
    font-size: max(8px, 1.95cqi);
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;}
.mn-sep{width: 1px; align-self: stretch; background: currentColor; opacity: 0.45;}
.mn-tete{position: absolute;
    z-index: 3;
    left: 5cqi;
    top: 4.6cqi;
    display: flex;
    align-items: center;
    gap: max(6px, 1.8cqi);
    height: max(14px, 3.6cqi);}
.mn-rubrique{font-size: max(9px, 2.5cqi); letter-spacing: -0.01em; opacity: 0.9;}
.mn-noeud{position: absolute;
    z-index: 2;
    width: max(4px, 1.1cqi);
    aspect-ratio: 1;
    background: #FFFFFF;
    translate: -50% -50%;
    transition: scale .5s var(--rs-e);}
.mn-photo{position: absolute;
    overflow: clip;
    isolation: isolate;
    background-color: var(--burgundy);}
.mn-photo img{position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale .8s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-photo img{scale: 1.06;}
.mn .rs-fleche{z-index: 5;}
.mn .epure-ico{display: block; flex: none;}
.mn-puce{display: inline-flex;
    align-items: center;
    gap: max(4px, 1cqi);
    max-width: 100%;
    padding: max(3px, 0.8cqi) max(7px, 1.8cqi) max(3px, 0.8cqi) max(5px, 1.2cqi);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
    font-size: max(8px, 2.2cqi);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.01em;
    white-space: nowrap;}
.mn-puce > span{overflow: hidden; text-overflow: ellipsis;}
.mn-puce .epure-ico{font-size: max(9px, 2.5cqi); color: #F3A5B3;}
.mn-puce--clair{background: #F6EEF0;
    box-shadow: inset 0 0 0 1px rgba(123, 45, 59, 0.14);
    color: var(--rs-encre);}
.mn-puce--clair .epure-ico{color: var(--burgundy);}
.mn--couverture{background-color: #090C12;
    background-image:
        var(--mn-grain),
        radial-gradient(60% 55% at 50% 122%, rgba(232, 96, 122, 0.62) 0%, rgba(123, 45, 59, 0.42) 42%, transparent 76%),
        radial-gradient(55% 65% at 100% 0%, rgba(123, 45, 59, 0.3), transparent 62%),
        var(--rs-art-circuit),
        linear-gradient(180deg, #0B0F16, #0E131C);
    background-size: 220px, auto, auto, cover, auto;
    background-position: 0 0, center, center, center, center;}
.mn-couv,.mn-couv-dos{position: absolute;
    left: 50%;
    top: 9%;
    width: 44%;
    aspect-ratio: 0.8;
    translate: -50% 0;
    border-radius: 0.9cqi 0.9cqi 0 0;
    transition: translate .55s var(--rs-e), rotate .55s var(--rs-e);}
.mn-couv-dos{z-index: 1;
    top: 12%;
    rotate: 5deg;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);}
.mn-couv{z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 4cqi 3.6cqi 0;
    background: #FFFFFF;
    color: var(--rs-encre);
    box-shadow:
        0 0.3cqi 0.6cqi rgba(0, 0, 0, 0.25),
        0 4cqi 9cqi -3cqi rgba(0, 0, 0, 0.7);}
:is(a:hover, a:focus-visible) .mn-couv{translate: -50% -3%;}
:is(a:hover, a:focus-visible) .mn-couv-dos{rotate: 8deg; translate: -48% -1%;}
.mn-couv-t{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 3.2cqi;
    font-size: max(11px, 4.4cqi);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -0.045em;
    text-wrap: balance;}
.mn-vue{position: relative;
    display: block;
    flex: 1 1 auto;
    min-height: 10cqi;
    margin-top: 3cqi;
    overflow: clip;
    border-radius: 0.9cqi 0.9cqi 0 0;}
.mn-barres{display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, #FBEEF0, #F1D3D9);}
.mn-barres i{flex: 1 1 0;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    background: linear-gradient(0deg, #3B111B 0%, #7B2D3B 35%, #E8607A 78%, #FBE3E8 100%);
    transform-origin: 50% 100%;
    scale: 1 var(--h);
    transition: scale .8s var(--rs-e) calc(var(--i) * 40ms);}
:is(a:hover, a:focus-visible) .mn-barres i{scale: 1 var(--h2);}
.mn-barres-h{position: absolute; z-index: 1; left: 0; right: 0; top: 38%; height: 1px; background: rgba(255, 255, 255, 0.75);}
.mn-barres-v{position: absolute; z-index: 1; top: 0; bottom: 0; left: var(--x); width: 1px; background: rgba(255, 255, 255, 0.55);}
@supports (animation-timeline: view()){
.mn-barres i{animation: mnMonte linear backwards;
        animation-timeline: view();
        animation-range: entry 0% cover 35%;}
}
@keyframes mnMonte{ from { scale: 1 0.06; } }
.mn-vue--lettre{display: flex;
    flex-direction: column;
    gap: 1.3cqi;
    padding: 2.6cqi 2.4cqi;
    background: #FAF7F7;
    box-shadow: inset 0 0 0 1px #EFE6E8;}
.mn-vue--lettre i{display: block; height: 0.9cqi; border-radius: 1cqi; background: #E7DCDE;}
.mn-vue--lettre i:nth-child(1){width: 42%; margin-bottom: 0.8cqi; background: #CBB6BB;}
.mn-vue--lettre i:nth-child(3){width: 88%;}
.mn-vue--lettre i:nth-child(4){width: 70%;}
.mn-vue--lettre i:nth-child(5){width: 52%;}
.mn-tampon{position: absolute;
    right: 7%;
    bottom: 16%;
    padding: 0.7cqi 1.6cqi;
    border: max(1.5px, 0.45cqi) solid var(--burgundy);
    border-radius: 0.7cqi;
    color: var(--burgundy);
    font-family: var(--rs-mono);
    font-size: max(8px, 2.3cqi);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    rotate: -12deg;
    opacity: 0.92;
    box-shadow: inset 0 0 0 max(1px, 0.25cqi) rgba(123, 45, 59, 0.22);
    transition: rotate .5s var(--rs-e), scale .5s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-tampon{rotate: -6deg; scale: 1.08;}
.mn-vue--echeances{display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: start;
    gap: 1cqi;
    padding: 2.4cqi;
    background: #FAF7F7;
    box-shadow: inset 0 0 0 1px #EFE6E8;}
.mn-vue--echeances i{position: relative;
    aspect-ratio: 1.3;
    border-radius: 0.6cqi;
    background: #EEE5E7;}
.mn-vue--echeances .mn-case--ok{background: #D8C3C8;}
.mn-vue--echeances .mn-case--due{background: var(--burgundy); transition: scale .45s var(--rs-e);}
.mn-vue--echeances .mn-case--manque{background: transparent; box-shadow: inset 0 0 0 max(1px, 0.3cqi) var(--burgundy);}
.mn-vue--echeances .mn-case--manque::before,.mn-vue--echeances .mn-case--manque::after{content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    top: 50%;
    height: max(1px, 0.3cqi);
    background: var(--burgundy);
    rotate: 35deg;}
.mn-vue--echeances .mn-case--manque::after{rotate: -35deg;}
:is(a:hover, a:focus-visible) .mn-case--due{scale: 1.15;}
.mn-vue--disque{display: grid;
    place-items: center;
    background: radial-gradient(circle at 50% 58%, #FBEEF0 0%, #F1D3D9 72%);}
.mn-disque,.mn-onde{grid-area: 1 / 1; width: 15cqi; aspect-ratio: 1; border-radius: 50%;}
.mn-disque{position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 34% 28%, #EE7A91 0%, #9A3346 48%, #5A1A28 100%);
    color: #FFFFFF;
    font-size: max(12px, 8cqi);
    font-weight: 700;
    letter-spacing: -0.04em;
    box-shadow:
        inset 0 0 0 max(1.5px, 0.55cqi) rgba(255, 255, 255, 0.92),
        0 1.2cqi 2.6cqi -1cqi rgba(74, 22, 33, 0.65);}
.mn-onde{border: 1px solid rgba(123, 45, 59, 0.3); scale: 1.45; transition: scale .8s var(--rs-e), opacity .8s var(--rs-e);}
.mn-onde + .mn-onde{scale: 1.95; opacity: 0.5;}
:is(a:hover, a:focus-visible) .mn-onde{scale: 1.7;}
:is(a:hover, a:focus-visible) .mn-onde + .mn-onde{scale: 2.3; opacity: 0.25;}
.mn--webinaire{background-color: #07090C;
    background-image:
        var(--mn-grain),
        radial-gradient(70% 90% at 100% 112%, rgba(123, 45, 59, 0.68), transparent 60%),
        radial-gradient(45% 55% at 0% 0%, rgba(232, 96, 122, 0.12), transparent 70%),
        var(--mn-ondes);
    background-size: 220px, auto, auto, 130% auto;
    background-position: 0 0, center, center, 0% 50%;
    transition: background-position 1.6s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn--webinaire{background-position: 0 0, center, center, 30% 50%;}
.mn-web-lbl{position: absolute; z-index: 2; left: 5cqi; top: 21%; color: #F0A3B1;}
.mn-web-t{position: absolute;
    z-index: 2;
    left: 5cqi;
    top: 28%;
    width: 64%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: max(12px, 5.6cqi);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -0.045em;
    text-wrap: balance;}
.mn-trait-h{position: absolute; left: 0; right: 0; top: 64%; height: 1px; background: rgba(255, 255, 255, 0.5);}
.mn-trait-v{position: absolute; top: 0; left: 80%; width: 1px; height: 64%; background: rgba(255, 255, 255, 0.5);}
.mn-web-noeud{left: 80%; top: 64%;}
:is(a:hover, a:focus-visible) .mn-web-noeud{scale: 1.9;}
.mn-web-photo{z-index: 2;
    left: 5cqi;
    top: 69%;
    width: 19cqi;
    aspect-ratio: 1;
    border-radius: 0.8cqi;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);}
.mn-web-leg{position: absolute;
    z-index: 2;
    left: 27cqi;
    right: 5cqi;
    top: 71%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: max(4px, 1.2cqi);}
.mn-web-min{font-size: max(8px, 2.2cqi); opacity: 0.66;}
.mn--fiche{background-color: #1B0B11;}
.mn-fiche-fond{position: absolute; inset: 0; overflow: clip;}
.mn-fiche-fond img{position: absolute;
    inset: -4% -8%;
    width: 116%;
    height: 108%;
    object-fit: cover;
    transition: translate 1.6s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-fiche-fond img{translate: -4% 0;}
.mn-fiche-fond::after{content: "";
    position: absolute;
    inset: 0;
    background-image:
        var(--mn-grain),
        linear-gradient(100deg, rgba(12, 6, 9, 0.7) 0%, rgba(12, 6, 9, 0.28) 52%, rgba(12, 6, 9, 0.06) 100%),
        radial-gradient(70% 60% at 70% 115%, rgba(232, 96, 122, 0.3), transparent 70%);
    background-size: 220px, auto, auto;}
.mn-fiche,.mn-fiche-dos{position: absolute;
    left: 50%;
    top: 55%;
    translate: -50% -50%;
    border-radius: 2cqi;
    transition: translate .6s var(--rs-e);}
.mn-fiche-dos{z-index: 1;
    width: 48%;
    height: 34cqi;
    translate: -50% -40%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.12));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);}
.mn-fiche{z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.2cqi;
    width: 56%;
    padding: 3cqi;
    background: #FFFFFF;
    color: var(--rs-encre);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0.4cqi 1cqi rgba(0, 0, 0, 0.18),
        0 4cqi 10cqi -3cqi rgba(0, 0, 0, 0.6);}
:is(a:hover, a:focus-visible) .mn-fiche{translate: -50% -55%;}
:is(a:hover, a:focus-visible) .mn-fiche-dos{translate: -50% -43%;}
.mn-fiche-h{display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: max(10px, 3.1cqi);
    font-weight: 600;
    letter-spacing: -0.02em;}
.mn-fiche-pt{width: 1.5cqi;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--burgundy);
    box-shadow: 0 0 0 0.7cqi rgba(123, 45, 59, 0.16);}
.mn-fiche-ligne{display: flex;
    align-items: center;
    gap: 2cqi;
    padding: 1.8cqi;
    border-radius: 1.4cqi;
    background: #F4F3F4;}
.mn-fiche-ico{display: grid;
    place-items: center;
    flex: none;
    width: 7.6cqi;
    aspect-ratio: 1;
    border-radius: 1.5cqi;
    background: #FFFFFF;
    color: var(--burgundy);
    box-shadow: inset 0 0 0 1px #ECEAEA, 0 0.5cqi 1.2cqi -0.5cqi rgba(0, 0, 0, 0.25);}
.mn-fiche-ico .epure-ico{font-size: max(10px, 3.9cqi);}
.mn-fiche-txt{display: flex; flex-direction: column; gap: 0.7cqi; min-width: 0;}
.mn-fiche-txt b{overflow: hidden;
    font-size: max(10px, 3.2cqi);
    font-weight: 600;
    letter-spacing: -0.025em;
    white-space: nowrap;
    text-overflow: ellipsis;}
.mn-fiche-txt span{font-size: max(8px, 2.2cqi); color: var(--rs-mute);}
.mn--am{background-color: #0B0D11;
    background-image:
        var(--mn-grain),
        radial-gradient(55% 70% at 88% 108%, rgba(232, 96, 122, 0.5) 0%, rgba(123, 45, 59, 0.34) 40%, transparent 72%),
        radial-gradient(50% 60% at 8% -4%, rgba(255, 255, 255, 0.09), transparent 70%),
        linear-gradient(160deg, #0B0D11 18%, #181B22 68%, #0E0F13);
    background-size: 220px, auto, auto, auto;}
.mn-am-tuile{position: absolute;
    z-index: 1;
    left: 15%;
    top: 22%;
    display: grid;
    place-items: center;
    width: 31cqi;
    aspect-ratio: 1;
    border-radius: 7.5cqi;
    background: linear-gradient(150deg, #30343E 0%, #15171C 52%, #08090B 100%);
    color: #FFFFFF;
    rotate: -9deg;
    box-shadow:
        inset 0 max(1px, 0.3cqi) 0 rgba(255, 255, 255, 0.2),
        inset 0 -1cqi 2cqi rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.06),
        0 1cqi 2cqi rgba(0, 0, 0, 0.5),
        0 5cqi 9cqi -3cqi rgba(0, 0, 0, 0.85);
    transition: rotate .7s var(--rs-e), translate .7s var(--rs-e);}
.mn-am-tuile .epure-ico{font-size: 14cqi; margin-top: -3cqi;}
.mn-am-cc{position: absolute;
    bottom: 3.4cqi;
    font-family: var(--rs-mono);
    font-size: max(8px, 2.2cqi);
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.62);}
.mn-am-carte{position: absolute;
    z-index: 2;
    left: 41%;
    top: 36%;
    display: flex;
    flex-direction: column;
    width: 46%;
    aspect-ratio: 1.58;
    overflow: clip;
    border-radius: 2.4cqi;
    background: linear-gradient(160deg, #FFFFFF 0%, #F3EFF0 58%, #E3DCDE 100%);
    color: var(--rs-encre);
    rotate: 7deg;
    box-shadow:
        inset 0 max(1px, 0.3cqi) 0 #FFFFFF,
        0 1cqi 2cqi rgba(0, 0, 0, 0.35),
        0 5cqi 10cqi -3cqi rgba(0, 0, 0, 0.8);
    transition: rotate .7s var(--rs-e), translate .7s var(--rs-e);}
.mn-am-carte::after{content: "";
    position: absolute;
    right: 5%;
    bottom: 10%;
    width: 11cqi;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(from 40deg, #F6D6DE, #E8C9F0, #CFE3F7, #F7E9CF, #F6D6DE);
    opacity: 0.55;}
.mn-am-bande{display: flex;
    align-items: baseline;
    gap: 1.6cqi;
    padding: 1.8cqi 2.4cqi;
    background: linear-gradient(90deg, #6E2634, #A13A4E);
    color: #FFFFFF;}
.mn-am-bande b{font-size: max(12px, 5cqi); font-weight: 700; line-height: 1; letter-spacing: -0.03em;}
.mn-am-bande span{font-size: max(7px, 1.9cqi); letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.82;}
.mn-am-corps{position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; gap: 1.1cqi; padding: 2.2cqi 2.4cqi;}
.mn-am-corps i{display: block; height: 0.9cqi; border-radius: 1cqi; background: #D8D0D2;}
.mn-am-corps i:first-child{width: 58%;}
.mn-am-corps i:nth-child(2){width: 40%;}
.mn-am-corps .mn-puce{margin-top: auto; align-self: flex-start;}
:is(a:hover, a:focus-visible) .mn-am-tuile{rotate: -14deg; translate: -1.5cqi -1cqi;}
:is(a:hover, a:focus-visible) .mn-am-carte{rotate: 3deg; translate: 1cqi -2cqi;}
.mn--interface{background-color: #FFFFFF;
    background-image:
        var(--mn-grain-sombre),
        radial-gradient(90% 100% at 0% 0%, #EFD0D8 0%, #F8EAEA 42%, #FFFFFF 78%),
        radial-gradient(60% 70% at 100% 100%, #F6E3E6, transparent 70%);
    background-size: 220px, auto, auto;
    color: var(--rs-encre);
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.08);}
.mn-ui-a,.mn-ui-b{position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #ECEBEA;
    border-radius: 1.8cqi;
    background: #FFFFFF;
    box-shadow: 0 0.4cqi 1cqi rgba(20, 20, 30, 0.08), 0 3cqi 6cqi -2cqi rgba(20, 20, 30, 0.22);
    transition: translate .6s var(--rs-e);}
.mn-ui-a{left: 12%; top: 16%; width: 52%; gap: 2cqi; padding: 3cqi;}
.mn-ui-haut{display: flex; align-items: center; justify-content: space-between;}
.mn-ui-t{font-size: max(12px, 5cqi); font-weight: 600; letter-spacing: -0.04em;}
.mn-ui-anneau{width: 7cqi;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(var(--burgundy) 0 38%, #E6D6DA 38% 100%);
    -webkit-mask: radial-gradient(circle, transparent 50%, #000 52%);
            mask: radial-gradient(circle, transparent 50%, #000 52%);}
.mn-ui-rang{display: flex;
    justify-content: space-between;
    padding-bottom: 1.4cqi;
    border-bottom: 1px solid #EEEEEE;
    font-size: max(9px, 2.6cqi);
    color: var(--rs-doux);}
.mn-ui-rang b{font-weight: 600; color: var(--rs-encre);}
.mn-ui-puces{display: flex; flex-wrap: wrap; gap: 0.9cqi;}
.mn-ui-puces i{padding: 0.7cqi 1.4cqi; border-radius: 999px; background: #F4F4F5; font-size: max(7px, 1.8cqi); color: var(--rs-doux);}
.mn-ui-b{left: 50%; top: 48%; width: 42%; gap: 1.4cqi; padding: 2.4cqi;}
.mn-ui-b .mn-ui-photo{position: relative; height: 11cqi; border-radius: 1cqi;}
.mn-ui-t2{font-size: max(10px, 3cqi); font-weight: 600; letter-spacing: -0.02em;}
.mn-ui-barre{height: 1.2cqi; overflow: hidden; border-radius: 999px; background: #E9E6E6;}
.mn-ui-barre i{display: block;
    width: 100%;
    height: 100%;
    background: var(--burgundy);
    transform-origin: left;
    scale: 0.38 1;
    transition: scale .7s var(--rs-e);}
.mn-ui-leg{display: flex; justify-content: space-between; font-size: max(7px, 1.8cqi); color: var(--rs-mute);}
:is(a:hover, a:focus-visible) .mn-ui-a{translate: 0 -1cqi;}
:is(a:hover, a:focus-visible) .mn-ui-b{translate: 0 -3cqi;}
:is(a:hover, a:focus-visible) .mn-ui-barre i{scale: 0.46 1;}
.mn--plan{background-color: #040405;
    background-image:
        var(--mn-grain),
        radial-gradient(75% 85% at 50% 45%, #131317 0%, #070708 62%, #030304 100%);
    background-size: 220px, auto;}
.mn-plan-svg{position: absolute;
    left: 5%;
    top: 13%;
    width: 90%;
    height: 64%;
    overflow: visible;}
.mn-pl-p,.mn-pl-a{fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-dasharray: 0 4.2;}
.mn-pl-p{stroke: #FFFFFF; stroke-opacity: 0.9;}
.mn-pl-a{stroke: #F07C93;}
.mn-pl-f{fill: none; stroke: #FFFFFF; stroke-width: 0.7; stroke-opacity: 0.42;}
.mn-pl-c{fill: none; stroke: #FFFFFF; stroke-width: 0.9; stroke-opacity: 0.85;}
.mn-pl-d{fill: #FFFFFF; fill-opacity: 0.85;}
.mn-pl-n{fill: #FFFFFF;}
:is(a:hover, a:focus-visible) :is(.mn-pl-p, .mn-pl-a){animation: mnMarche 1.4s linear infinite;}
@keyframes mnMarche{ to { stroke-dashoffset: -8.4; } }
.mn-plan-t{position: absolute;
    z-index: 2;
    left: 5cqi;
    right: 12cqi;
    bottom: 4.6cqi;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: max(11px, 3.9cqi);
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -0.04em;}
.mn--lecteur{background-color: #060709;
    background-image:
        var(--mn-grain),
        radial-gradient(85% 58% at 50% 122%, rgba(240, 124, 147, 0.78) 0%, rgba(123, 45, 59, 0.5) 40%, transparent 76%),
        linear-gradient(180deg, #060709 38%, #12090C);
    background-size: 220px, auto, auto;}
.mn-fenetre{position: absolute;
    z-index: 1;
    left: 50%;
    top: 12%;
    display: flex;
    flex-direction: column;
    width: 70%;
    translate: -50% 0;
    overflow: clip;
    border-radius: 2cqi;
    background: #16161A;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.12),
        0 1cqi 2cqi rgba(0, 0, 0, 0.4),
        0 5cqi 12cqi -4cqi rgba(0, 0, 0, 0.85);
    transition: translate .6s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-fenetre{translate: -50% -3%;}
.mn-fenetre-h,.mn-fenetre-bas{display: flex;
    align-items: center;
    gap: 0.9cqi;
    padding: 1.5cqi 2cqi;
    font-size: max(7px, 1.9cqi);
    color: rgba(255, 255, 255, 0.62);}
.mn-fenetre-h{border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.mn-fenetre-h i{width: 1.3cqi; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, 0.2);}
.mn-fenetre-h i:first-child{background: #F07C93;}
.mn-fenetre-h span{margin-left: 1.4cqi; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mn-fenetre-vue{position: relative;
    aspect-ratio: 16 / 9;
    overflow: clip;
    background: linear-gradient(135deg, #2E1119 0%, #7B2D3B 60%, #B9485C 100%);}
.mn-fenetre-vue img{position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale .8s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-fenetre-vue img{scale: 1.04;}
.mn-lire{position: absolute;
    left: 50%;
    top: 50%;
    width: 12cqi;
    aspect-ratio: 1;
    translate: -50% -50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45), 0 1cqi 3cqi -1cqi rgba(0, 0, 0, 0.5);
    transition: scale .45s var(--rs-e), background-color .3s var(--rs-e);}
.mn-lire::before{content: "";
    position: absolute;
    left: 54%;
    top: 50%;
    width: 32%;
    aspect-ratio: 0.87;
    translate: -50% -50%;
    background: #FFFFFF;
    clip-path: polygon(0 0, 100% 50%, 0 100%);}
:is(a:hover, a:focus-visible) .mn-lire{scale: 1.1; background: rgba(255, 255, 255, 0.3);}
.mn-fenetre-prog{flex: 1; height: 0.7cqi; overflow: clip; border-radius: 1cqi; background: rgba(255, 255, 255, 0.14);}
.mn-fenetre-prog i{display: block;
    width: 100%;
    height: 100%;
    background: #F07C93;
    transform-origin: left;
    scale: var(--p) 1;
    transition: scale .9s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-fenetre-prog i{scale: calc(var(--p) + 0.14) 1;}
.mn--affiche{background: #F4EAE5; box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.06);}
.mn-affiche{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale .8s var(--rs-e);}
:is(a:hover, a:focus-visible) .mn-affiche{scale: 1.035;}
.mn-affiche-lire{position: absolute;
    z-index: 2;
    right: 4.5cqi;
    bottom: 4.5cqi;
    width: max(32px, 9cqi);
    aspect-ratio: 1;
    border-radius: 28%;
    background: #0A0A0A;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25), 0 1.4cqi 3cqi -1cqi rgba(10, 10, 10, 0.55);
    transition: scale .45s var(--rs-e);}
.mn-affiche-lire::before{content: ""; position: absolute; left: 55%; top: 50%; width: 32%; aspect-ratio: .87; translate: -50% -50%; background: #FFFFFF; clip-path: polygon(0 0, 100% 50%, 0 100%);}
:is(a:hover, a:focus-visible) .mn-affiche-lire{scale: 1.1;}
@media (prefers-reduced-motion: reduce){
.mn *,.mn{transition: none !important; animation: none !important;}
}