/* Compléments de la maquette (powder.css) : transitions des états, curseurs, survols, grille des compteurs. */

/* state changes animate the same way the original variants did */
.sorrel-morph *,
.sorrel-morph *::before,
.sorrel-morph *::after {
  transition:
    opacity .45s cubic-bezier(.44, 0, .56, 1),
    transform .5s cubic-bezier(.22, .9, .3, 1),
    background-color .45s ease,
    border-color .45s ease,
    color .45s ease,
    height .45s cubic-bezier(.22, .9, .3, 1);
}

/* intro paragraphs fade between lit / resting */
.framer-1amyo5f, .framer-1es08lj, .framer-sch1r2 { transition: opacity .5s ease; }

/* pointer affordances the runtime used to provide */
.framer-X2hsG, .framer-wjWBF, .framer-oG402, .framer-QhUXS,
[data-framer-name="button 3.0"], [data-framer-name="L Icon"],
[data-framer-name^="Active "] { cursor: pointer; }
.framer-1mgirvw-container { touch-action: pan-y; user-select: none; }

/* button hover, as in the original button component */
a.framer-FkYLp, [data-framer-name="button 3.0"] { transition: filter .25s ease, transform .25s ease; }
a.framer-FkYLp:hover, [data-framer-name="button 3.0"]:hover { filter: brightness(1.18); }
a.framer-FkYLp:active, [data-framer-name="button 3.0"]:active { transform: scale(.97); }
nav a.framer-text { transition: opacity .2s ease; }
nav a.framer-text:hover { opacity: .7; }

/* phone / tablet bar: the original settles on its frosted "scroll" variant right after load */
nav.framer-hmqps[data-framer-name="mobile-top"] {
  background-color: var(--token-259d8c78-fccd-4e6b-bbb0-32a9dcab750e, rgba(6, 5, 3, .75)) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  --border-bottom-width: 1px !important;
  --border-color: var(--token-aecd04de-bd30-4743-90e2-2b56d3d58e1b, rgba(255, 255, 255, .1)) !important;
}

/* stat chips: on narrow grids the source layout collapsed them to 1px (one word per line, figures hidden) */
@media (max-width: 1279.98px) {
  .framer-1w6t3qc > *,
  .framer-1w6t3qc > * > div:not([class$="-container"]),
  .framer-1w6t3qc [data-framer-component-type="RichTextContainer"] { width: 100% !important; }
  .framer-1w6t3qc [class$="-container"] { width: auto !important; }
}

/* tilt layers inside the number cards */
.framer-1ymyj6l, .framer-1jvo29l, .framer-j2uqij, .framer-1ll5h92 { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  .sorrel-morph * { transition: none !important; }
}