/* Ajustes de renderização.

   A seção de mídia do corpo tem 16 imagens e mede 10.368 px no
   celular e 26.585 px no desktop — medido na própria página. O
   navegador gastava layout e pintura nesse bloco inteiro antes de
   alguém chegar perto dele.

   `content-visibility: auto` faz o trabalho ficar para quando a
   seção se aproxima da tela. O `contain-intrinsic-size` é o
   tamanho que o navegador assume enquanto isso: precisa ser
   próximo do real, senão a barra de rolagem salta. Os valores
   abaixo são os medidos, arredondados.

   Fora daqui de propósito: a seção de avaliações. Ela cresce ao
   clicar em "Show More", e altura variável com placeholder fixo é
   exatamente o caso em que isto vira salto de layout. */

section.mt-11,
section.mt-12 {
  content-visibility: auto;
}

section.mt-11 { contain-intrinsic-size: 0 10400px; }
section.mt-12 { contain-intrinsic-size: 0 440px; }

@media (min-width: 768px) {
  section.mt-11 { contain-intrinsic-size: 0 26600px; }
}