.social-portfolio{position:relative}.social-portfolio__container{margin:0 auto;max-width:80rem}.social-portfolio__header{margin-bottom:3rem;text-align:center}.social-portfolio__icon{display:block;margin:0 auto 2em;max-width:75px}.social-portfolio__badge{background-color:#573b921a;border-radius:9999px;color:#573b92;display:inline-block;font-weight:600;margin-bottom:1rem;padding:.375rem 1rem}.social-portfolio__title{color:#573b92;font-weight:700;margin-bottom:1rem}.social-portfolio__subtitle{margin:0 auto;max-width:42rem}.social-portfolio__grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.social-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:all .5s ease}.social-card:hover{box-shadow:0 20px 25px -5px #e9701e1a;transform:translateY(-4px)}.social-card--large,.social-card--medium,.social-card--small{grid-column:span 1;grid-row:span 1}.social-card__image-wrapper{aspect-ratio:1/1;height:100%;width:100%}.social-card__image{height:100%;object-fit:cover;object-position:top;transition:transform .7s ease;width:100%}.social-portfolio__grid a:nth-child(2) .social-card__image,.social-portfolio__grid a:nth-child(5) .social-card__image{object-position:50% calc(80% + 25px)}.social-portfolio__grid a:nth-child(n+7) .social-card__image{object-position:bottom}.social-portfolio__grid a:nth-child(n+10):nth-child(-n+12) .social-card__image{transform:scale(1.5);transform-origin:bottom;transition:transform .3s ease}.social-portfolio__grid a:nth-child(n+10):nth-child(-n+12):hover .social-card__image{transform:scale(1.6)}.social-portfolio__grid a:nth-child(15) .social-card__image{object-position:top}.social-card:hover .social-card__image{transform:scale(1.1)}.social-card__overlay{background:linear-gradient(0deg,#033d75cc,#023f7366,transparent);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease}.social-card:hover .social-card__overlay{opacity:1}.social-card__cta{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.2);border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem;text-decoration:none;transition:background-color .3s ease;width:100%}.social-card__cta:hover{background-color:#fff}.social-portfolio__cta-wrapper{margin-top:3rem;text-align:center}.social-portfolio__cta-btn{align-items:center;background-color:#573b92;border-radius:9999px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.social-portfolio__cta-btn:hover{background-color:#47357c;color:#fff}@media screen and (min-width:768px){.social-portfolio__grid{grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr)}.social-card--medium{grid-row:span 2}.social-card--large{grid-column:span 2;grid-row:span 2}}@media screen and (max-width:460px){.social-portfolio__grid{grid-template-columns:1fr}}