.socials{padding:var(--sectionPadding);--ink:#0a0a0a;--spotlight-lift:-28px;--spotlight-scale:1.045;--spotlight-spread:105px;--spotlight-duration:600ms;--card-w:300px;--card-h:500px;--card-radius:58px;--collage-h:600px;--collage-mt:50px;--edge-x:155px;--edge-y:90px;--rotate-outer:18deg;--side-x:300px;--side-y:28px;--rotate-inner:7deg;--hover-lift:-18px;--hover-scale:1.025;--hover-img-scale:1.035;--curve-bottom:-455px;--curve-h:570px;--min-h:760px;background:var(--bg);color:var(--ink);min-height:var(--min-h);overflow:hidden;position:relative;width:100%}.socials .cs-title{max-width:unset;text-align:center;width:100%}.social-collage{height:var(--collage-h);isolation:isolate;margin:var(--collage-mt) auto 0;max-width:80rem;position:relative;width:min(1600px,100%)}.social-card{background:#111;border-radius:var(--card-radius);display:block;height:var(--card-h);overflow:hidden;position:absolute;text-decoration:none;transform-origin:center bottom;transition:transform var(--spotlight-duration) cubic-bezier(.2,.8,.2,1),filter .4s ease;transition:transform var(--spotlight-duration) cubic-bezier(.2,.8,.2,1),opacity var(--spotlight-duration) ease,filter .8s ease;width:var(--card-w);will-change:transform,filter}@media (prefers-reduced-motion:no-preference){.social-collage:not(.is-revealed) .social-card:not(.card-3){opacity:0;pointer-events:none;transform:translate3d(var(--start-x,0),var(--start-y,0),0) scale(.55) rotate(0deg)}}.social-card img,.social-card video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.card-1{left:var(--edge-x);top:var(--edge-y);transform:rotate(calc(var(--rotate-outer)*-1));z-index:1}.card-2{left:var(--side-x);top:var(--side-y);transform:rotate(calc(var(--rotate-inner)*-1));z-index:3}.card-3{left:50%;top:0;transform:translateX(-50%);z-index:10}.card-4{right:var(--side-x);top:var(--side-y);transform:rotate(var(--rotate-inner));z-index:4}.card-5{right:var(--edge-x);top:var(--edge-y);transform:rotate(var(--rotate-outer));z-index:2}.social-card{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}.social-collage:has(.social-card:hover) .social-card{filter:brightness(.88)}.social-card:hover{filter:brightness(1.08)}.social-card:hover img,.social-card:hover video{transform:scale(var(--hover-img-scale))}.card-1:hover{transform:rotate(calc(var(--rotate-outer)*-1)) translate(-18px,var(--spotlight-lift)) scale(var(--spotlight-scale))}.social-collage:has(.card-1:hover) .card-2{transform:rotate(calc(var(--rotate-inner)*-1)) translateX(18px)}.social-collage:has(.card-1:hover) .card-3{transform:translateX(calc(-50% + 25px))}.social-collage:has(.card-1:hover) .card-4{transform:rotate(var(--rotate-inner)) translateX(30px)}.social-collage:has(.card-1:hover) .card-5{transform:rotate(var(--rotate-outer)) translateX(35px)}.card-2:hover{transform:rotate(calc(var(--rotate-inner)*-1)) translate(-15px,var(--spotlight-lift)) scale(var(--spotlight-scale))}.social-collage:has(.card-2:hover) .card-1{transform:rotate(calc(var(--rotate-outer)*-1)) translateX(-20px)}.social-collage:has(.card-2:hover) .card-3{transform:translateX(calc(-50% + 22px))}.social-collage:has(.card-2:hover) .card-4{transform:rotate(var(--rotate-inner)) translateX(28px)}.social-collage:has(.card-2:hover) .card-5{transform:rotate(var(--rotate-outer)) translateX(35px)}.card-3:hover{transform:translateX(-50%) translateY(var(--spotlight-lift)) scale(var(--spotlight-scale))}.social-collage:has(.card-3:hover) .card-1{transform:rotate(calc(var(--rotate-outer)*-1)) translateX(-35px)}.social-collage:has(.card-3:hover) .card-2{transform:rotate(calc(var(--rotate-inner)*-1)) translateX(-28px)}.social-collage:has(.card-3:hover) .card-4{transform:rotate(var(--rotate-inner)) translateX(28px)}.social-collage:has(.card-3:hover) .card-5{transform:rotate(var(--rotate-outer)) translateX(35px)}.card-4:hover{transform:rotate(var(--rotate-inner)) translate(15px,var(--spotlight-lift)) scale(var(--spotlight-scale))}.social-collage:has(.card-4:hover) .card-1{transform:rotate(calc(var(--rotate-outer)*-1)) translateX(-35px)}.social-collage:has(.card-4:hover) .card-2{transform:rotate(calc(var(--rotate-inner)*-1)) translateX(-28px)}.social-collage:has(.card-4:hover) .card-3{transform:translateX(calc(-50% - 22px))}.social-collage:has(.card-4:hover) .card-5{transform:rotate(var(--rotate-outer)) translateX(20px)}.card-5:hover{transform:rotate(var(--rotate-outer)) translate(18px,var(--spotlight-lift)) scale(var(--spotlight-scale))}.social-collage:has(.card-5:hover) .card-1{transform:rotate(calc(var(--rotate-outer)*-1)) translateX(-35px)}.social-collage:has(.card-5:hover) .card-2{transform:rotate(calc(var(--rotate-inner)*-1)) translateX(-30px)}.social-collage:has(.card-5:hover) .card-3{transform:translateX(calc(-50% - 25px))}.social-collage:has(.card-5:hover) .card-4{transform:rotate(var(--rotate-inner)) translateX(-18px)}.socials:after{border-radius:50% 50% 0 0;bottom:var(--curve-bottom);height:var(--curve-h);left:-10%;width:120%;z-index:15}.socials:after,.socials:before{background:var(--bg);content:"";pointer-events:none;position:absolute}.socials:before{height:25px;left:0;top:0;width:100%;z-index:25}@media (max-width:1200px){.socials{--min-h:650px;--collage-h:680px;--collage-mt:45px;--card-w:305px;--card-h:505px;--card-radius:46px;--edge-x:145px;--edge-y:45px;--side-x:25%;--side-y:5px;--curve-bottom:-400px;--curve-h:500px}}@media (max-width:992px){.socials{--min-h:680px;--collage-h:540px;--collage-mt:35px;--card-w:205px;--card-h:355px;--card-radius:32px;--edge-x:80px;--edge-y:125px;--rotate-outer:16deg;--side-x:20%;--side-y:45px;--rotate-inner:5deg;--hover-lift:0px;--hover-scale:1;--hover-img-scale:1;--curve-bottom:-305px;--curve-h:390px}}@media (max-width:768px){.socials{--min-h:680px;--collage-h:540px;--collage-mt:35px;--card-w:205px;--card-h:355px;--card-radius:32px;--edge-x:80px;--edge-y:125px;--rotate-outer:16deg;--side-x:20%;--side-y:45px;--rotate-inner:5deg;--hover-lift:0px;--hover-scale:1;--hover-img-scale:1;--curve-bottom:-305px;--curve-h:390px;--spotlight-lift:-18px;--spotlight-scale:1.045;--spotlight-spread:0;--spotlight-duration:600ms}}@media (max-width:600px){.socials{--min-h:460px;--collage-h:350px;--card-w:118px;--card-h:215px;--card-radius:19px;--edge-x:-10px;--edge-y:50px;--side-x:15%;--side-y:17px;--curve-bottom:-195px;--curve-h:250px}}@media (max-width:480px){.socials{--min-h:460px;--collage-h:350px;--card-w:118px;--card-h:215px;--card-radius:19px;--edge-x:-10px;--edge-y:50px;--side-x:15%;--side-y:17px;--curve-bottom:-195px;--curve-h:250px}}@media (max-width:380px){.socials{--min-h:460px;--collage-h:350px;--card-w:118px;--card-h:215px;--card-radius:19px;--edge-x:-10px;--edge-y:50px;--side-x:15%;--side-y:17px;--curve-bottom:-195px;--curve-h:250px}}@media (prefers-reduced-motion:reduce){.social-card,.social-card img,.social-card video{transition:none}}