.social-page{position:relative;min-height:650px;height:100svh;overflow:hidden;background:var(--paper);padding:45px 0 30px;display:flex;flex-direction:column;justify-content:center}.social-heading{padding:0 6vw;display:flex;justify-content:space-between;align-items:baseline;gap:25px}.social-heading h2{margin:0;font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.045em}.social-heading p{margin:0;font-size:18px;color:var(--muted)}.social-fan{height:430px;position:relative;perspective:1200px;isolation:isolate;margin:20px 0 15px}.social-fan:before{content:'';position:absolute;inset:5% 12%;background:radial-gradient(ellipse,#7c86552a,transparent 65%);z-index:-1}.social-card{position:absolute;left:50%;top:50%;width:245px;border:1px solid #3d482e35;border-radius:15px;background:#f9f6ed;padding:9px;text-align:left;cursor:pointer;box-shadow:0 13px 30px #28332224;transform-origin:center 130%;will-change:transform;overflow:hidden}.social-card img{display:block;width:100%;height:242px;object-fit:cover;border-radius:9px;background:var(--olive)}.social-card strong{display:block;font-weight:500;font-size:21px;line-height:1.2;padding:16px 8px 9px}.social-card small{display:flex;justify-content:space-between;padding:0 8px 9px;font-size:12px;color:var(--muted)}.social-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}.social-card:hover .social-play{color:var(--red)}.social-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:4px;font-size:14px}.social-controls button{font:inherit;background:none;border:0;padding:12px;color:var(--olive);cursor:pointer}.social-controls button:hover{color:var(--red)}#social-position{font-variant-numeric:tabular-nums;color:var(--muted)}@media(max-width:700px){.social-page{min-height:620px;padding:30px 0}.social-heading{flex-direction:column;align-items:start;gap:12px}.social-heading h2{font-size:43px}.social-heading p{font-size:16px;max-width:270px}.social-fan{height:405px;margin:5px 0 0;perspective:900px}.social-card{width:220px}.social-card img{height:218px}.social-card strong{font-size:19px}.social-controls{gap:18px}}