/* Animações leves para celular e telas de toque (sem GSAP): só opacidade e transform, feitas pelo navegador.
   Valem quando o <html> tem a classe .lite (posta pelo lite.js quando o modo completo está desligado). */
.lite .lite-item{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease,cubic-bezier(.16,1,.3,1)),transform .8s var(--ease,cubic-bezier(.16,1,.3,1));transition-delay:var(--d,0ms)}
.lite .lite-item.lite-in{opacity:1;transform:none}
.lite .lite-draw{transform:scaleX(0);transition:transform 1.2s var(--ease,cubic-bezier(.16,1,.3,1))}
.lite .lite-draw.lite-in{transform:none}

/* Sócios: o arco dourado cresce, a linha se desenha e a foto sobe */
.lite .partner .pcut__arch{transform:scaleY(0);transform-origin:50% 100%;transition:transform 1.1s var(--ease,cubic-bezier(.16,1,.3,1))}
.lite .partner .pcut__line{transform:scaleX(0);transition:transform .9s var(--ease,cubic-bezier(.16,1,.3,1)) .35s}
.lite .partner .pcut__img{opacity:0;transform:translate(-50%,46px) scale(.96);transition:opacity .9s var(--ease,cubic-bezier(.16,1,.3,1)) .25s,transform 1.1s var(--ease,cubic-bezier(.16,1,.3,1)) .25s}
.lite .partner .pcut__word{opacity:0;transition:opacity 1.2s var(--ease,cubic-bezier(.16,1,.3,1)) .5s}
.lite .partner.lite-in .pcut__arch{transform:none}
.lite .partner.lite-in .pcut__line{transform:none}
.lite .partner.lite-in .pcut__img{opacity:1;transform:translateX(-50%)}
.lite .partner.lite-in .pcut__word{opacity:1}

/* Abertura animada (primeira visita da sessão) também no celular */
html.intro:not(.motion) .mx-intro{display:block;position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 50% 45%,#1a1713,#0b0a09 70%)}

/* Barra de progresso de leitura */
.lite .mx-progress{display:block}