/* Matching dark social tiles with the shared left-entering circular motion. */
html body.about-v24 .social-icon{
 position:relative;overflow:hidden;border-radius:26.923%;background-image:none!important;
}
html body.about-v24 .social-icon svg.social-mark{
 display:block;width:100%!important;height:100%!important;
}
html body.about-v24 .social-icon .social-hover-circle{
 transform:translateX(-64px);transition:transform .65s cubic-bezier(.22,1,.36,1);
}
html body.about-v24 .social-icon:is(:hover,:focus-visible) .social-hover-circle{
 transform:translateX(0);
}
/* Mobile button edges follow the final line of the contact heading. */
@media(max-width:700px){
 html body.about-v24 .about-connect.about-connect .shared-contact-actions.shared-contact-actions{
  width:var(--contact-actions-width,100%)!important;max-width:100%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.about-v24 .social-icon .social-hover-circle{transition:none}
}

/* One contact-heading gap for About and Playground, without the browser h3 margin. */
html body.about-v24 .about-connect>h2{margin-bottom:24px!important}
html body.about-v24 .about-connect .connect-grid h3{margin-top:0!important}