/* SOCIAL MEDIA · an editorial planning desk */
body{background:#eff0ed;color:#172426;--page-accent:#d12e4e}.hero{display:flex;flex-direction:column;min-height:0;padding:120px 0 55px;background:#eff0ed;color:#172426;isolation:auto;overflow:visible}.hero:before{display:none}.hero>.wrap{order:1}.hero-media{order:2;position:relative;inset:auto;width:calc(100% - 36px);height:310px;margin:28px auto 0;border-radius:26px;overflow:hidden;z-index:0;box-shadow:0 24px 60px #253a3020}.hero-media img{object-position:75% center}.hero h1{font-size:clamp(3rem,12vw,5rem);line-height:1.01;max-width:660px}.hero h1 em{color:#6b8070}.hero p{color:#435052;font-size:16px}.hero-index{color:#566760}.hero-index .service-code{color:#6b8070}.hero-index span{background:#6b8070;box-shadow:none}
.planner{padding:65px 0 80px;background:#e6e9e2;color:#20322c}.planner-layout{display:grid;gap:28px}.planner h2{font-size:clamp(2.5rem,8vw,4.4rem);max-width:640px}.planner .lead{color:#4f6258;font-size:16px}.planner-controls{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.planner .liquid-choice{background:#ffffff50;border-color:#ffffff;color:#263e32}.planner .liquid-choice[aria-pressed=true]{background:#526c5b;color:#fff;border-color:#526c5b}.calendar-board{border-radius:28px;background:linear-gradient(135deg,#ffffffb0,#ffffff40);border:1px solid white;box-shadow:inset 0 1px 0 white,0 20px 60px #24362a10;padding:22px;backdrop-filter:blur(20px)}.calendar-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #263e321a;padding-bottom:20px;font:500 11px 'Space Grotesk';text-transform:uppercase;letter-spacing:.08em}.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.calendar-tile{border:1px solid #ffffff;border-radius:15px;min-height:116px;background:#dde4db;display:flex;flex-direction:column;justify-content:space-between;padding:17px;font:600 14px 'Space Grotesk'}.calendar-tile.video-tile{background:#6c8074;color:white;border-color:#ffffff30}.calendar-tile small{font-size:10px;opacity:.65}.calendar-tile b{font-size:22px;font-weight:400}.calendar-board .detail-note{margin:18px 0 0;color:#4e6055;opacity:1}
.story{background:#eff0ed;color:#25392e;padding:70px 0}.story-grid{display:block}.story h2{font-size:clamp(2.5rem,8vw,4.5rem)}.story p{color:#4b5b51;font-size:16px}
.offer{background:#243830;color:#f2f4ef;padding:75px 0}.offer-grid{grid-template-columns:1fr;border:0;gap:0}.offer-item{border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:none;padding:24px 0;font-size:16px}.offer-item .number{color:#b4c8b9;font-size:11px}.offer-head p{color:#d3e0d6bb}.process{background:#dce2d9;color:#23392e;padding:70px 0}.process .steps{grid-template-columns:1fr;gap:12px}.process .step{padding:26px;background:linear-gradient(135deg,#ffffffb0,#ffffff30);border:1px solid white;border-radius:23px}.process .number{color:#58725e}.process .step h3{font-size:25px}.process .step p{color:#304638bb;font-size:15px}.process .note{background:#ffffff40;border-color:#ffffff;color:#3c5342;font-size:14px}.contact{background:#243830}.contact .brief{background:linear-gradient(140deg,#d7eedc14,#ffffff03)}.contact .brief select,.contact .brief input{background:#31493b}.contact-grid{grid-template-columns:1fr}.contact-aside{font-size:18px;color:#d5e4d5}
@media(min-width:850px){.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:145px max(40px,calc((100vw - 1200px)/2)) 70px;align-items:center}.hero>.wrap{width:100%;margin:0}.hero-media{width:100%;height:620px;margin:0;order:2}.hero h1{font-size:clamp(4rem,5.5vw,6rem)}.hero-index{font-size:10px;gap:15px}.planner-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-tile{min-height:142px;padding:17px 12px}.calendar-board{padding:28px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.story h2{font-size:52px}.offer>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.offer h2{font-size:48px}.offer-grid{margin:0}.process .steps{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:.65fr 1.35fr}}

@media(max-width:600px){.hero h1,.hero h1.display{font-size:clamp(30px,8.7vw,48px);overflow-wrap:normal;word-break:normal}.hero h1 em,.hero h1 span{overflow-wrap:normal}}