/* motion-kit v1. As cores vêm de window.MOTION.cores (--m-acao, --m-acao2, --m-fundo, --m-fita, --m-fita-txt). */
:root{--m-acao:#e0a030;--m-acao2:#c0552d;--m-fundo:#111;--m-fita:var(--m-acao);--m-fita-txt:#111;--m-giro:-1.2deg}
html.m-on,html.m-on body{overflow-x:clip!important}
.m-progresso{position:fixed;inset:0 0 auto;height:3px;z-index:9990;background:linear-gradient(90deg,var(--m-acao2),var(--m-acao));transform:scaleX(0);transform-origin:left;pointer-events:none}

.m-cortina{position:fixed;inset:0;z-index:9999;background:var(--m-fundo);display:grid;place-items:center;transition:transform .8s cubic-bezier(.76,0,.24,1)}
.m-cortina.m-sai{transform:translateY(-100%)}
.m-cortina i{display:block;font-style:normal;animation:m-pisca 1s steps(1) both}
.m-cortina .m-mask{width:min(52vw,260px);aspect-ratio:9/7;background:var(--m-cor-cortina,#fff);-webkit-mask:var(--m-logo) center/contain no-repeat;mask:var(--m-logo) center/contain no-repeat}
.m-cortina .m-img{width:min(52vw,260px);aspect-ratio:9/7;background:var(--m-logo) center/contain no-repeat}
.m-cortina .m-txt{color:var(--m-cor-cortina,#fff);font-size:clamp(1.8rem,6vw,3.4rem);font-weight:800;text-align:center;padding:0 24px}
@keyframes m-pisca{0%,12%,22%,30%{opacity:.08}8%,18%,26%,36%,100%{opacity:1}}

.m-pal{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .08em .19em;margin:-.1em -.08em -.19em}
.m-pal>span{display:inline-block;transition:transform .95s cubic-bezier(.2,.8,.2,1)}
.m-pal.m-fora>span{transform:translateY(118%)}
.m-rv{opacity:0;transform:translateY(28px)}
.m-rv.m-anima{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.m-rv.m-visto{opacity:1;transform:none}
.m-rv-img{clip-path:inset(100% 0 0 0)}
.m-rv-img.m-anima{transition:clip-path 1.15s cubic-bezier(.76,0,.24,1)}
.m-rv-img.m-visto{clip-path:inset(0)}

.m-pingo{position:absolute;left:0;top:-1px;width:100%;height:clamp(110px,18vw,240px);z-index:4;pointer-events:none;overflow:visible}

.m-fita{position:relative;z-index:5;overflow:hidden;white-space:nowrap;padding:.34em 0;background:var(--m-fita);color:var(--m-fita-txt);font-weight:800;font-size:clamp(1.35rem,3.2vw,2.6rem);line-height:1.15;transform:rotate(var(--m-giro)) scale(1.03)}
.m-fita>div{display:inline-block;will-change:transform}
.m-fita span{padding-inline:.6em}

.m-gal{display:block!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;columns:auto!important}
.m-gal-fixa{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:12px}
.m-gal-fixa::-webkit-scrollbar{display:none}
.m-gal-trilho{display:flex;width:max-content;align-items:center;gap:clamp(14px,2.4vw,36px);padding-inline:clamp(16px,4.5vw,64px)}
.m-gal-trilho>*{flex:none!important;width:min(78vw,calc(100vh - 170px))!important;max-width:640px!important;margin:0!important;scroll-snap-align:center;grid-column:auto!important;grid-row:auto!important}
.m-gal-trilho img{width:100%!important;aspect-ratio:1;object-fit:cover;height:auto!important}
.m-gal-trilho *:has(>img){aspect-ratio:1!important;height:auto!important;min-height:0!important}
.m-gal-pin .m-gal-fixa{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;padding-block:64px 12px}
.m-gal-pin .m-gal-trilho{will-change:transform}

.m-part-pai{isolation:isolate}
.m-particulas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.m-particulas.m-frente{z-index:3}

.m-btn{position:relative;overflow:hidden}
.m-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
@media(hover:hover){.m-btn:hover::after{transform:translateX(120%);transition:transform .7s}}

@media(prefers-reduced-motion:reduce){.m-progresso,.m-cortina{display:none!important}}