.team-grid{background-color:var(--background-color);padding:4rem 0}.team-grid__container{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1.5rem;max-width:var(--layout-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-unit, 1rem)}.team-grid__card{position:relative;overflow:hidden;height:100%;border-radius:8px;box-shadow:0 2px 10px #0000001a;scrollbar-width:thin;scrollbar-color:rgba(62,128,163,.9) transparent}.team-grid__card::-webkit-scrollbar{width:8px}.team-grid__card::-webkit-scrollbar-thumb{background:#3e80a3e6;border-radius:0}.team-grid__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.team-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;aspect-ratio:1 / 1.2}.team-grid__card:hover .team-grid__image{transform:scale(1.05)}.team-grid__content-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.2rem 1.5rem;background-color:#3e80a380;color:#fff;text-align:left;z-index:1;pointer-events:none;height:30%;display:flex;flex-direction:column;justify-content:center;transition:opacity .25s ease}.team-grid__card:hover .team-grid__content-overlay{opacity:0}.team-grid__hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .35s ease-out;z-index:2}.team-grid__card:hover .team-grid__hover-overlay{opacity:1;transform:translateY(0)}.team-grid__overlay-content{color:#fff;max-height:100%;overflow-y:auto;padding:2rem}.team-grid__name{font-size:1.4rem;margin:0 0 .25rem;color:#fff;font-weight:500;line-height:1.2}.team-grid__short-description{font-size:.95rem;margin:0;color:#fffffff2;line-height:1.4;font-weight:300}.team-grid__bio{font-size:1rem;line-height:1.6;margin-top:1rem}@media (hover: none){.team-grid__image-wrapper.active .team-grid__hover-overlay{opacity:1;transform:translateY(0)}.team-grid__image-wrapper.active .team-grid__content-overlay{opacity:0}}@media screen and (max-width: 990px){.team-grid__container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.team-grid__container{grid-template-columns:1fr}.team-grid__name{font-size:1.2rem}.team-grid__short-description{font-size:.85rem}.team-grid__content-overlay{height:35%;padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/team-grid.css.map */