.who{container-type:inline-size;overflow-x:hidden}.who .container{align-items:center;display:flex;flex-direction:column}.who h2{text-align:center}.who .btn{margin-top:2rem}.who__pic{aspect-ratio:1/1;background:var(--product-bg-color);border-radius:12px;height:auto;overflow:hidden;position:relative}.who__pic:before{background-color:var(--neutral-400);opacity:.1;z-index:-1}.who__pic:after,.who__pic:before{bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s ease-in-out;width:100%}.who__pic:after{background-image:url(https://3299491.fs1.hubspotusercontent-na1.net/hubfs/3299491/raw_assets/public/Rebranding-23/1-institucional/imprensa/modules/quem-somos/v1-0223/assets/arrow_who.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;transform:translate(-100%,100%);z-index:0}.who__pic img{filter:grayscale(1);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;padding:2rem 1rem 0;position:relative;transform-origin:top;width:100%;z-index:1}.who span.link,.who__pic img{transition:all .3s ease-in-out}.who span.link{opacity:0;pointer-events:none;visibility:hidden}.who span.link:before{content:"";position:absolute;width:0}.who .carousel__container{overflow:visible}.who .carousel__controls{margin-top:1rem}.who .carousel__item a{color:var(--neutral-0);display:flex;flex-direction:column;gap:4px;padding-bottom:2px;text-decoration:none}.who .carousel__item .who__name{color:var(--title-color);font-weight:700;margin-top:12px}.who .carousel__item .who__position{color:var(--title-color)}.who .carousel__item span.link{color:var(--title-color);margin-top:32px}.who .carousel__item a:hover .who__pic:before{background-color:var(--secondary-600);opacity:1}.who .carousel__item a:hover .who__pic:after{transform:translate(0)}.who .carousel__item a:hover .who__pic img{filter:grayscale(0);transform:scale(1.3)}.who .carousel__item a:hover span.link{opacity:1;pointer-events:all;visibility:visible}.who .carousel__item a:hover span.link img,.who .carousel__item a:hover span.link svg{transform:translateX(4px)}.who .carousel__item a:hover span.link:before{width:100%}@container (min-width: 800px){@media (min-width:80em){.who .carousel__container{overflow:hidden}.who__pic{height:272px}}}