/* about.inteira.eu (09/10/2026): a página corre para o LADO, contínua, como corria para baixo */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
.h-trilho{display:flex;flex-direction:row;flex-wrap:nowrap;width:100vw;height:100vh;height:100dvh;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;overscroll-behavior:none}
.h-trilho::-webkit-scrollbar{display:none}
.h-trilho>section{flex:0 0 100vw;width:100vw;height:100vh;height:100dvh;min-height:0;
  overflow:hidden;position:relative;box-sizing:border-box;padding:64px 0}
.h-trilho>section:first-child{padding:0}
/* cada tela: o conteúdo fica no meio (de cima a baixo) e diminui inteiro se não couber */
.h-cabe{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);transform-origin:center center}
.h-trilho>section:first-child>.h-cabe{top:0;transform:none;transform-origin:top center}
/* o espaço de cima e de baixo de cada parte era para rolar para baixo: aqui cada tela centraliza a sua */
.about-grid-images{margin-bottom:0!important}
.home-about-component.home-3{margin-top:0!important;margin-bottom:0!important}
.about-big-text-component,.home-projects-component.small-margin,.expertise-component.margin-top{padding-top:0!important;padding-bottom:0!important}
.footer-grid{margin-top:64px!important}
/* a foto da equipe: a cortina abre para o lado */
.about-agency-image .mask-frame{opacity:1;height:100%!important;width:100%;left:auto;right:0}
.about-agency-image .image{transform:scale(1.4)}
.about-grid-images .about-grid-image-wrap,.about-grid-images .image-wrap-1,.about-grid-images .image-wrap-3,.about-grid-images .image-wrap-4{will-change:translate}
/* a colagem quem mexe é o lado.js (para o lado); o movimento antigo, de cima para baixo, fica parado */
.about-grid-images .about-grid-image-wrap,.about-grid-images .image-wrap-1,.about-grid-images .image-wrap-3,.about-grid-images .image-wrap-4{transform:none!important}