.brand.logo-brand{display:block;width:146px;height:132px;padding:0;letter-spacing:normal;line-height:0;overflow:visible}.logo-brand .lettering{display:block;width:100%;height:100%;overflow:visible}.lettering .mark-letter,.lettering .mark-dot,.lettering .mark-caption{transform-box:fill-box;transform-origin:center;animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,.75,.25,1)}.lettering .mark-letter{animation-name:letterPlay;animation-delay:var(--delay)}.lettering .mark-dot{animation-name:dotPlay;animation-delay:calc(var(--delay) + .32s)}.lettering .mark-caption{animation-name:captionPlay}
@keyframes letterPlay{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}8%{opacity:1;transform:translate(0,-3px) rotate(-2deg)}13%,47%{opacity:1;transform:translate(0,0) rotate(0)}53%{transform:translate(0,var(--hop)) rotate(var(--r))}59%{transform:translate(0,-3px) rotate(-3deg)}65%,89%{opacity:1;transform:translate(0,0) rotate(0)}97%,100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@keyframes dotPlay{0%{opacity:0;transform:translateY(-28px)}9%{opacity:1;transform:translateY(3px)}12%{transform:translateY(-8px)}16%,46%{opacity:1;transform:translateY(0)}52%{transform:translateY(-16px)}56%{transform:translateY(2px)}60%,89%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-24px)}}
@keyframes captionPlay{0%,10%{opacity:0;transform:translateY(8px)}20%,89%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(8px)}}.motion-paused .lettering *{animation-play-state:paused!important}body:not(:has(.site-header)) .brand.logo-brand{width:96px;height:88px}@media(max-width:750px){.site-header .brand.logo-brand{width:118px;height:106px;right:7vw}body:not(:has(.site-header)) .brand.logo-brand{width:82px;height:76px}}@media(prefers-reduced-motion:reduce){.lettering .mark-letter,.lettering .mark-dot,.lettering .mark-caption{animation:none!important;opacity:1;transform:none}}

.lettering .mark-letter{fill:#221f1f}.lettering .mark-caption{fill:#231f20}

/* Homepage signature: centered Tati, slow Veiga, playful dots, full lockup. */
.site-header .lettering .mark-letter,.site-header .lettering .mark-dot,.site-header .lettering .mark-caption{animation:none;opacity:1;transform:none}