.team{text-align:center;& .cards{align-items:stretch;display:grid;gap:34px;grid-template-columns:1fr 1fr;justify-content:center;margin:-30px auto 0;@media (min-width:768px){gap:74px 44px;grid-template-columns:repeat(3,minmax(auto,1fr));margin-top:0}@media (min-width:960px){grid-template-columns:repeat(4,minmax(auto,1fr))}}& .card{border:1px solid var(--color-fluent-beluga);border-radius:4px;text-align:start;& img{display:block;max-width:100%;width:100%}& a{color:var(--color-black)}& a:last-child{display:flex;justify-content:flex-end}& .card-text{display:grid;grid-template-columns:1fr 30px;padding:16px 20px 20px}}& .card-promo{cursor:pointer;perspective:1000px;position:relative;& .card-promo-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}&:hover .card-promo-inner{transform:rotateY(180deg)}& .card-promo-back,& .card-promo-front{backface-visibility:hidden;border-radius:4px;height:100%;overflow:hidden;position:absolute;width:100%}& .card-promo-front{display:block;height:100%;& img{height:100%;max-width:100%;object-fit:cover}}& .card-promo-back{background-color:var(--color-white);border:1px solid var(--color-fluent-beluga);box-shadow:0 16px 32px 0 rgba(11,11,61,.12);display:flex;flex-direction:column;padding:24px;text-align:start;transform:rotateY(180deg);& div{border-top:1px solid var(--color-fluent-beluga);font-size:24px;margin-top:20px;padding-top:20px}& .button{align-self:flex-center;margin:auto}}}}