/* Camadas entre seções (camadas.js): a de baixo fica parada e recua; a de cima sobe como uma folha de cantos arredondados */
html{overflow-anchor:none}   /* o navegador tentava "compensar" a rolagem perto das seções grudadas e puxava a página de volta */
.camada-de-baixo{position:sticky !important;transform-origin:50% 100%;will-change:transform}
.camada-de-cima{position:relative;border-radius:32px 32px 0 0;overflow:clip !important;box-shadow:0 -34px 70px -28px rgba(10,5,14,.55)}   /* clip: arredonda sem quebrar o que é preso por dentro */
.camada-sombra{position:absolute;inset:0;z-index:60;background:#0b0610;opacity:0;pointer-events:none}
/* Biblioteca: o spacer do GSAP vira a camada; will-change criaria um "quadro" para o position:fixed do pin e deslocaria a seção presa */
.pin-spacer.camada-de-baixo{will-change:auto}
@media (max-width:760px){ .camada-de-cima{border-radius:22px 22px 0 0} }
@media (prefers-reduced-motion:reduce){ .camada-de-baixo{position:relative} }
/* celular: sem camada de GPU gigante para as seções altas (a folha continua subindo por cima) */
@media (pointer:coarse){ .camada-de-baixo{will-change:auto} }
/* celular: pontos de encaixe da rolagem (pausa.js) */
.snap-marcas{position:absolute;left:0;top:0;width:1px;height:0;pointer-events:none}
.snap-marcas i{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start}
@media (pointer:coarse){ html.tem-encaixe{scroll-snap-type:y proximity} }
@media (prefers-reduced-motion:reduce){ html.tem-encaixe{scroll-snap-type:none} }
/* posição de grudar de cada camada (camadas.js); !important porque o GSAP reescreve o top do .pin-spacer da Biblioteca */
.camada-de-baixo{top:var(--ct,0px) !important}