.social-hero{background:radial-gradient(ellipse at 65% 10%,#f1e1ce,transparent 60%),#f8f5ef;padding-bottom:42px}.social-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px 80px;align-items:end;margin-top:47px}.social-intro>.fs-label{grid-column:1/-1;margin:0}.social-intro h1{font-size:80px!important}.social-intro>div>p{font-size:15px;margin:0 0 26px;max-width:450px}.social-gallery{display:grid;grid-template-columns:1fr .87fr 1fr;gap:40px;padding:60px 37px 27px;align-items:center;perspective:1400px}.social-gallery article{box-shadow:0 20px 40px #243c4720}.social-poster{aspect-ratio:.92;min-height:330px;border-radius:10px;overflow:hidden;position:relative;padding:27px;isolation:isolate}.social-poster-one{background:#dbe8dd;transform:rotate(-6deg);color:#244c40}.social-poster>span{font-size:8px;letter-spacing:.07em;display:block;font-weight:600}.social-poster-one>strong{display:block;font-size:34px;line-height:1.08;letter-spacing:-.04em;font-weight:600;margin-top:170px;position:relative}.social-poster-one>strong em{color:#396551!important;display:block;margin-top:3px}.social-poster-one>small{font-size:11px;margin-top:18px;display:block}.social-poster-orbit{position:absolute;left:25%;top:45px;width:160px;height:160px}.social-poster-orbit>i{position:absolute;width:150px;height:150px;left:0;top:0;border:25px solid #7d9d84;border-radius:50%;transform:rotateX(35deg) rotateY(-25deg);box-shadow:10px 15px 20px #38694616}.social-poster-orbit>i:nth-child(2){width:130px;height:130px;left:22px;top:20px;border-color:#a4bea9;transform:rotateX(35deg) rotateY(25deg)}.social-poster-orbit>i:nth-child(3){width:105px;height:105px;left:50px;top:32px;border-color:#d0a27b;transform:rotateX(20deg) rotateY(35deg)}.social-reel{background:#0c3046;border:1px solid #2c5268;color:white;border-radius:18px;padding:24px;aspect-ratio:.68;position:relative;overflow:hidden;isolation:isolate;transform:translateY(-7px);min-height:420px}.social-reel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7px;color:#c1d6e3}.social-reel>div:first-child span{display:flex;align-items:center;gap:5px}.social-reel>div:first-child .icon{width:12px;height:12px}.social-reel>strong{display:block;font-size:65px;line-height:1;letter-spacing:-.06em;font-weight:600;margin-top:40px;position:relative}.social-reel>strong em{color:#ffbd87!important}.social-reel-art{position:relative;width:175px;height:150px;margin:22px auto}.social-reel-art>i{position:absolute;inset:12px 18px;border:1px solid #f8d9b9;border-radius:40px;background:linear-gradient(120deg,#eaa365,#ffdab0);transform:rotate(-20deg);box-shadow:12px 18px 25px #0003}.social-reel-art>i:nth-child(2){inset:23px 0 0 39px;border-color:#98b6c5;background:linear-gradient(140deg,#7094a8,#2b566e);transform:rotate(17deg)}.social-reel-art>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:55px;height:55px;align-items:center;justify-content:center;background:#0f334dab;border:1px solid #f6cf9b66;border-radius:50%;backdrop-filter:blur(5px);color:#ffe0c0}.social-reel-art .icon{width:27px;height:27px}.social-reel-caption{display:block;font-size:9px;line-height:1.6;text-align:center;color:#bfd4e2}.social-reel-progress{height:2px;background:#ffffff27;margin-top:20px;overflow:hidden;position:relative}.social-reel-progress i{position:absolute;left:0;top:0;height:100%;width:20%;background:#f4c097;animation:cm-signal 7s linear infinite}.social-poster-two{background:#ad4d18;color:#fff1dd;transform:rotate(6deg)}.social-poster-two>strong{display:block;font-size:45px;line-height:1.05;letter-spacing:-.045em;margin:30px 0;font-weight:550}.social-poster-two>strong em{color:#fff1dd!important;opacity:.85;font-weight:400}.social-poster-two>div{display:flex;align-items:center;gap:11px;font-size:11px;border-top:1px solid #fff5;padding-top:19px}.social-poster-two .icon{width:18px;height:18px}
.social-calendar{border:1px solid #d7e3e9;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #153e5409}.social-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f2f6f8;padding:20px 24px}.social-calendar-heading>span{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.03em}.social-calendar-heading>small{font-size:11px;color:#465b6c}.social-calendar-heading .icon{width:18px;height:18px}.social-calendar-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;padding:33px}.social-calendar-brief>small{font-size:10px;letter-spacing:.03em;color:#a6511e;text-transform:uppercase}.social-calendar-brief h3{font-size:30px!important;margin:16px 0 20px!important}.social-calendar-brief p{font-size:14px;margin:0}.social-week{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-week>div{padding:19px;border:1px solid #e0e5e8;background:#f8f5ef;border-radius:8px}.social-week>div:nth-child(2){background:#eff5f1}.social-week>div:nth-child(3){background:#edf3f7}.social-week>div>small{display:block;font-size:9px;letter-spacing:.05em;color:#57707f}.social-week>div>span{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #c5d2d8;border-radius:8px;margin:27px 0 18px;color:#5e7c8f}.social-week .icon{width:18px;height:18px}.social-week strong{display:block;font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.015em;min-height:49px}.social-week p{font-size:10px;margin:18px 0 0;line-height:1.7}
.social-studio>.container{display:grid;grid-template-columns:1fr 1.05fr;gap:110px}.social-studio-title{position:sticky;top:140px;align-self:start}.social-studio-title h2{font-size:53px!important;line-height:1.13}.social-studio-title>p:not(.fs-label){font-size:15px;margin:29px 0 0;max-width:390px}.social-publishing{background:#f5f1e9}.social-publishing>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.social-publishing-word{font-size:76px;letter-spacing:-.06em;line-height:1.09;color:#786f60;font-weight:650;transform:rotate(-5deg);padding:25px 0}.social-publishing-word em{color:#98765d!important}.social-publishing h2{font-size:42px!important}.social-publishing p{font-size:15px;margin:26px 0}.social-publishing .cm-trail{grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.social-publishing .cm-trail strong{font-size:11px}
@media(max-width:1100px){.social-intro{gap:27px 45px}.social-intro h1{font-size:65px!important}.social-gallery{gap:27px;padding-left:22px;padding-right:22px}.social-poster{padding:22px}.social-poster-one>strong{font-size:28px;margin-top:145px}.social-poster-orbit{scale:.85;transform-origin:top left;left:16%}.social-poster-two>strong{font-size:37px}.social-reel{padding:20px;min-height:385px}.social-reel>strong{font-size:55px}.social-reel-art{width:150px;height:130px}.social-calendar-layout{gap:30px;padding:27px}.social-week{gap:10px}.social-week>div{padding:15px}.social-studio>.container{gap:60px}.social-studio-title h2{font-size:45px!important}.social-publishing>.container{gap:55px}.social-publishing-word{font-size:62px}}
@media(max-width:850px){.social-intro{grid-template-columns:1fr;margin-top:41px;gap:25px}.social-intro>.fs-label{grid-column:auto}.social-intro h1{font-size:72px!important}.social-intro>div>p{max-width:640px}.social-gallery{gap:21px;padding:49px 8px 19px}.social-poster{min-height:285px;padding:18px}.social-poster-one>strong{font-size:23px;margin-top:117px}.social-poster-one>small{font-size:9px}.social-poster>span{font-size:6px}.social-poster-orbit{scale:.66;top:36px;left:15%}.social-poster-two>strong{font-size:31px;margin:25px 0}.social-poster-two>div{font-size:8px;gap:6px}.social-reel{min-height:335px;padding:17px}.social-reel>strong{font-size:45px;margin-top:32px}.social-reel-art{width:120px;height:107px;margin:20px auto}.social-reel-art>span{width:45px;height:45px}.social-reel>div:first-child small{display:none}.social-reel-caption{font-size:7px}.social-calendar-layout{grid-template-columns:1fr;gap:28px}.social-week>div{padding:21px}.social-week strong{min-height:0}.social-studio>.container{grid-template-columns:1fr;gap:38px}.social-studio-title{position:static}.social-studio-title>p:not(.fs-label){max-width:600px}.social-publishing>.container{grid-template-columns:1fr;gap:25px}.social-publishing-word{font-size:66px;max-width:500px;transform:none;padding:0}.social-publishing h2{font-size:39px!important}}
@media(max-width:600px){.social-hero{padding-bottom:32px}.social-intro{margin-top:33px;gap:22px}.social-intro h1{font-size:54px!important}.social-intro>div>p{font-size:14px;margin-bottom:23px}.social-gallery{grid-template-columns:1fr 1fr;gap:20px 14px;padding:42px 7px 18px}.social-reel{grid-column:1/-1;grid-row:1;width:225px;min-height:385px;justify-self:center;transform:rotate(-3deg);padding:22px}.social-reel>strong{font-size:58px;margin-top:28px}.social-reel-art{width:150px;height:124px}.social-reel-caption{font-size:8px}.social-poster{min-height:230px;aspect-ratio:auto;padding:16px}.social-poster-one{transform:rotate(-3deg)}.social-poster-two{transform:rotate(3deg)}.social-poster>span{font-size:6px;line-height:1.7}.social-poster-one>strong{font-size:22px;margin-top:100px}.social-poster-one>small{font-size:8px;line-height:1.5}.social-poster-orbit{left:10%;top:38px;scale:.55}.social-poster-two>strong{font-size:28px;margin:18px 0 20px}.social-poster-two>div{font-size:7px;line-height:1.6;padding-top:12px}.social-poster-two .icon{width:14px;height:14px}.social-calendar-heading{padding:17px}.social-calendar-heading>span{font-size:8px}.social-calendar-heading>small{display:none}.social-calendar-layout{padding:23px 19px;gap:24px}.social-calendar-brief h3{font-size:27px!important}.social-calendar-brief p{font-size:13px}.social-week{grid-template-columns:1fr;gap:12px}.social-week>div{position:relative;padding:18px 18px 18px 64px}.social-week>div>span{position:absolute;left:17px;top:20px;margin:0;width:29px;height:29px}.social-week strong{font-size:17px;margin-top:9px}.social-week p{font-size:10px;margin-top:9px}.social-studio-title h2{font-size:36px!important}.social-studio-title>p:not(.fs-label){font-size:14px}.social-publishing-word{font-size:59px;color:#786f60}.social-publishing h2{font-size:33px!important}.social-publishing p{font-size:14px}.social-publishing .cm-trail{grid-template-columns:1fr 1fr}.social-publishing .cm-trail strong{font-size:12px}}
@media(max-width:370px){.social-intro h1{font-size:49px!important}.social-gallery{gap:20px 10px;padding-left:4px;padding-right:4px}.social-poster{padding:13px}.social-poster-one>strong{font-size:21px}.social-poster-two>strong{font-size:26px}.social-poster-orbit{scale:.49;left:8%}}