/* ajustes da montagem */
/* emenda do hero com a primeira seção: a malha do hero se dissolve no creme */
header.hero .malha { -webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%); mask-image: linear-gradient(180deg, #000 78%, transparent 100%); }
/* seções em papel entram e saem pelo creme, sem degrau */
main .wf-secao.wf-papel { background: linear-gradient(180deg, var(--creme), var(--papel) 10%, var(--papel) 90%, var(--creme)); }
@media (min-width: 821px) {
  header.hero .quadro { -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(var(--hh) - var(--topo-h) * .2 - 90px), transparent calc(var(--hh) - var(--topo-h) * .2 + 30px)); mask-image: linear-gradient(180deg, #000 0, #000 calc(var(--hh) - var(--topo-h) * .2 - 90px), transparent calc(var(--hh) - var(--topo-h) * .2 + 30px)); }
}