.service-social{--accent:#654ddd;--surface:#f1edff;--page-bg:#fdfcff;--page-ink:#27243b;--muted:#827d95}.social-collage{height:500px;position:relative}.social-post{position:absolute;overflow:hidden;border-radius:22px;box-shadow:0 20px 45px #29204224}.post-a{left:0;top:12px;width:55%;height:315px;background:#d6ff98;padding:30px;transform:rotate(-8deg);color:#26351c;animation:social-a 1s ease both}.post-a>small{font-size:9px;letter-spacing:1px}.post-a>strong{display:block;font-size:33px;letter-spacing:-1px;line-height:1.13;margin-top:25px}.post-a>span{font-size:11px;letter-spacing:2px;display:block;margin-top:28px}.post-b{right:0;top:55px;width:47%;height:370px;transform:rotate(7deg);animation:social-b 1.2s ease both}.post-b img{height:100%;width:100%;object-fit:cover}.post-b:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#29203fe6)}.post-b>span{position:absolute;z-index:1;left:23px;right:20px;bottom:25px;color:white;font-size:23px;font-weight:600;letter-spacing:-.5px;line-height:1.2}.post-c{bottom:10px;left:9%;width:65%;height:165px;background:#6d52d9;color:white;padding:24px;transform:rotate(-3deg);animation:social-a 1.4s ease both}.post-c small{font-size:8px;letter-spacing:1.4px}.post-c strong{display:block;font-size:24px;line-height:1.2;margin-top:14px;letter-spacing:-.5px}.post-c>span{position:absolute;right:20px;bottom:20px;font-size:33px}.social-manifesto{display:grid;grid-template-columns:1.4fr .6fr;gap:20px 70px;align-items:end}.social-manifesto>.sp-eyebrow{grid-column:1/-1;margin-bottom:0}.social-manifesto h2{font-size:clamp(32px,3.5vw,53px);letter-spacing:-1.5px;margin:0;line-height:1.3}.social-manifesto em{color:var(--accent)}.social-manifesto>div>p{font-size:14px;line-height:1.9;color:var(--muted)}.social-planning{background:#f0ebfb;border-radius:35px;margin:0 28px}.social-calendar{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.social-days{display:flex;flex-direction:column;gap:9px}.social-days button{display:flex;align-items:center;gap:30px;padding:20px 25px;background:#ffffff9e;border:1px solid #ddd4f4;border-radius:15px;text-align:left;color:#6e6387;transition:background .25s,color .25s}.social-days small{font-size:9px;letter-spacing:1px}.social-days strong{font-size:19px;letter-spacing:-.4px;font-weight:500}.social-days button[aria-pressed=true]{background:#654ddd;color:white;border-color:#654ddd}.social-day-detail{padding:45px;background:#fff;border-radius:24px;position:relative;overflow:hidden;min-height:380px}.social-day-detail>span:first-child{font-size:10px;letter-spacing:1px;color:#7b65ad}.social-day-detail h3{font-size:39px;line-height:1.18;letter-spacing:-1.1px;position:relative;z-index:1;max-width:430px;margin:35px 0 20px}.social-day-detail p{font-size:15px;line-height:1.9;color:#837994;max-width:400px;position:relative;z-index:1}.social-day-detail .social-spark{font-size:210px;line-height:1;color:#d9ffad;position:absolute;bottom:-20px;right:-15px}.social-process{margin:25px 0 30px}.social-process p{font-size:14px;line-height:1.9;border-bottom:1px solid #e3dcec;padding-bottom:16px;margin-bottom:16px;color:var(--muted)}.social-process b{color:#443958;margin-right:8px}@keyframes social-a{from{opacity:0;translate:-20px 30px}to{opacity:1;translate:0 0}}@keyframes social-b{from{opacity:0;translate:30px 20px}to{opacity:1;translate:0 0}}@media(max-width:1100px){.post-a{padding:23px}.post-a>strong{font-size:29px}.post-c{padding:20px}.post-c strong{font-size:22px}.social-manifesto{grid-template-columns:1fr;gap:24px}.social-manifesto>div{max-width:650px}.social-day-detail{padding:30px}.social-day-detail h3{font-size:34px}}@media(max-width:760px){.social-collage{height:420px;margin:0 8px}.post-a{height:275px;padding:23px}.post-a>strong{font-size:26px}.post-b{height:305px;top:50px}.post-b>span{font-size:21px;left:18px}.post-c{height:145px;bottom:6px}.post-c strong{font-size:22px}.post-c small{font-size:7px}.social-manifesto h2{font-size:32px}.social-planning{margin:0 12px;border-radius:25px}.social-planning .sp-wrap{width:calc(100% - 36px)}.social-calendar{grid-template-columns:1fr;gap:18px}.social-days{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.social-days button{padding:13px 9px;flex-direction:column;gap:6px;align-items:flex-start;border-radius:12px}.social-days strong{font-size:12px}.social-days small{font-size:8px}.social-day-detail{padding:26px;min-height:325px}.social-day-detail h3{font-size:30px;margin-top:27px}.social-day-detail p{font-size:13px}}@media(prefers-reduced-motion:reduce){.social-post{animation:none}.social-days button{transition:none}}
