.hero{position:relative;width:100vw;max-width:100vw;height:100dvh;box-sizing:border-box;overflow:hidden;cursor:crosshair;background-color:var(--off-white);touch-action:pan-y pinch-zoom;padding-bottom:40px}.hero__trail-img{position:absolute;pointer-events:none;overflow:hidden}.hero__trail-img img{display:block;width:100%;height:100%;object-fit:cover}.hero__images{display:none}.hero__content{padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);z-index:888;width:100vw;display:flex;justify-content:center;text-align:center;line-height:1.5;mix-blend-mode:difference}.hero__text{font-family:Muoto;font-size:clamp(16px,2vw,24px);transform:translateY(10px);opacity:0;color:var(--branco);transition:transform .5s ease .8s,opacity .5s ease .8s;will-change:transform,opacity}.hero__text.enter{opacity:1;transform:translateY(0)}.hero__logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 40px);z-index:1}.logo-letter{opacity:1}.animate-out .logo-letter{animation:letterOut .6s ease forwards}.animate-out #letter-m{animation-delay:.5s}.animate-out #letter-o{animation-delay:.75s}.animate-out #letter-r{animation-delay:1s}.animate-out #letter-e{animation-delay:1.25s}@keyframes letterOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.hero__text{width:100%}.hero__trail-img{min-width:100px}}.hero__skip{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:889;border:0;background:transparent;color:var(--preto);font:inherit;cursor:pointer;opacity:0;pointer-events:none}.hero__skip:focus-visible{opacity:1;pointer-events:auto;outline:1px solid currentColor;outline-offset:6px}@media(prefers-reduced-motion:reduce){.hero__text{transition:none;transform:none}.animate-out .logo-letter{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero.css.map */