.florence{--f-fond:#fff;--f-surface:#fafafa;--f-surface-2:#f1f1f1;--f-bordure:#ebebeb;--f-texte-3:#8a8a8a;--f-texte-2:#3d3d3d;--f-texte-1:#141414;--f-actif:#3a7d5b;--f-actif-fond:#edf4f0;--f-objet-haut:#1c1c1c;--f-objet-bas:#0d0d0d;--f-titre:var(--font-titre), system-ui, sans-serif;--f-corps:var(--font-inter), system-ui, sans-serif;background:var(--f-fond);color:var(--f-texte-1);font-family:var(--f-corps);font-optical-sizing:auto;text-wrap:pretty;min-height:100vh}.florence h1,.florence h2,.florence h3,.florence .wordmark{font-family:var(--f-titre);letter-spacing:-.02em;font-weight:600;line-height:1.05}.florence h1{letter-spacing:-.045em;font-size:clamp(3rem,11vw,8.5rem);font-weight:700}.florence h2{font-size:clamp(1.75rem,4.2vw,3rem)}.florence h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.florence .etiquette{letter-spacing:.2em;text-transform:uppercase;color:var(--f-texte-3);font-size:11px;font-weight:500}.florence .plomb{color:var(--f-texte-2);font-size:clamp(1.0625rem,1.9vw,1.375rem);line-height:1.55}.florence .secondaire{color:var(--f-texte-2)}.florence .tierce{color:var(--f-texte-3)}.florence .bande{background:var(--f-surface);border-block:1px solid var(--f-bordure)}.florence i,.florence em,.florence cite{font-style:normal}.florence ::selection{background:var(--f-texte-1);color:var(--f-fond)}.florence :focus-visible{outline:2px solid var(--f-texte-1);outline-offset:3px;border-radius:6px}.florence .action{background:var(--f-texte-1);height:3.25rem;color:var(--f-fond);border-radius:6px;align-items:center;gap:.75rem;padding:0 2rem;font-weight:500;transition:opacity .14s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.florence .action:hover{opacity:.88}.florence .action .fleche{transition:transform .22s cubic-bezier(.25,.46,.45,.94)}.florence .action:hover .fleche{transform:translate(3px)}.florence .badge{background:var(--f-actif-fond);color:var(--f-actif);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:13px;font-weight:500;display:inline-flex}.florence .badge .point{background:currentColor;border-radius:999px;width:6px;height:6px}@keyframes battement{0%,82%,to{opacity:1;transform:scale(1)}88%{opacity:.45;transform:scale(1.6)}}.florence .badge .point{animation:3s ease-in-out infinite battement}.florence .mini{aspect-ratio:1/.29;background:linear-gradient(180deg, var(--f-objet-haut) 0%, var(--f-objet-bas) 100%);border-radius:10px;width:min(420px,74vw);position:relative}.florence .mini:after{content:"";background:var(--f-actif);opacity:.25;border-radius:999px;width:5px;height:5px;position:absolute;bottom:.9rem;left:1.25rem}.florence .socle{background:linear-gradient(90deg, transparent, var(--f-bordure) 22%, var(--f-bordure) 78%, transparent);width:min(300px,54vw);height:1px;margin-top:2.5rem}.florence .filet{border-top:1px solid var(--f-bordure)}.florence .trait{background:var(--f-texte-1);width:3rem;height:1px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes monter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.florence .entre{animation:linear both monter;animation-timeline:view();animation-range:entry 5% cover 26%}@keyframes retirer{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-26px)scale(.965)}}.florence .hero-titre{animation:linear both retirer;animation-timeline:view();animation-range:exit exit 82%}@keyframes poser{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.florence .mini{animation:linear both poser;animation-timeline:view();animation-range:entry 8% cover 34%}@keyframes allumer{0%{opacity:.25}to{opacity:1;box-shadow:0 0 9px 1px color-mix(in srgb, var(--f-actif) 55%, transparent)}}.florence .mini:after{animation:linear both allumer;animation-timeline:view();animation-range:entry 30% cover 42%}@keyframes tirer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.florence .trait{transform-origin:0;animation:linear both tirer;animation-timeline:view();animation-range:entry 10% cover 30%}}}.florence .rang-2{animation-range:entry 5% cover 32%}.florence .rang-3{animation-range:entry 5% cover 38%}
