.joy-connect{overflow:hidden;text-align:center;position:relative;z-index:1;background-color:inherit;margin-top:60px;margin-bottom:60px}.joy-connect .wrapper{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;position:relative}.joy-connect .wrapper .grid-container{display:grid;grid-template-columns:repeat(4, calc((100% - 72px) / 4));grid-template-rows:auto;grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px}@media(min-width: 1024px){.joy-connect .wrapper .grid-container{grid-template-columns:repeat(12, calc((100% - 264px) / 12))}}.joy-connect .connect-title{grid-column:1/5;margin-bottom:20px}.joy-connect .connect-copy{grid-column:1/5;margin-bottom:50px}.joy-connect .connect-visuals{position:relative;height:0;padding-bottom:70%}.joy-connect .right-visual{position:absolute;height:90%;left:61%;top:-1%;will-change:transform,opacity}.joy-connect .left-visual{position:absolute;height:100%;top:0;left:-5%;will-change:transform,opacity;max-width:700px;width:53vw;-o-object-fit:contain;object-fit:contain}.joy-connect .rings{position:absolute;height:41%;top:25%;left:48%}.joy-connect .rings.desktop{display:none}@media(min-width: 1024px){.joy-connect .rings.desktop{display:block}}.joy-connect .rings.mobile{display:block}@media(min-width: 1024px){.joy-connect .rings.mobile{display:none}}@media(min-width: 1024px){.joy-connect .wrapper{padding:0 40px}.joy-connect .connect-title{grid-column:2/8}.joy-connect .connect-copy{grid-column:2/8}}@media(min-width: 1440px){.joy-connect{margin-top:120px;margin-bottom:120px}.joy-connect .wrapper{padding:0 40px}.joy-connect .connect-title{grid-column:3/11;margin-bottom:31px}.joy-connect .connect-copy{grid-column:4/10;margin-bottom:70px}.joy-connect .right-visual{height:68%;left:61%;top:11%}}