/* Social Media: approved standard offer hero + one compact editorial opening. */
.mo-social .smo-hero .dh-grid{height:465px;grid-template-columns:minmax(0,45%) minmax(0,55%)}
.mo-social .smo-hero h1.dh-title{font-size:clamp(51px,5.45vw,94px);font-weight:760;letter-spacing:-.055em;line-height:.99;margin:0 0 24px;max-width:none;text-wrap:initial}
.smo-hero .dh-title .headline-line{display:block;white-space:nowrap}
.mo-social .smo-hero .dh-copy{padding:10px 0 20px}
.mo-social .smo-hero .dh-subtitle{font-size:clamp(22px,1.9vw,32px);font-weight:650;line-height:1.16;letter-spacing:-.035em;margin:0 0 19px;max-width:630px}
.mo-social .smo-hero .dh-lead{font-size:clamp(16px,1.27vw,21px);line-height:1.48;letter-spacing:-.01em;max-width:520px;margin:0}
.mo-social .smo-hero .dh-breadcrumb{margin-bottom:23px;font-size:13px}
.mo-social .smo-hero .dh-eyebrow{font-size:10px!important;letter-spacing:.17em;margin-bottom:20px}
.mo-social .smo-hero .dh-visual{width:61%;right:-3%;top:50%}
.mo-social .smo-hero .dh-art,.mo-social .smo-hero .dh-float{max-height:none}
.mo-social .smo-hero .dh-art{width:100%}
.mo-social .smo-hero .dh-actions{gap:14px;margin-top:24px}
.mo-social .smo-hero .dh-actions .button{min-height:54px;font-size:16px;gap:25px;padding-inline:25px;justify-content:space-between}
.mo-social .smo-hero .dh-actions .button-primary{width:235px}
.mo-social .smo-hero .dh-actions .button-secondary{width:214px}
.mo-social .smo-hero .dh-edge{height:44px}
.mo-social .smo-hero-caption{position:absolute;bottom:1%;left:25%;right:0;text-align:center;font-size:12px;line-height:1.4;letter-spacing:0;color:#c1b6a9;margin:0}

.smo-opening{position:relative;isolation:isolate;overflow:clip;margin-top:-1px;padding:78px 0 88px;background:#f8f5ef;scroll-margin-top:86px}
.smo-opening:before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(180deg,#f8f5ef 0%,#f8f5efb0 14%,#f8f5ef60 72%,#f8f5ef 100%),radial-gradient(ellipse at 70% 62%,#ffe8cf66,transparent 70%),url('../strategy/strategy-ivory.webp') center/cover no-repeat;opacity:.7}
.smo-window-shadow{position:absolute;z-index:-1;inset:0;overflow:hidden;opacity:.45;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 65%,transparent)}
.smo-window-shadow:before{content:"";position:absolute;inset:-55% -10%;background:repeating-linear-gradient(125deg,transparent 0 160px,#98734615 170px 193px,transparent 205px 340px);filter:blur(13px)}
.smo-opening-grid{display:grid;grid-template-columns:minmax(0,39%) minmax(0,57%);gap:4%;align-items:start}
.smo-opening-copy,.smo-diagram{min-width:0}
.mo-social .smo-opening .sp-eyebrow{font-size:10px;letter-spacing:.15em;color:#ba4300;margin:0 0 24px}
.mo-social .smo-opening h2{font-size:clamp(39px,3.75vw,66px);font-weight:800;line-height:1.035;letter-spacing:-.055em;margin:0 0 23px;color:#10191b}
.smo-accent{display:block;color:#f75b00;background:linear-gradient(125deg,#ff8532 0%,#ff6304 42%,#eb4900 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mo-social .smo-opening-copy .smo-problem{font-size:clamp(16px,1.12vw,20px);line-height:1.5;letter-spacing:-.015em;color:#5a666e;margin:0 0 18px;max-width:575px}
.mo-social .smo-opening-copy>h3{font-size:clamp(18px,1.3vw,23px);font-weight:740;line-height:1.22;letter-spacing:-.03em;margin:0 0 14px;max-width:580px;color:#10191b}
.mo-social .smo-opening-copy .smo-note{font-size:clamp(16px,1.08vw,19px);line-height:1.5;letter-spacing:-.014em;color:#5a666e;margin:0;max-width:575px}
.smo-next{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:9px 0;border-bottom:1px solid #ff6500;color:#b94100;text-decoration:none;font-size:16px;font-weight:600;line-height:1.35;margin-top:22px}
.smo-next>span{font-size:23px;transition:transform .25s;flex:none}.smo-next:hover>span{transform:translate(3px,3px)}
.smo-next:focus-visible,.smo-post-image:focus-visible{outline:3px solid #c44800;outline-offset:6px}
.mo-social .smo-diagram .smo-diagram-eyebrow{font-size:10px;letter-spacing:.13em;color:#53616a;margin:0 0 24px}
.smo-canvas{position:relative;display:grid;grid-template-columns:minmax(0,28%) minmax(0,50%) minmax(0,17%);column-gap:2.5%;align-items:center;isolation:isolate}
.smo-question,.smo-outcome{position:relative;z-index:2;min-width:0}
.smo-question{padding-right:8px;align-self:start;margin-top:48px}
.smo-question-symbol{width:clamp(68px,7vw,112px);height:auto;margin-bottom:8px;color:#10191b}
.smo-question-symbol svg,.smo-result-symbol svg{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 0 #fff)}
.smo-orange{stroke:#ff6500}.smo-dot circle{fill:#ff6500}
.mo-social .smo-question h3,.mo-social .smo-outcome h3{font-size:clamp(16px,1.15vw,20px);font-weight:720;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px;color:#10191b}
.smo-question blockquote{font-size:clamp(16px,1.28vw,22px);font-weight:650;line-height:1.25;letter-spacing:-.035em;border:1px solid #e9dfd1;border-radius:14px;padding:24px 17px;margin:0;background:linear-gradient(135deg,#fffdf9,#f7f1e8);box-shadow:0 5px 9px #64512e08,0 16px 26px -10px #60431d26,inset 0 1px 0 #fff}
.smo-question blockquote:before{content:'„'}.smo-question blockquote:after{content:'”'}
.mo-social .smo-question>p{font-size:clamp(12px,.95vw,16px);line-height:1.4;letter-spacing:-.015em;color:#667078;margin:12px 3px 0}
.smo-post{position:relative;z-index:3;min-width:0;margin:0;padding:4px 14px 0 22px;perspective:1500px}
.smo-post-card{position:relative;background:linear-gradient(135deg,#fffdfb,#fbfaf7);border:1px solid #e7ddd0;border-radius:13px;padding:14px;transform:rotate(-2deg) rotateY(-6deg);transform-style:preserve-3d;box-shadow:0 3px 6px #59442a0c,6px 20px 29px -10px #62401e38,0 42px 48px -30px #62401e37;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s}
.smo-post-card:focus-within{transform:rotate(-.5deg) rotateY(0);box-shadow:0 9px 12px #59442a0b,8px 24px 34px -10px #62401e38}
@media(hover:hover){.smo-post-card:hover{transform:translateY(-4px) rotate(-.5deg) rotateY(0)}}
.smo-post-top{display:flex;align-items:center;gap:10px;padding:0 0 12px;color:#121c1f;min-width:0}
.smo-post-top b{font-size:clamp(11px,.78vw,14px);font-weight:650;letter-spacing:-.015em;line-height:1.25}
.smo-brand-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#005743;color:#fff}
.smo-brand-mark svg{width:21px;height:21px;stroke-width:3.5}.smo-brand-mark .smo-orange{stroke:#fff;fill:#fff}
.smo-post-more{margin-left:auto;letter-spacing:1px;font-size:13px}
.smo-post-image{display:block;position:relative;overflow:hidden;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;line-height:0;border-radius:2px}
.smo-post-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.smo-enlarge{position:absolute;right:10px;bottom:10px;padding:7px 10px;background:#092e27ef;border:1px solid #ffffff4d;border-radius:20px;line-height:1.2;color:#fff;font-size:10px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}
.smo-post-image:hover .smo-enlarge,.smo-post-image:focus-visible .smo-enlarge{opacity:1;transform:none}
.smo-post-actions{display:flex;align-items:center;gap:13px;padding:13px 1px 1px;color:#142023}
.smo-post-actions svg{width:24px;height:24px;flex:0 0 24px}.smo-post-actions svg:last-child{margin-left:auto}
.smo-post figcaption{font-size:clamp(11px,.82vw,14px);color:#667078;line-height:1.4;text-align:center;margin-top:19px;padding-inline:8px;transform:none}
.smo-outcome{align-self:start;margin-top:17%;padding-left:8px}
.smo-result-symbol{width:clamp(62px,6.7vw,102px);margin:0 auto 10px;color:#10191b}
.mo-social .smo-outcome h3{text-align:center;margin:0;max-width:155px;margin-inline:auto}
.smo-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.smo-connections path{fill:none;stroke:url(#smo-path-color);stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.smo-connections circle{fill:url(#smo-dot-color);stroke:#fffaf2;stroke-width:1.5;filter:drop-shadow(0 2px 4px #f87c0030)}
.mo-social .smo-conclusion{position:relative;text-align:center;font-size:clamp(17px,1.15vw,20px);font-weight:720;line-height:1.3;letter-spacing:-.03em;color:#10191b;margin:24px 0 0;padding-bottom:19px}
.smo-conclusion:after{content:"";position:absolute;height:2px;width:38px;background:#ff6500;bottom:0;left:calc(50% - 19px)}
.smo-enhanced [data-smo-enter]{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.smo-enhanced:not(.smo-visible) [data-smo-enter]{opacity:0;transform:translateY(20px)}
.smo-enhanced .smo-diagram{transition-delay:.14s}
.smo-enhanced:not(.smo-visible) .smo-connections path{stroke-dasharray:1;stroke-dashoffset:1}
.smo-visible.smo-enhanced .smo-connections path{stroke-dasharray:1;animation:smo-trace 1.3s .5s ease-out both}
.smo-visible.smo-enhanced .smo-connections path[data-smo-path="out"]{animation-delay:1.1s}
.smo-visible.smo-enhanced .smo-connections circle{animation:smo-port-in .55s .6s ease-out both;transform-box:fill-box;transform-origin:center}
.smo-visible.smo-enhanced .smo-connections circle[data-smo-port="out"]{animation-delay:1.35s}
@keyframes smo-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes smo-port-in{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}

@media(min-width:1800px){.mo-social .smo-hero .dh-grid{height:555px}.mo-social .smo-hero .dh-visual{width:58%;right:0;top:45%}.mo-social .smo-hero .dh-copy{padding:10px 0 25px}.smo-opening{padding-block:86px 95px}.smo-post{padding-inline:28px 17px}.smo-post-card{padding:17px}.smo-post-top{padding-bottom:15px}}
@media(max-width:1200px) and (min-width:901px){.mo-social .smo-hero .dh-grid{height:420px}.mo-social .smo-hero .dh-subtitle{font-size:24px;max-width:410px}.mo-social .smo-hero .dh-lead{max-width:410px}.mo-social .smo-hero .dh-actions .button{width:auto;font-size:14px;padding-inline:18px;gap:15px}.mo-social .smo-hero .dh-actions{gap:10px}.smo-opening-grid{grid-template-columns:minmax(0,40%) minmax(0,57%);gap:3%}.smo-opening{padding:60px 0 70px}.mo-social .smo-opening h2{font-size:39px}.smo-canvas{grid-template-columns:minmax(0,23%) minmax(0,60%) minmax(0,13%)}.smo-question blockquote{padding:15px 10px;font-size:16px;border-radius:10px}.smo-post{padding-inline:13px 8px}.smo-post-card{padding:10px}.smo-brand-mark{width:24px;height:24px;flex-basis:24px}.smo-post-top{gap:6px}.smo-post-top b{font-size:10px}.smo-post-actions{gap:9px}.smo-post-actions svg{width:20px;height:20px;flex-basis:20px}.smo-result-symbol{width:64px;max-width:100%}.mo-social .smo-outcome h3{font-size:14px}.smo-question-symbol{width:67px}.smo-next{font-size:14px;gap:15px}.mo-social .smo-diagram .smo-diagram-eyebrow{font-size:9px;letter-spacing:.09em}}
@media(max-width:900px){.mo-social .smo-hero .dh-grid{grid-template-columns:1fr;height:auto}.mo-social .smo-hero .dh-copy{padding:0;max-width:620px}.mo-social .smo-hero h1.dh-title{font-size:clamp(50px,7.8vw,69px);margin-bottom:21px;letter-spacing:-.05em;line-height:1.02}.mo-social .smo-hero .dh-subtitle{font-size:26px;margin-bottom:16px}.mo-social .smo-hero .dh-lead{font-size:17px;max-width:540px}.mo-social .smo-hero .dh-visual{position:relative;right:auto;top:auto;transform:none;width:89%;max-width:660px;margin:0 auto -2%}.mo-social .smo-hero .dh-breadcrumb{font-size:11px;margin-bottom:25px}.mo-social .smo-hero .dh-actions{margin-top:23px}.smo-opening{padding:60px 0 66px;scroll-margin-top:75px}.smo-opening-grid{grid-template-columns:1fr;gap:42px}.smo-opening-copy{max-width:680px}.mo-social .smo-opening h2{font-size:clamp(40px,6.2vw,56px);max-width:650px}.mo-social .smo-opening-copy .smo-problem,.mo-social .smo-opening-copy .smo-note{font-size:18px;max-width:650px}.mo-social .smo-opening-copy>h3{font-size:22px;max-width:640px}.smo-canvas{max-width:720px;margin-inline:auto;grid-template-columns:minmax(0,28%) minmax(0,50%) minmax(0,17%)}.smo-question-symbol{width:85px}.smo-question blockquote{font-size:20px}.mo-social .smo-question h3,.mo-social .smo-outcome h3{font-size:17px}.smo-result-symbol{width:80px;max-width:100%}.smo-post-top b{font-size:12px}.mo-social .smo-question>p{font-size:14px}.smo-post figcaption{font-size:12px}.smo-post{padding-left:20px}.smo-conclusion{font-size:19px}.mo-social .smo-diagram .smo-diagram-eyebrow{font-size:10px;margin-bottom:24px}.smo-hero-caption{font-size:11px!important}}
@media(max-width:600px){.mo-social .smo-hero h1.dh-title{font-size:clamp(35px,9.3vw,54px);line-height:1.03;letter-spacing:-.045em;margin-bottom:20px}.mo-social .smo-hero .dh-subtitle{font-size:clamp(20px,5.25vw,27px);line-height:1.25;letter-spacing:-.03em;margin-bottom:14px}.mo-social .smo-hero .dh-lead{font-size:16px;line-height:1.5}.mo-social .smo-hero .dh-breadcrumb{font-size:10px;margin-bottom:24px}.mo-social .smo-hero .dh-eyebrow{font-size:9px!important;letter-spacing:.12em;gap:11px;margin-bottom:16px}.mo-social .smo-hero .dh-actions{gap:10px;margin-top:22px}.mo-social .smo-hero .dh-actions .button{width:auto;font-size:13px;padding-inline:14px;gap:15px;min-height:48px;flex:1}.mo-social .smo-hero .dh-visual{width:112%;max-width:none;margin:6px -6% -2%}.mo-social .smo-hero .dh-edge{height:30px}.mo-social .smo-hero-caption{bottom:-2%;font-size:9px!important}.smo-opening{padding:45px 0 56px}.smo-opening .shell{width:calc(100% - 40px)}.smo-opening-grid{gap:33px}.mo-social .smo-opening .sp-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:20px;gap:12px}.mo-social .smo-opening h2{font-size:clamp(33px,8.8vw,46px);line-height:1.08;letter-spacing:-.047em;margin-bottom:22px}.mo-social .smo-opening-copy .smo-problem,.mo-social .smo-opening-copy .smo-note{font-size:16px;line-height:1.5}.mo-social .smo-opening-copy>h3{font-size:19px;line-height:1.3}.smo-next{font-size:14px;gap:14px;margin-top:17px}.mo-social .smo-diagram .smo-diagram-eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:20px}.smo-canvas{grid-template-columns:1fr;gap:25px;padding-bottom:0}.smo-question{display:grid;grid-template-columns:60px 1fr;gap:0 15px;margin:0;padding:0 0 3px;align-items:center}.smo-question-symbol{width:57px;grid-row:1/3;margin:0;align-self:center}.mo-social .smo-question h3{font-size:16px;grid-column:2;margin:0 0 9px}.smo-question blockquote{grid-column:2;font-size:17px;padding:16px;border-radius:11px;line-height:1.3;max-width:320px}.mo-social .smo-question>p{grid-column:2;font-size:12px;margin-top:10px}.smo-post{width:100%;max-width:370px;margin:auto;padding:0 13px;perspective:1200px}.smo-post-card{padding:12px;border-radius:11px;transform:rotate(-1.5deg) rotateY(-4deg)}.smo-post-top{padding-bottom:12px}.smo-post-top b{font-size:12px}.smo-post-actions{padding-top:12px}.smo-post figcaption{font-size:11px;margin-top:17px;padding:0}.smo-outcome{margin:0 auto;padding:0;display:flex;gap:12px;align-items:center;justify-content:center}.smo-result-symbol{width:48px;flex:none;margin:0}.mo-social .smo-outcome h3{font-size:17px;max-width:none;text-align:left;margin:0}.mo-social .smo-conclusion{font-size:18px;line-height:1.3;margin-top:21px;padding-bottom:18px}.smo-connections path{stroke-width:1.3}.smo-connections circle{r:4px}.smo-enlarge{opacity:1;transform:none;font-size:9px;bottom:7px;right:7px}}
@media(max-width:600px){.mo-social .smo-hero-caption{left:9%;right:auto;bottom:-3%;width:110px;text-align:left}}
@media(max-width:360px){.mo-social .smo-hero .dh-actions .button{font-size:12px;padding-inline:11px;gap:9px}.mo-social .smo-hero .dh-lead{font-size:15px}.mo-social .smo-hero .dh-breadcrumb{font-size:9px}.smo-opening .shell{width:calc(100% - 32px)}.mo-social .smo-opening h2{font-size:32px}.smo-post{padding-inline:8px}.smo-post-top{gap:7px}.smo-post-top b{font-size:11px}.smo-question{grid-template-columns:48px 1fr;gap:0 12px}.smo-question-symbol{width:47px}.smo-next{font-size:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.smo-opening *, .smo-opening :before,.smo-opening :after{animation:none!important;transition:none!important}.smo-enhanced:not(.smo-visible) [data-smo-enter]{opacity:1;transform:none}.smo-enhanced .smo-connections path{stroke-dashoffset:0!important;stroke-dasharray:none!important}.smo-post-card:hover,.smo-post-card:focus-within{transform:rotate(-2deg) rotateY(-6deg)}}