@font-face{font-family:Distro;src:url('/images/fonts/distro-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.tagline-stage{position:relative;justify-self:end;width:262px;height:56px;display:flex;align-items:center;justify-content:center;isolation:isolate}.tagline-letters{display:inline-flex;white-space:nowrap;font-family:Distro,Arial,sans-serif;font-size:23px;line-height:1.1;color:#707070;font-weight:400}.tagline-letters>span{display:inline-block}.tagline-builder{display:none;position:absolute;left:3px;top:9px;width:25px;height:39px;pointer-events:none}.is-building .tagline-letters>span{animation:tagline-letter .44s cubic-bezier(.2,.8,.3,1.2) both;animation-delay:calc(.6s + var(--letter)*.14s)}.is-building .tagline-builder{display:block;animation:tagline-build 4.3s linear both}.builder-hand{transform-origin:14px 17px;animation:builder-place .28s ease-in-out 14}.builder-leg-one,.builder-leg-two{transform-origin:14px 29px;animation:builder-step .32s ease-in-out 12 alternate}.builder-leg-two{animation-direction:alternate-reverse}@keyframes tagline-letter{0%{opacity:0;transform:translateY(10px) rotate(-12deg) scale(.6)}70%{opacity:1;transform:translateY(-2px) rotate(3deg) scale(1.06)}100%{opacity:1;transform:none}}@keyframes tagline-build{0%{opacity:0;transform:translateX(-22px)}8%{opacity:1;transform:translateX(0)}82%{opacity:1;transform:translateX(224px)}92%{opacity:1;transform:translateX(240px) rotate(-8deg)}100%{opacity:0;transform:translateX(258px)}}@keyframes builder-place{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-28deg)}}@keyframes builder-step{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@media(min-width:781px) and (max-width:1100px){.tagline-stage{width:210px}.tagline-letters{font-size:18px}.main-nav{gap:20px}.tagline-builder{width:22px}.is-building .tagline-builder{animation-name:tagline-build-small}@keyframes tagline-build-small{0%{opacity:0;transform:translateX(-15px)}8%{opacity:1;transform:translateX(0)}82%{opacity:1;transform:translateX(171px)}92%{opacity:1;transform:translateX(183px)}100%{opacity:0;transform:translateX(196px)}}}
@media(max-width:780px){.site-header .nav-row{height:auto;min-height:68px;grid-template-columns:minmax(0,1fr) 42px;column-gap:12px;row-gap:0;padding-top:8px;padding-bottom:5px}.site-header .logo{grid-column:1;grid-row:1}.site-header .menu-toggle{grid-column:2;grid-row:1}.site-header .tagline-stage{grid-column:1/-1;grid-row:2;justify-self:center;width:244px;height:37px}.tagline-letters{font-size:21px}.tagline-builder{top:0;width:23px;height:36px}.main-nav{top:100%}.reading-rope{top:calc(var(--site-header-height,110px) + 12px)}}
@media(prefers-reduced-motion:reduce){.is-building .tagline-letters>span{animation:none;opacity:1;transform:none}.is-building .tagline-builder{display:none}.builder-hand,.builder-leg-one,.builder-leg-two{animation:none}}

/* Nome primeiro; o personagem entra e sai pela borda direita da página. */
.site-header .logo{transform-origin:center;animation:header-logo-jelly 650ms both}
.tagline-pending .tagline-letters>span{opacity:0}
.is-building .tagline-letters>span{animation-delay:calc(1.65s + var(--letter)*.14s)}
.is-building .tagline-builder{animation:builder-roundtrip 7.3s linear both;left:0}
.is-building .builder-hand{animation:builder-place .28s ease-in-out 26}
.is-building .builder-leg-one,.is-building .builder-leg-two{animation:builder-step .32s ease-in-out 23 alternate}
.is-building .builder-leg-two{animation-direction:alternate-reverse}
.is-building .tagline-builder svg{animation:builder-turn 7.3s linear both}
@keyframes header-logo-jelly{0%{transform:scale(.85)}25%{transform:scale(1.08)}47%{transform:scale(.96)}65%{transform:scale(1.03)}83%{transform:scale(.99)}100%{transform:scale(1)}}
@keyframes builder-roundtrip{0%{opacity:0;transform:translateX(var(--builder-entry,-400px))}3%{opacity:1}21%{opacity:1;transform:translateX(var(--builder-start,15px))}64%{opacity:1;transform:translateX(var(--builder-end,220px))}69%{opacity:1;transform:translateX(var(--builder-end,220px))}97%{opacity:1}100%{opacity:0;transform:translateX(var(--builder-entry,-400px))}}
@keyframes builder-turn{0%,19%{transform:scaleX(-1)}22%,100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.site-header .logo{animation:none}.tagline-pending .tagline-letters>span{opacity:1}.is-building .tagline-letters>span{animation:none}.is-building .tagline-builder{display:none}}

.site-header{overflow-x:clip}