/* manifesto.css (celular) — a folha branca que sobe por cima do hero (#manifesto, js/m/manifesto.js). O corte da
   esquina é um clip-path do JS, só durante a subida. A altura é a do conteúdo: o hero de baixo escurece até o
   preto e some quando a folha cobre o que pode da tela (js/m/hero.js). */
#manifesto{z-index:2;background:#fff;color:var(--c-ink)}
.mm{padding:calc(124 * var(--u)) var(--pad) calc(112 * var(--u))}
/* título em escada: L1 à esquerda, L2 à direita, L3 de volta à esquerda (o zigue-zague do desktop na largura de 390).
   A cedilha do Ç de AQUISIÇÃO desce ~0,39 da maiúscula (medido no desktop) e cai sobre o E de GESTÃO: a L2 desce
   10u a mais que as outras, para a cedilha ficar inteira e longe do E (a mesma correção do desktop, lá em x). */
/* a caixa do título tem a largura da linha mais larga: a L2 alinha à direita dela (no tablet não vai parar na
   borda da tela) */
.mm__tit{font-size:calc(56 * var(--u));line-height:1;width:max-content;max-width:100%}
.mm__l{display:block;white-space:nowrap}
.mm__l1{letter-spacing:-.045em}
.mm__l2{margin-top:calc(10 * var(--u));text-align:right;letter-spacing:-.032em}
.mm__l3{letter-spacing:-.028em}
/* parágrafo recuado (a coluna da direita do desktop), com a régua em cima */
.mm__corpo{margin:calc(52 * var(--u)) 0 0 18%;max-width:calc(420 * var(--u))}
.mm__regua{position:relative;height:calc(10 * var(--u));margin-bottom:calc(22 * var(--u))}
.mm__regua b{position:absolute;left:0;top:0;width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--c-limao)}
.mm__regua i{position:absolute;left:calc(18 * var(--u));right:0;top:calc(4.5 * var(--u));height:1px;background:rgba(12,12,12,.85);transform-origin:0 50%}
.mm__p{font-family:var(--f-texto);font-weight:500;font-size:calc(17.5 * var(--u));line-height:1.5;letter-spacing:-.02em;color:var(--c-ink)}