.social-media{z-index:2;background:#fff;padding:84px 0 74px;position:relative;overflow:hidden}.social-media:before,.social-media:after{content:"";filter:blur(1px);pointer-events:none;background:#6f3d1c0f;width:58px;height:306px;position:absolute;top:196px}.social-media:before{border-radius:0 28px 28px 0;left:-30px}.social-media:after{border-radius:28px 0 0 28px;right:-30px}.social-media__inner{width:100%;margin:0 auto}.social-media__header{text-align:center;margin-bottom:30px}.social-media__eyebrow{color:#6f3d1c;font-family:"Inter", var(--font-body);letter-spacing:.24em;text-transform:uppercase;background:#f2ece7;border-radius:999px;justify-content:center;align-items:center;margin-bottom:9px;padding:5px 10px 4px;font-size:9px;font-weight:900;line-height:1;display:inline-flex}.social-media__title{color:#6f3d1c;font-family:"Inter", var(--font-heading);letter-spacing:0;margin:0;font-size:31px;font-weight:900;line-height:1.08}.social-media__viewport{width:100%;overflow:hidden}.social-media__track{will-change:transform;grid-auto-columns:calc(33.3333% - 12.6667px);grid-auto-flow:column;gap:19px;padding:0 76px;display:grid}.social-media__card{isolation:isolate;background:#d9d0c6;border-radius:12px;height:344px;position:relative;overflow:hidden;box-shadow:0 12px 26px #241b1214}.social-media__card img{object-fit:cover;width:100%;height:100%;display:block}.social-media__card:after{content:"";z-index:1;opacity:0;background:#26180b94;transition:opacity .22s;position:absolute;inset:0}.social-media__card:hover:after{opacity:1}.social-media__overlay{z-index:2;color:#fff;opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:0;transform:translateY(10px)}.social-media__card:hover .social-media__overlay{opacity:1;transform:translateY(0)}.social-media__overlay span{color:#6f3d1c;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:inline-flex}.social-media__overlay strong{color:#fff;font-family:"Inter", var(--font-body);font-size:22px;font-weight:900;line-height:1}@media (max-width:900px){.social-media__track{grid-auto-columns:calc(50% - 9.5px);padding:0 48px}.social-media__card{height:300px}}@media (max-width:560px){.social-media{padding:62px 0}.social-media__inner{width:100%}.social-media__track{grid-auto-columns:100%;padding:0 28px}.social-media__card{height:286px}.social-media__title{font-size:28px}}