.florence{--f-fond:#fff;--f-surface:#fafafa;--f-surface-2:#f1f1f1;--f-bordure:#ebebeb;--f-texte-3:#6b6b6b;--f-texte-2:#3d3d3d;--f-texte-1:#141414;--f-actif:#377855;--f-actif-fond:#edf4f0;--f-titre:var(--font-titre), system-ui, sans-serif;--f-corps:var(--font-inter), system-ui, sans-serif;--f-bouton:3rem;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{height:var(--f-bouton);background:var(--f-texte-1);color:var(--f-fond);transition-property:background-color,transform;transition-duration:var(--t-micro);transition-timing-function:var(--ease);border-radius:999px;align-items:center;gap:.75rem;padding:0 1.75rem;font-weight:500;display:inline-flex}@media (hover:hover){.florence .action:hover{background:var(--f-texte-2);transform:translateY(-1px)}.florence .action:hover .fleche{transform:translate(3px)}}.florence .action:active{transition-duration:0s;transform:translateY(0)}.florence .action .fleche{transition-property:transform;transition-duration:var(--t-state);transition-timing-function:var(--ease)}.florence .action:focus-visible .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 .scene{justify-items:center;gap:2.5rem;margin-bottom:3rem;display:grid}.florence .scene-portrait{width:min(420px,72vw);height:auto}.florence .scene-boitier{width:min(546px,86vw);height:auto}.florence .socle{background:linear-gradient(90deg, transparent, var(--f-bordure) 22%, var(--f-bordure) 78%, transparent);width:min(300px,54vw);height:1px}.florence .acte h1{font-size:clamp(3.5rem,15vw,4.25rem)}.florence{--f-gouttiere:1.5rem}@media (min-width:640px){.florence{--f-gouttiere:2.5rem}}.florence .acte{max-width:72rem;padding-inline:var(--f-gouttiere);margin-inline:auto}.florence .hero-titre{min-height:76svh;padding-block:6rem}.florence .acte-legende{min-height:0;padding-block:3rem 5rem}@media (max-width:899px){.florence .hero-titre .etiquette{display:none}.florence .hero-titre h1{margin-top:0}.florence .hero-titre .badge,.florence .hero-titre .actions,.florence .acte-legende{display:none}.florence .acte+section{padding-top:8rem}}.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 poser-ligne{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.florence .pose{view-timeline-name:--pose;--rang:0}.florence .rang-2{--rang:1}.florence .rang-3{--rang:2}@media (max-width:639px){.florence .rang-2,.florence .rang-3{--rang:0}}.florence .pose>*{--i:0;animation:cubic-bezier(.22,.61,.36,1) both poser-ligne;animation-timeline:--pose;animation-range:entry calc(24% + (var(--i) + var(--rang)) * 8%) cover calc(48% + (var(--i) + var(--rang)) * 2%)}.florence>section:last-of-type .pose>*,.florence footer .pose>*{animation-range:entry calc(20% + var(--i) * 12%) entry calc(72% + var(--i) * 12%)}.florence .pose>:nth-child(2){--i:1}.florence .pose>:nth-child(3){--i:2}.florence .pose>:nth-child(n+4){--i:3}@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%}.florence .acte-ecran{grid-template-rows:auto minmax(0,1fr);height:100svh;display:grid}.florence .hero-titre{min-height:0;padding-block:1.5rem calc(.5rem + 1.75rem + var(--f-bouton))}.florence .hero-titre h1{margin-top:0}.florence .hero-titre .plomb{margin-top:1.5rem}.florence .hero-titre .actions{gap:1rem;margin-top:1.75rem}.florence .acte-visuel{pointer-events:none;view-timeline-name:--visuel;place-items:end center;display:grid}.florence .scene{grid-template-areas:"scene";gap:0;width:100%;height:100%;margin:0}.florence .scene-portrait,.florence .scene-boitier{grid-area:scene}.florence .scene-portrait{object-fit:contain;object-position:bottom center;width:100%;max-width:none;height:100%}.florence .scene-boitier{place-self:end center;width:min(560px,100%);height:auto}@media (min-width:900px){.florence .acte-ecran{display:contents}.florence .hero-titre{padding-block:6rem}.florence .acte h1{font-size:clamp(4.25rem,6vw,5.5rem)}.florence .hero-titre h1{margin-top:2rem}.florence .hero-titre .plomb{margin-top:2.5rem}.florence .hero-titre .actions{gap:1.5rem;margin-top:3rem}.florence .acte{--f-acte-marge:calc(max(0px, 50vw - 36rem) + var(--f-gouttiere));--f-acte-gauche:max(var(--f-gouttiere), calc(var(--f-acte-marge) * 2 / 3));max-width:none;padding-left:var(--f-acte-gauche);padding-right:calc(var(--f-acte-gauche) / 2);view-timeline-name:--acte;grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:start;column-gap:3rem;margin-inline:0;display:grid}.florence .hero-titre{grid-area:1/1;min-height:88svh}.florence .acte-legende{grid-area:2/1;min-height:100svh;padding-block:6rem}.florence .acte-visuel{height:100svh;padding-bottom:0;padding-top:var(--f-bouton);grid-area:1/2/span 2;grid-template-rows:minmax(0,1fr);place-items:stretch stretch;position:sticky;top:0}.florence .scene{grid-template-rows:minmax(0,1fr)}.florence .scene-portrait{object-position:bottom right}.florence .scene-boitier{place-self:center}.florence .socle{background:linear-gradient(90deg, var(--f-bordure), var(--f-bordure) 55%, transparent)}}@keyframes retirer-portrait{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.965)}}.florence .scene-portrait{animation:linear both retirer-portrait;animation-timeline:--acte;animation-range:contain 4% contain 52%}@keyframes poser-boitier{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.florence .scene-boitier{animation:linear both poser-boitier;animation-timeline:--acte;animation-range:contain 24% contain 78%}@media (max-width:899px){.florence .scene-portrait{animation-timeline:--visuel;animation-range:cover 48% cover 70%}.florence .scene-boitier{animation-timeline:--visuel;animation-range:cover 58% cover 79%}}@keyframes tirer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.florence .trait{transform-origin:0;animation:cubic-bezier(.22,.61,.36,1) both tirer;animation-timeline:--pose;animation-range:entry calc(24% + var(--rang) * 8%) cover calc(50% + var(--rang) * 2%)}.florence section .filet.pose{border-top-color:#0000;position:relative}.florence section .filet.pose:before{content:"";background:var(--f-bordure);transform-origin:0;height:1px;animation:cubic-bezier(.22,.61,.36,1) both tirer;animation-timeline:--pose;animation-range:entry 12% cover 46%;position:absolute;top:-1px;left:0;right:0}}}