.persons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-top:60px;max-width:1200px;width:100%;align-self:center;justify-items:center}.person-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px}.person-card:hover .person-image{transform:scale(1.05) translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.person-image{border-radius:50%;overflow:hidden;width:100px;aspect-ratio:1;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.person-image img{width:100%;height:100%;object-fit:cover}.person-info{display:flex;flex-direction:column;align-items:center;text-align:center}.person-name{font-size:1.5rem;font-weight:700;margin-top:1rem}.person-role{font-size:1.2rem;color:rgba(var(--primary-rgb),1);margin-top:.5rem;font-weight:600}.person-description{font-size:1rem;color:rgba(var(--foreground-rgb),.7);margin-top:.5rem;padding:0 1rem;font-weight:500}.about-us-images{position:relative;display:flex;flex-direction:row;--size:260px}.asso_A,.asso_B{border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.asso_A:hover,.asso_B:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.asso_A{width:var(--size);height:auto;aspect-ratio:3/4;margin-bottom:calc(var(--size) * .11)}.asso_A,.asso_B{position:relative}.asso_B{left:calc(var(--size) * -.3);top:calc(var(--size) * .6);height:var(--size);width:auto;aspect-ratio:4/3;margin-right:calc(var(--size) * -.3)}.about-us{justify-content:center;gap:40px;padding:40px 20px;margin-bottom:60px}.about-us,.about-us-part{display:flex;align-items:center;flex-direction:column}.about-us-part{align-self:center;gap:80px;flex-direction:row;margin-top:100px}.about-us-part.invert{flex-direction:row-reverse}.about-us-text{display:flex;flex-direction:column;gap:20px;text-align:justify;max-width:500px}.about-us-text h2{font-size:2.2rem;line-height:2.5rem;text-align:left;letter-spacing:-.02em}.about-us-text p{font-size:1.2rem;line-height:1.6rem;color:rgba(var(--foreground-rgb),.7);text-align:left;font-weight:500}.invert .about-us-text h2,.invert .about-us-text p{text-align:right}@media (max-width:1108px){.about-us-images{--size:200px}}@media (max-width:908px){.about-us-part{margin:20px}.about-us-part,.about-us-part.invert{flex-direction:column}.about-us-text,.invert .about-us-text{text-align:center}.about-us-images{--size:150px!important}}