/* Copie légère de /assets/phare-une.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:acf94ff926997cdd0da682d5182c993db3005ccd — ne pas éditer, relancer l'outil. */
.un-tete{--un-encre: #0A0A0A;
    --un-doux: #5A5A5A;
    --un-filet: #E6E5E3;
    --un-r: 20px;
    --un-r-petit: 10px;
    --un-r-bouton: 12px;
    --un-e: cubic-bezier(0.22, 0.68, 0.24, 1);
    --un-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");
    font-family: var(--font-nav);
    color: var(--un-encre);}
.epure > .epure-bande.un-tete:first-child{padding-top: clamp(20px, 2.4vw, 36px);}
.un-tete :is(h1, h2, h3){font-family: var(--font-nav); color: inherit;}
.un-tete [hidden]{display: none !important;}
.un-sr{position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;}
.un-tete .un-fil{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 13.5px;
    color: var(--un-doux);}
.un-tete .un-fil a{display: inline-flex; align-items: center; min-height: 24px; color: var(--un-doux); text-decoration: none;}
.un-tete .un-fil a:hover{color: var(--un-encre); text-decoration: underline; text-underline-offset: 3px;}
.un-titre{display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 24px clamp(32px, 5vw, 96px);
    align-items: center;
    margin-top: clamp(14px, 1.6vw, 26px);}
.un-tete .un-h1{display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: clamp(12px, 1.4vw, 22px); margin: 0;}
@media (min-width: 700px){
.un-tete .un-h1:not(.un-h1--deux){flex-wrap: nowrap;}
.un-h1-mot{flex: none;}
.un-h1-sur{flex: 0 1 16ch; min-width: 9ch;}
}
.un-tete--portail .un-titre{margin-bottom: clamp(26px, 2.8vw, 46px);}
.un-h1-mot{font-size: clamp(64px, 8vw, 140px); font-weight: 700; line-height: 0.84; letter-spacing: -0.06em;}
.un-h1-sur{max-width: 16ch;
    padding-bottom: 0.5em;
    font-size: clamp(14px, 1.1vw, 17px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--un-doux);
    text-wrap: balance;}
.un-tete .un-h1--deux{display: block;
    max-width: 9.2ch;
    font-size: clamp(54px, min(5.6vw, 8.4svh), 96px);
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -0.055em;
    text-wrap: balance;}
.un-cote{position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.un-tete .un-lead{max-width: 36ch;
    margin: 0;
    font-size: clamp(16px, 1.25vw, 19px);
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: #4A4A4A;
    text-wrap: pretty;}
.un-note{position: absolute;
    top: -6px;
    left: calc(min(100%, 430px) + 26px);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 130px;
    color: #6B6B6B;
    pointer-events: none;}
.un-note-t{font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    rotate: -8deg;}
.un-note-fl{width: 44px; height: 52px; margin: 6px 0 0 -46px;}
@media (max-width: 1599px){
.un-note{display: none;}
}
.un-tete{overflow-x: clip;}
.un-barre{display: flex; justify-content: flex-end; margin: clamp(22px, 2.4vw, 40px) 0 16px;}
.un-pills{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;}
.un-tete .un-pill{display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--un-r-petit);
    background: #F1F1F2;
    color: var(--un-encre);
    font-family: var(--font-nav);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.008em;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.04), 0 1px 1px rgba(10, 10, 10, 0.03);
    transition: background-color .22s var(--un-e), color .22s var(--un-e), box-shadow .22s var(--un-e);}
.un-tete .un-pill:hover{background: #E7E7E9;}
.un-tete .un-pill:focus-visible{outline: 2px solid var(--un-encre); outline-offset: 2px;}
.un-tete .un-pill--on,.un-tete .un-pill[aria-pressed="true"]{background: var(--un-encre);
    color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.2), 0 10px 22px -12px rgba(10, 10, 10, 0.7);}
.un-grille{--un-rang: clamp(236px, 18vw, 262px);
    --un-rang-bas: clamp(190px, 14vw, 210px);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: var(--un-rang);
    gap: 14px;}
.un-carte--c4{grid-column: span 4;}
.un-carte--c5{grid-column: span 5;}
.un-carte--c7{grid-column: span 7;}
.un-carte--c12{grid-column: span 12;}
.un-carte{--un-sur: #5A5A5A;
    --un-p: #4F4F4F;
    position: relative;
    isolation: isolate;
    display: flex;
    overflow: clip;
    border-radius: var(--un-r, 20px);
    background: #FFFFFF;
    color: #0A0A0A;
    text-decoration: none;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.05),
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 16px 34px -24px rgba(10, 10, 10, 0.36);
    transition: translate .3s var(--un-e, ease), box-shadow .35s var(--un-e, ease);}
a.un-carte:hover{translate: 0 -3px;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.06),
        0 3px 6px rgba(10, 10, 10, 0.06),
        0 30px 52px -26px rgba(10, 10, 10, 0.46);}
a.un-carte:focus-visible{outline: 2px solid #0A0A0A; outline-offset: 3px;}
.un-carte-txt{position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 56%;
    padding: clamp(24px, 2.35vw, 34px) 0 clamp(22px, 2.2vw, 30px) clamp(24px, 2.35vw, 34px);}
.un-carte-sur{font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--un-sur);}
.un-carte-t{margin-top: 13px;
    font-size: clamp(22px, 1.95vw, 29px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;}
.un-carte-p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-width: 30ch;
    margin-top: 14px;
    font-family: var(--font-text);
    font-size: clamp(14px, 1vw, 15px);
    line-height: 1.5;
    color: var(--un-p);}
.un-carte-fl,.un-badge-fl{position: relative;
    display: block;
    flex: none;
    overflow: clip;
    color: #0A0A0A;}
.un-carte-fl{position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: inset 0 -1px 0 rgba(10, 10, 10, 0.08), 0 8px 18px -8px rgba(10, 10, 10, 0.5);}
.un-carte-fl::before,.un-carte-fl::after,.un-badge-fl::before{content: "";
    position: absolute;
    inset: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    background: currentColor;
    -webkit-mask: var(--un-fleche) center / contain no-repeat;
            mask: var(--un-fleche) center / contain no-repeat;
    transition: translate .5s var(--un-e, ease);}
.un-carte-fl::after{translate: -26px 26px;}
.un-carte:is(:hover, :focus-visible) .un-carte-fl::before{translate: 26px -26px;}
.un-carte:is(:hover, :focus-visible) .un-carte-fl::after{translate: 0 0;}
.un-badge{position: absolute;
    right: 76px;
    bottom: 20px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 9px 12px 9px 14px;
    border-radius: 10px;
    background: #FFFFFF;
    color: #0A0A0A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    box-shadow: 0 8px 20px -10px rgba(10, 10, 10, 0.45);}
.un-badge-fl{width: 16px; height: 16px;}
.un-badge-fl::before{width: 15px; height: 15px;}
.un-carte.un-fond--nuit{--un-sur: rgba(255, 255, 255, 0.72);
    --un-p: rgba(255, 255, 255, 0.8);
    background: radial-gradient(120% 90% at 0% 0%, #1E1B1D 0%, #0F0D0E 60%);
    color: #FFFFFF;}
.un-carte.un-fond--blush{background: linear-gradient(135deg, #FCF3F0 0%, #F7E3DC 100%);}
.un-carte.un-fond--rose{background: linear-gradient(160deg, #FAF0F2 0%, #F3E0E6 100%);}
.un-carte.un-fond--sable{background: linear-gradient(150deg, #FAF3EE 0%, #F2E4DA 100%);}
.un-carte.un-fond--corail{background: linear-gradient(150deg, #FDF0EA 0%, #F8E0D6 100%);}
.un-carte.un-fond--creme{background: linear-gradient(150deg, #FBF6F0 0%, #F5ECE2 100%);}
.un-carte.un-fond--papier{background: #FFFFFF;}
.un-carte.un-fond--plein{--un-sur: rgba(255, 255, 255, 0.76);
    --un-p: rgba(255, 255, 255, 0.86);
    background: #1A0C10;
    color: #FFFFFF;}
.un-teinte--braise{--un-t1: #2B0708; --un-t2: #E4553D;}
.un-teinte--corail{--un-t1: #6E2520; --un-t2: #F4937A;}
.un-teinte--framboise{--un-t1: #3E0B1D; --un-t2: #D9607E;}
.un-teinte--terracotta{--un-t1: #45190F; --un-t2: #DD8A63;}
.un-teinte--brique{--un-t1: #3A100D; --un-t2: #C75A42;}
.un-teinte--rose{--un-t1: #6A2837; --un-t2: #F0B3B6;}
.un-teinte--vin{--un-t1: #22080F; --un-t2: #B94A5C;}
.un-vue{position: absolute;
    z-index: 1;
    overflow: clip;
    isolation: isolate;
    background: linear-gradient(150deg, var(--un-t1, #2B0708) 0%, var(--un-t2, #E4553D) 100%);}
.un-vue img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) contrast(1.14) brightness(1.06);
    mix-blend-mode: luminosity;}
.un-forme--fondu .un-vue{inset: 0 0 0 40%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 20%, #000 55%);
            mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 20%, #000 55%);}
.un-forme--panneau .un-vue{top: 0; right: 0; bottom: 0; width: 42%;}
.un-forme--arrondi .un-vue{right: 0; bottom: 0; width: 44%; height: 84%; border-top-left-radius: 92px;}
.un-forme--panneau .un-carte-txt,.un-forme--arrondi .un-carte-txt{width: 51%;}
.un-forme--plein .un-vue{inset: 0;}
.un-forme--plein::after{content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(20, 8, 11, 0.9) 0%, rgba(20, 8, 11, 0.66) 34%, rgba(20, 8, 11, 0) 68%),
        linear-gradient(0deg, rgba(20, 8, 11, 0.45) 0%, rgba(20, 8, 11, 0) 42%);
    pointer-events: none;}
.un-forme--plein .un-carte-txt{width: 52%;}
.un-vue--objet{top: 50%;
    right: -5%;
    width: 50%;
    aspect-ratio: 1;
    translate: 0 -46%;
    overflow: visible;
    background: none;}
.un-sphere{position: absolute;
    inset: 16%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92) 0 4%, rgba(255, 255, 255, 0) 24%),
        radial-gradient(circle at 42% 40%, var(--un-t2) 0%, var(--un-t1) 82%);
    box-shadow:
        inset -22px -26px 44px rgba(20, 5, 8, 0.28),
        0 34px 50px -26px rgba(90, 22, 30, 0.55);}
.un-anneau{position: absolute;
    left: 0;
    right: 0;
    top: 44%;
    height: 22%;
    border: 2px solid var(--un-t2);
    border-radius: 50%;
    opacity: 0.55;
    rotate: -16deg;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.18);}
.un-fond--nuit .un-anneau{border-color: rgba(255, 255, 255, 0.6);}
.un-tete .un-aide{max-width: 74ch;
    margin: clamp(32px, 3.4vw, 52px) 0 0;
    font-family: var(--font-text);
    font-size: 15.5px;
    line-height: 1.6;
    color: var(--un-doux);}
.un-tete .un-aide a:not([class]){font-weight: 500;
    color: var(--un-encre);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(123, 45, 59, 0.45);
    text-underline-offset: 3px;}
.un-tete--ecran .un-titre{margin-top: 8px;}
.un-tete--ecran .un-barre{margin: 14px 0 14px;}
@media (min-width: 1101px){
.epure > .epure-bande.un-tete--ecran:first-child{display: flex;
        flex-direction: column;
        min-height: calc(100svh - var(--un-haut-barre, 121px));
        padding-bottom: 16px;}
.un-tete--ecran .un-tete-in{display: flex; flex: 1 1 auto; flex-direction: column; width: 100%;}
.un-grille--ecran{flex: 1 1 auto;
        min-height: 500px;
        max-height: 780px;
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.8fr);
        grid-auto-rows: minmax(150px, auto);}
.un-grille--ecran > .un-carte{container-type: size;}
.un-grille--ecran .un-carte-t{margin-top: 10px;}
.un-grille--ecran .un-carte-p{margin-top: 10px; -webkit-line-clamp: 2;}
}
@container (max-height: 215px){
.un-grille--ecran .un-carte-txt{padding-top: 22px;}
.un-grille--ecran .un-carte-p{-webkit-line-clamp: 1;}
}
@container (max-height: 168px){
.un-grille--ecran .un-carte-p{display: none;}
}
@media (max-width: 1100px){
.un-titre{grid-template-columns: minmax(0, 1fr); align-items: start;}
.un-barre{justify-content: flex-start;}
.un-pills{justify-content: flex-start;}
.un-grille,.un-grille--ecran{grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: minmax(230px, auto);}
.un-carte--c4,.un-carte--c5,.un-carte--c7{grid-column: span 3;}
.un-carte--c12{grid-column: span 6;}
.un-carte-txt{width: 60%;}
}
@media (max-width: 680px){
.un-h1-mot{font-size: 15.5vw;}
.un-tete .un-h1--deux{font-size: 13vw;}
.un-grille,.un-grille--ecran{grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 12px;}
.un-carte--c4,.un-carte--c5,.un-carte--c7,.un-carte--c12{grid-column: auto;}
.un-carte{min-height: 124px;}
.un-grille > .un-carte:first-child{min-height: 300px;}
.un-grille > .un-carte:first-child .un-carte-txt{width: 64%;}
.un-grille > .un-carte:nth-child(n + 2) .un-carte-txt{width: 64%; padding: 18px 0 18px 18px;}
.un-grille > .un-carte:nth-child(n + 2) .un-carte-t{margin-top: 8px; font-size: 18px;}
.un-grille > .un-carte:nth-child(n + 2) .un-carte-p{display: none;}
.un-grille > .un-carte:nth-child(n + 2) .un-carte-fl{right: 12px; bottom: 12px; width: 36px; height: 36px; border-radius: 10px;}
.un-grille > .un-carte:nth-child(n + 2) .un-forme--arrondi .un-vue,.un-grille > .un-carte.un-forme--arrondi:nth-child(n + 2) .un-vue{border-top-left-radius: 44px;}
.un-badge{display: none;}
.un-forme--plein .un-carte-txt{width: 72%;}
}
@media (prefers-reduced-motion: reduce){
.un-carte,.un-carte-fl::before,.un-carte-fl::after{transition: none;}
}