/* Shared service layout; case typography and contact primitives remain shared. */
.lp0711--service-sales .ss-hero{min-height:760px;min-height:min(880px,100svh)}
.lp0711--service-sales .ss-hero .cp-hero-photo img{object-position:80% 38%}
.lp0711--service-sales .ss-hero .cp-hero-copy{max-width:730px}
.lp0711--service-sales .ss-hero h1{max-width:750px;font-size:clamp(64px,8vw,122px)}
.lp0711--service-sales .ss-hero .cp-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 36%,rgba(0,0,0,.1) 75%)}
.lp0711--service-sales .ss-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;align-items:start;max-width:900px;margin-inline:auto}
.lp0711--service-sales .ss-films figure{min-width:0}
.lp0711--service-sales .ss-films video{width:100%;max-height:560px;aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:12px}
.lp0711--service-sales .ss-films figure:nth-child(2){padding-top:55px}

.lp0711--service-sales .ss-films figcaption{margin-top:24px}
.lp0711--service-sales .ss-films .cp-eyebrow{margin-bottom:12px}
.lp0711--service-sales .ss-films h3{font:900 italic clamp(28px,3vw,44px)/1.06 CaseHead,Arial,sans-serif;text-transform:uppercase}
.lp0711--service-sales .ss-films figcaption>p:not(.cp-eyebrow){font-size:19px;margin-top:15px}
.lp0711--service-sales .ss-link{display:inline-block;margin-top:22px;text-underline-offset:5px;font-size:17px;font-weight:700}
.lp0711--service-sales .ss-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:55px}
.lp0711--service-sales .ss-offers article{display:flex;flex-direction:column;min-width:0;padding:30px 28px;border-top:3px solid #000;border-left:1px solid #ddd}
.lp0711--service-sales .ss-offers article:first-child{border-left:0;padding-left:0}
.lp0711--service-sales .ss-offers article:last-child{padding-right:0}
.lp0711--service-sales .ss-offers h3{font:900 italic clamp(30px,3.5vw,49px)/1.06 CaseHead,Arial,sans-serif;text-transform:uppercase}
.lp0711--service-sales .ss-offers article>p:not(.cp-eyebrow){margin-top:24px;font-size:20px;max-width:330px}
.lp0711--service-sales .ss-offers ul{padding:0;list-style:none;margin:26px 0 0;font-size:18px}
.lp0711--service-sales .ss-offers li{padding:10px 0;border-top:1px solid #ddd}
.lp0711--service-sales .ss-offers .ss-link{margin-bottom:26px}
.lp0711--service-sales .ss-offers .cp-button{margin-top:auto;align-self:start}
.lp0711--service-sales .ss-feature{background:#eee}

.lp0711--service-sales .ss-process .cp-button{margin-top:45px}
.lp0711--service-sales .ss-process .cp-cards{margin-top:45px}
.lp0711--service-sales .cp-preview-note{padding-top:15px}
.lp0711--service-sales .lp0711-lead-form button[disabled]{opacity:.75;cursor:not-allowed}
@media(max-width:1000px){.lp0711--service-sales .ss-hero{min-height:740px;padding-block:125px 100px}.lp0711--service-sales .ss-hero h1{font-size:clamp(62px,10vw,96px)}.lp0711--service-sales .ss-films{gap:20px}.lp0711--service-sales .ss-offers article{padding:25px 18px}.lp0711--service-sales .ss-offers h3{font-size:36px}.lp0711--service-sales .ss-offers li{font-size:17px}}
@media(max-width:700px){.lp0711--service-sales .ss-hero{min-height:0;padding:120px 0 80px}.lp0711--service-sales .ss-hero h1{font-size:clamp(45px,14vw,68px)}.lp0711--service-sales .ss-hero .cp-hero-photo img{object-position:60% 20%}.lp0711--service-sales .ss-hero .cp-hero-photo:after{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.72) 45%,rgba(0,0,0,.3))}.lp0711--service-sales .ss-hero .cp-small{font-size:11px;right:20px;left:20px;bottom:20px}.lp0711--service-sales .ss-hero .cp-actions{display:grid;grid-template-columns:minmax(0,1fr)}.lp0711--service-sales .ss-films{grid-template-columns:minmax(0,1fr);gap:44px}.lp0711--service-sales .ss-films figure:nth-child(n){padding-top:0}.lp0711--service-sales .ss-films video{max-height:540px}.lp0711--service-sales .ss-films h3{font-size:38px}.lp0711--service-sales .ss-offers{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:35px}.lp0711--service-sales .ss-offers article:nth-child(n){padding:26px 0;border-left:0}.lp0711--service-sales .ss-offers h3{font-size:clamp(36px,12vw,49px)}.lp0711--service-sales .ss-feature .cp-copy{font-size:20px}}

/* Native landscape work belongs in its own wide module, never a reel mask. */
.lp0711--service-sales .ss-feature-work video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:8px;margin-bottom:30px}
.lp0711--service-sales .ss-hero .cp-hero-photo{left:46%}
.lp0711--service-sales .ss-hero .cp-hero-photo img{object-position:25% 0%}
.lp0711--service-sales .ss-hero .cp-hero-photo:after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 55%)}
.lp0711--service-sales .ss-hero h1{font-size:clamp(64px,7.3vw,110px)}
.lp0711--service-sales .ss-hero .cp-hero-copy{max-width:650px}
@media(max-width:700px){.lp0711--service-sales .ss-hero .cp-hero-photo{left:0}.lp0711--service-sales .ss-hero .cp-hero-photo img{object-position:65% 0%}.lp0711--service-sales .ss-hero .cp-hero-photo:after{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.8) 50%,rgba(0,0,0,.4))}.lp0711--service-sales .ss-hero h1{font-size:clamp(45px,14vw,68px)}.lp0711--service-sales .ss-films{gap:44px}}

.lp0711--service-sales .ss-feature-film{width:100%;max-width:1120px;aspect-ratio:16/9;object-fit:contain;background:#111;margin:0 auto 45px;border-radius:10px}

/* Keep the source portrait's face below the floating header. */
.lp0711--service-sales .ss-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 70%)}
.lp0711--service-sales .ss-hero .cp-hero-photo img{padding-top:80px;background:#000}
@media(max-width:700px){.lp0711--service-sales .ss-hero .cp-hero-photo:after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.65) 50%,rgba(0,0,0,.25))}}

.lp0711--service-sales .ss-films[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:460px}
.lp0711--service-sales .ss-films[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1320px}
.lp0711--service-sales .ss-films img{width:100%;height:auto}
.lp0711--service-sales .cp-related{padding-top:70px}
.lp0711--service-sales .cp-hero--type.ss-hero{min-height:0;padding-bottom:75px}
@media(max-width:700px){.lp0711--service-sales .ss-films[data-count]{grid-template-columns:minmax(0,1fr)}}

/* Scope service layout improvements to the released service, preserving live Case CSS. */
main.lp0711.lp0711--service-sales{overflow:visible}
.lp0711--service-sales .cp-section-intro>*,.lp0711--service-sales .cp-split>*{min-width:0}
.lp0711--service-sales .cp-button{font-family:CaseBody,Arial,sans-serif}
@media(max-width:700px){.lp0711--service-sales .cp-section h2{font-size:clamp(36px,12vw,57px);overflow-wrap:break-word}}

/* Service identity is opt-in. Case pages and the released Social landing retain their own hero. */
@font-face{font-family:ServiceHead;src:url("../fonts/service-anton.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ServiceBody;src:url("../fonts/service-barlow.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ServiceBody;src:url("../fonts/service-barlow-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.lp0711.ss-service-identity{font-family:ServiceBody,Arial,sans-serif}
.ss-service-identity .ss-service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#000;color:#fff;min-height:780px}
.ss-service-identity .ss-service-hero-copy{min-width:0;padding:155px clamp(24px,4vw,64px) 70px}
.ss-service-identity .ss-service-hero h1{font:700 20px/1.4 ServiceBody,Arial,sans-serif;text-transform:none;letter-spacing:0;margin:0 0 24px;color:#fff;max-width:100%}
.ss-service-identity .ss-service-hero h2{font:400 clamp(50px,5.7vw,82px)/1.15 ServiceHead,Arial,sans-serif;text-transform:none;font-style:normal;letter-spacing:0;margin:0 0 30px;overflow-wrap:break-word}
.ss-service-identity .ss-service-tagline{font:400 clamp(22px,2.1vw,30px)/1.3 ServiceBody,Arial,sans-serif;margin:0 0 24px}
.ss-service-identity .ss-service-intro{font:400 20px/1.55 ServiceBody,Arial,sans-serif;margin:0 0 32px;max-width:540px}
.ss-service-identity .ss-service-hero-art{position:relative;min-width:0;background:#111}
.ss-service-identity .ss-service-hero-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ss-service-identity .ss-service-art-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);padding:12px 24px;margin:0;color:#fff;font:400 15px/1.4 ServiceBody,Arial,sans-serif}
.ss-service-identity .ss-service-hero .cp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.ss-service-identity .cp-button,.ss-service-identity .ss-link{font-family:ServiceBody,Arial,sans-serif;font-style:normal}
.ss-service-identity .ss-service-hero .ss-link{color:#fff}
.ss-service-identity .cp-section h2,.ss-service-identity .ss-assessment h2{font:400 clamp(38px,5vw,68px)/1.12 ServiceHead,Arial,sans-serif;font-style:normal;text-transform:none;letter-spacing:0}
.ss-service-identity .cp-section h3,.ss-service-identity .ss-deliverables-grid h3,.ss-service-identity .ss-films h3{font-family:ServiceHead,Arial,sans-serif;font-style:normal;font-weight:400;text-transform:none;letter-spacing:0}
.ss-service-identity .ss-films figcaption,.ss-service-identity .ss-gallery figcaption{font-family:ServiceBody,Arial,sans-serif;font-style:normal}
.ss-service-identity .ss-service-note{background:#eee}
.ss-service-identity .ss-portfolio{padding:45px 0 10px}

.ss-service-identity .ss-marquee-window{overflow-x:auto}
.ss-service-identity .ss-marquee-track{display:flex;width:max-content}
.ss-service-identity .ss-marquee-group{display:flex;align-items:center;gap:60px;padding-right:60px}
.ss-service-identity .ss-logo{width:160px;height:76px;display:flex;align-items:center;justify-content:center;flex:none}
.ss-service-identity .ss-logo img{width:100%;height:64px;object-fit:contain;filter:none}
.ss-service-identity [data-service-marquee].is-ready .ss-marquee-window{overflow:hidden}
.ss-service-identity [data-service-marquee].is-ready .ss-marquee-track{animation:ss-portfolio-scroll 70s linear infinite;animation-play-state:paused}
.ss-service-identity [data-service-marquee].is-visible .ss-marquee-track{animation-play-state:running}
.ss-service-identity [data-service-marquee] .ss-marquee-window:hover .ss-marquee-track,.ss-service-identity [data-service-marquee] .ss-marquee-window:focus-within .ss-marquee-track{animation-play-state:paused}
@keyframes ss-portfolio-scroll{to{transform:translateX(-50%)}}
@media(max-width:1000px){.ss-service-identity .ss-service-hero-copy{padding:135px 28px 60px}.ss-service-identity .ss-service-hero h2{font-size:clamp(42px,5.4vw,60px)}}
@media(max-width:800px){.ss-service-identity .ss-service-hero{grid-template-columns:minmax(0,1fr);min-height:0}.ss-service-identity .ss-service-hero-copy{padding:125px 6vw 48px}.ss-service-identity .ss-service-hero h2{font-size:clamp(40px,9vw,64px)}.ss-service-identity .ss-service-hero-art{height:420px}.ss-service-identity .ss-service-hero-art>img{object-position:center}.ss-service-identity .ss-service-hero .cp-actions{align-items:start;flex-direction:column}.ss-service-identity .ss-service-intro{font-size:19px}.ss-service-identity .ss-marquee-group{gap:36px;padding-right:36px}.ss-service-identity .ss-logo{width:140px}.ss-service-identity .cp-section h2,.ss-service-identity .ss-assessment h2{font-size:clamp(36px,10vw,54px)}}
@media(max-width:400px){.ss-service-identity .ss-service-hero-art{height:320px}.ss-service-identity .ss-service-hero h1{font-size:18px}.ss-service-identity .ss-service-hero h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.ss-service-identity [data-service-marquee].is-ready .ss-marquee-track{animation:none;transform:none}.ss-service-identity [data-service-marquee].is-ready .ss-marquee-window{overflow-x:auto}.ss-service-identity .ss-marquee-group[aria-hidden="true"]{display:none}}

/* Artwork fills its column without making portrait heroes taller than the offer. */
.ss-service-identity .ss-service-hero-art>img{position:absolute;inset:0}
.ss-service-identity .lp0711-lead h2{font:400 clamp(38px,5vw,68px)/1.12 ServiceHead,Arial,sans-serif;font-style:normal;text-transform:none;letter-spacing:0}
.ss-service-identity [data-service-marquee]:not(.is-ready) .ss-marquee-group[aria-hidden="true"]{display:none}
@media(max-width:800px){.ss-service-identity .lp0711-lead h2{font-size:clamp(36px,10vw,54px)}}

/* Keep the original UGC face/gesture in view; the clip's bottom subtitle stays outside the hero crop. */
.ss-service-identity .ss-service-hero-art[data-service-artwork="case-original"]>img{object-position:50% 0%}
@media(max-width:800px){.ss-service-identity .ss-service-hero-art[data-service-artwork="case-original"]>img{object-position:50% 35%}}

/* A quiet portfolio strip precedes the inquiry, without a title, text ticker or visible controls. */
.ss-service-identity .ss-portfolio + .cp-form-wrap .lp0711-lead{padding-top:65px}
.ss-service-identity .ss-marquee-window{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ss-service-identity .ss-marquee-window:focus{overflow-x:auto;outline:1px solid #888;outline-offset:4px}
@media(max-width:800px){.ss-service-identity .ss-portfolio{padding:32px 0 8px}.ss-service-identity .ss-portfolio + .cp-form-wrap .lp0711-lead{padding-top:48px}}

/* Extra photos are clearly part of one project; never another repetition of the same case. */
.ss-service-identity .ss-work-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.ss-service-identity .ss-work-stills>div{min-width:0}
.ss-service-identity .ss-work-stills img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.ss-service-identity .ss-work-stills p{font:400 15px/1.4 ServiceBody,Arial,sans-serif;margin-top:10px;color:#fff}
.ss-service-identity .cp-related-grid[data-proof-count="1"]{grid-template-columns:minmax(0,1fr);max-width:620px}
@media(min-width:701px){.ss-service-identity .cp-related-grid[data-proof-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Individually released management layout: brands separate process and FAQ; contact stands on its own. */
.ss-service-identity.ss-portfolio-review .ss-case-proofs{background:#000;color:#fff;padding-bottom:64px}
.ss-service-identity.ss-portfolio-review .ss-case-proofs>.cp-wrap{border-top-color:#444}
.ss-service-identity.ss-portfolio-review .ss-case-proofs .cp-related-link,
.ss-service-identity.ss-portfolio-review .ss-case-proofs .cp-related-link:hover,
.ss-service-identity.ss-portfolio-review .ss-case-proofs .cp-related-link:focus,
.ss-service-identity.ss-portfolio-review .ss-case-proofs .cp-related-link:active{color:#fff;background:transparent}
.ss-service-identity.ss-portfolio-review .ss-portfolio--section-divider{padding:54px 0}
.ss-service-identity.ss-portfolio-review .ss-process,
.ss-service-identity.ss-portfolio-review .cp-faq{background:#f4f4f4;color:#000}
.ss-service-identity.ss-portfolio-review .ss-process{padding-bottom:64px}
@media(max-width:800px){.ss-service-identity.ss-portfolio-review .ss-portfolio--section-divider{padding:38px 0}.ss-service-identity.ss-portfolio-review .ss-process,.ss-service-identity.ss-portfolio-review .ss-case-proofs{padding-bottom:42px}}

/* Single-page colour trial: one light information surface, black work and brand surfaces. */
.ss-service-identity.ss-portfolio-review{background:#000}
.ss-service-identity.ss-portfolio-review .ss-solutions{background:#f4f4f4;color:#000}
.ss-service-identity.ss-portfolio-review .ss-feature{background:#000;color:#fff}

.ss-service-identity .ss-films{max-width:760px;gap:64px;align-items:stretch}
.ss-service-identity .ss-films figure{padding-top:0;min-width:0;display:flex;flex-direction:column}
.ss-service-identity .ss-films video{height:auto;max-height:none;aspect-ratio:var(--ss-work-ratio,9/16);object-fit:contain}
.ss-service-identity .ss-films figcaption{color:#fff;display:flex;flex-direction:column;flex:1}
.ss-service-identity .ss-films figcaption p,.ss-service-identity .ss-films figcaption h3,.ss-service-identity .ss-films figcaption a{color:#fff}
.ss-service-identity .ss-films figcaption .ss-link{align-self:start;margin-top:auto;padding-top:22px}
@media(max-width:1000px){.ss-service-identity .ss-films{gap:20px}}
@media(max-width:700px){.ss-service-identity .ss-films{gap:44px}}

.lp0711--service-sales.ss-service-identity .ss-films figure:nth-child(n){padding-top:0}

/* Broad production portfolios keep their real aspect ratios and vary by project. */
.lp0711--service-sales .ss-films video{aspect-ratio:var(--ss-work-ratio,9/16)}
.lp0711--service-sales .ss-films[data-layout="mixed"]{max-width:1120px;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 36px}
.lp0711--service-sales .ss-films[data-layout="mixed"] .ss-work-landscape{grid-column:1/-1}
.lp0711--service-sales .ss-films[data-layout="mixed"] .ss-work-landscape figcaption{max-width:760px}
.lp0711--service-sales .ss-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.lp0711--service-sales .ss-gallery figure{min-width:0;margin:0}
.lp0711--service-sales .ss-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.lp0711--service-sales .ss-gallery figcaption{margin-top:18px;color:#fff;font:400 17px/1.45 CaseBody,Arial,sans-serif}
.lp0711--service-sales .ss-gallery figcaption p{color:#fff}
.lp0711--service-sales .ss-gallery figcaption .cp-eyebrow{margin-bottom:8px}
@media(max-width:1000px){.lp0711--service-sales .ss-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lp0711--service-sales .ss-films[data-layout="mixed"],.lp0711--service-sales .ss-gallery{grid-template-columns:minmax(0,1fr);gap:40px}.lp0711--service-sales .ss-films[data-layout="mixed"] .ss-work-landscape{grid-column:auto}}


.ss-service-identity .ss-films[data-layout="mixed"][data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-service-identity .ss-films[data-layout="mixed"][data-count="3"] figure:not(.ss-work-landscape){width:100%;max-width:348px;justify-self:center}
@media(max-width:700px){.ss-service-identity .ss-films[data-layout="mixed"][data-count="3"]{grid-template-columns:minmax(0,1fr)}.ss-service-identity .ss-films[data-layout="mixed"][data-count="3"] figure:not(.ss-work-landscape){max-width:none}}

/* Ads-page priority correction: explicit white captions, proportional existing contact, pure portfolio. */
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption,
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption :is(p,h3,a){color:#fff;font-style:normal}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption{font-family:CaseBody,Arial,sans-serif;line-height:1.5}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption h3{margin:16px 0 0}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption>p:not(.cp-eyebrow){font-size:20px;line-height:1.5;margin-top:18px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption .ss-link{font-size:19px;margin-top:22px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__intro>p:not(.lp0711-eyebrow){font-size:22px;line-height:1.5;margin-top:18px;max-width:38ch}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact{margin-top:36px;gap:20px;align-items:center}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-eyebrow{font-size:16px;line-height:1.4;color:#fff;margin-bottom:6px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-name{font-size:28px;line-height:1.25;color:#fff}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>div>a:not(.cp-contact-cta){font-size:20px;line-height:1.45;margin-top:10px;color:#fff}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-cta-row{margin-top:20px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact a.cp-contact-cta{font-size:20px;line-height:1.45;color:#fff}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-portfolio{padding:48px 0;background:#000;color:#fff;overflow:hidden}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-window{overflow-x:auto;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-track{display:flex;width:max-content}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-group{display:flex;align-items:center;gap:60px;padding-right:60px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-logo{width:160px;height:76px;display:flex;align-items:center;justify-content:center;flex:none}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-logo img{width:100%;height:64px;object-fit:contain;filter:none}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee].is-ready .ss-marquee-window{overflow:hidden}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee].is-ready .ss-marquee-track{animation:ss-portfolio-scroll 70s linear infinite;animation-play-state:paused}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee].is-visible .ss-marquee-track{animation-play-state:running}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-window:hover .ss-marquee-track,main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-window:focus-within .ss-marquee-track{animation-play-state:paused}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee]:not(.is-ready) .ss-marquee-group[aria-hidden="true"]{display:none}
@media(max-width:700px){main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-portfolio{padding:32px 0}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-group{gap:36px;padding-right:36px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-logo{width:140px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__intro>p:not(.lp0711-eyebrow){font-size:20px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-name{font-size:26px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>div>a:not(.cp-contact-cta){font-size:19px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption>p:not(.cp-eyebrow){font-size:19px}}
@media(prefers-reduced-motion:reduce){main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee].is-ready .ss-marquee-track{animation:none;transform:none}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] [data-service-marquee].is-ready .ss-marquee-window{overflow-x:auto}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-marquee-group[aria-hidden="true"]{display:none}}

/* Social Marketing: complete media row and proportional service contact, Oliver 13.10.2026. */
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films[data-count="3"]{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figure{padding-top:0;align-self:stretch}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption h3{font-size:clamp(28px,2.8vw,42px);min-height:2.15em;margin-top:8px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption .ss-link{margin-top:auto;padding-top:24px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage h2{font-size:clamp(52px,5.8vw,84px);line-height:1.06}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__panel{padding:40px;border-radius:28px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead-form{grid-template-columns:minmax(0,1fr);gap:24px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead-form__grid{gap:22px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field input:not([type=checkbox]){font-size:22px;line-height:1.4;min-height:68px;padding:18px 22px;border-radius:16px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field textarea{font-size:22px;line-height:1.45;height:210px;min-height:180px;padding:18px 22px;border-radius:16px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-consent{font-size:17px;line-height:1.45;gap:12px;align-items:start}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-consent input{width:22px;height:22px;min-width:22px;margin-top:2px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-button--primary{width:100%;justify-self:stretch;min-height:64px;padding:18px 24px;font-size:20px;line-height:1.3;white-space:normal}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact{grid-template-columns:112px minmax(0,1fr);gap:24px;margin-top:40px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>img{width:112px;height:112px;object-fit:cover}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-name{font-size:32px;line-height:1.25}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>div>a:not(.cp-contact-cta){font-size:22px}
main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-cta-row{margin-top:24px}
@media(max-width:1000px){main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__layout{grid-template-columns:minmax(0,1fr);gap:40px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__panel{padding:32px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films[data-count="3"]{gap:22px}}
@media(max-width:700px){main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films[data-count="3"]{grid-template-columns:minmax(0,1fr);gap:48px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] .ss-films figcaption h3{font-size:38px;min-height:0}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage h2{font-size:clamp(46px,12vw,66px)}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-lead__panel{padding:22px;border-radius:22px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field input:not([type=checkbox]),main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field textarea{font-size:20px;padding:16px 18px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field input:not([type=checkbox]){min-height:64px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .lp0711-field textarea{height:190px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact{grid-template-columns:88px minmax(0,1fr);gap:18px;margin-top:32px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>img{width:88px;height:88px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact-name{font-size:28px}main.lp0711.lp0711--service-sales[data-page-id="digital-social-media-marketing"] #anfrage .cp-contact--compact>div>a:not(.cp-contact-cta){font-size:19px}}

/* Approved central service contact proportions; Oliver 13.10.2026. */
main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}
main.lp0711.lp0711--service-sales #anfrage h2{font-size:clamp(52px,5.8vw,84px);line-height:1.06}
main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__panel{padding:40px;border-radius:28px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-lead-form{grid-template-columns:minmax(0,1fr);gap:24px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-lead-form__grid{gap:22px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-field input:not([type=checkbox]){font-size:22px;line-height:1.4;min-height:68px;padding:18px 22px;border-radius:16px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-field textarea{font-size:22px;line-height:1.45;height:210px;min-height:180px;padding:18px 22px;border-radius:16px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-consent{font-size:17px;line-height:1.45;gap:12px;align-items:start}
main.lp0711.lp0711--service-sales #anfrage .lp0711-consent input{width:22px;height:22px;min-width:22px;margin-top:2px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-button--primary{width:100%;justify-self:stretch;min-height:64px;padding:18px 24px;font-size:20px;line-height:1.3;white-space:normal}
main.lp0711.lp0711--service-sales #anfrage .cp-contact--compact{grid-template-columns:112px minmax(0,1fr);gap:24px;margin-top:40px}
main.lp0711.lp0711--service-sales #anfrage .cp-contact--compact>img{width:112px;height:112px;object-fit:cover}
main.lp0711.lp0711--service-sales #anfrage .cp-contact-name{font-size:32px;line-height:1.25}
main.lp0711.lp0711--service-sales #anfrage .cp-contact--compact>div>a:not(.cp-contact-cta){font-size:22px}
main.lp0711.lp0711--service-sales #anfrage .cp-contact-cta-row{margin-top:24px}
main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__intro>p:not(.lp0711-eyebrow){font-size:22px;line-height:1.5;margin-top:18px;max-width:38ch}
main.lp0711.lp0711--service-sales #anfrage .cp-contact-eyebrow{font-size:16px;line-height:1.4;color:#fff;margin-bottom:6px}
main.lp0711.lp0711--service-sales #anfrage .cp-contact--balanced>div>a:not(.cp-contact-cta){font-size:22px;line-height:1.45;margin-top:10px;color:#fff}
main.lp0711.lp0711--service-sales #anfrage .cp-contact--balanced a.cp-contact-cta{font-size:20px;line-height:1.45;color:#fff}
@media(max-width:1000px){main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__layout{grid-template-columns:minmax(0,1fr);gap:40px}main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__panel{padding:32px}}
@media(max-width:700px){main.lp0711.lp0711--service-sales #anfrage h2{font-size:clamp(46px,12vw,66px)}main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__panel{padding:22px;border-radius:22px}main.lp0711.lp0711--service-sales #anfrage .lp0711-field input:not([type=checkbox]),main.lp0711.lp0711--service-sales #anfrage .lp0711-field textarea{font-size:20px;padding:16px 18px}main.lp0711.lp0711--service-sales #anfrage .lp0711-field input:not([type=checkbox]){min-height:64px}main.lp0711.lp0711--service-sales #anfrage .lp0711-field textarea{height:190px}main.lp0711.lp0711--service-sales #anfrage .lp0711-lead__intro>p:not(.lp0711-eyebrow){font-size:20px}main.lp0711.lp0711--service-sales #anfrage .cp-contact--balanced{grid-template-columns:88px minmax(0,1fr);gap:18px;margin-top:32px}main.lp0711.lp0711--service-sales #anfrage .cp-contact--balanced>img{width:88px;height:88px}main.lp0711.lp0711--service-sales #anfrage .cp-contact-name{font-size:28px}main.lp0711.lp0711--service-sales #anfrage .cp-contact--balanced>div>a:not(.cp-contact-cta){font-size:19px}}

/* Existing typographic/video heroes and one evidenced project fill their own service layout. */
.ss-service-identity .ss-service-hero--type{grid-template-columns:minmax(0,1fr);min-height:0}
.ss-service-identity .ss-service-hero--type .ss-service-hero-copy{width:100%;max-width:1120px;padding-bottom:90px;margin-inline:auto}
.ss-service-identity .ss-service-hero--type .ss-service-intro{max-width:740px}
.ss-service-identity .ss-service-hero-art>video{display:block;width:100%;height:100%;max-height:900px;object-fit:contain;background:#111}
.ss-service-identity .ss-service-hero-art:has(>video){display:flex;align-items:center;justify-content:center}
.ss-service-identity .ss-service-art-caption{position:absolute;bottom:22px;left:24px;right:24px;z-index:1;background:rgba(0,0,0,.76);color:#fff;padding:10px 14px;font:16px/1.45 ServiceBody,Arial,sans-serif}
.ss-service-identity .ss-films[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:1200px}
.ss-service-identity .ss-films[data-count="1"]>figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding-top:0}
.ss-service-identity .ss-films[data-count="1"]>figure>video,.ss-service-identity .ss-films[data-count="1"]>figure>img{width:100%;height:auto;max-height:560px;object-fit:contain;justify-self:center;background:#111;border-radius:12px}
.ss-service-identity .ss-films[data-count="1"] figcaption{margin-top:0}
.ss-service-identity .ss-films[data-count="1"] figcaption h3{font-size:clamp(34px,4.1vw,56px);margin-top:14px}
.ss-service-identity .ss-films[data-count="1"] figcaption>p:not(.cp-eyebrow){font-size:22px;line-height:1.5;color:#fff}
@media(max-width:800px){.ss-service-identity .ss-service-hero-art>video{height:auto;max-height:600px}.ss-service-identity .ss-service-hero--type .ss-service-hero-copy{padding-bottom:58px}.ss-service-identity .ss-films[data-count="1"]>figure{grid-template-columns:minmax(0,1fr);gap:28px}.ss-service-identity .ss-films[data-count="1"] figcaption h3{font-size:38px}.ss-service-identity .ss-films[data-count="1"] figcaption>p:not(.cp-eyebrow){font-size:20px}}
/* Influencer 2.7: only the approved production page, not other service layouts. */
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"][data-count="3"]{grid-template-columns:minmax(0,2.2fr) repeat(2,minmax(0,1fr));max-width:1300px;gap:32px}
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"][data-count="3"]>figure:nth-child(n){grid-column:auto;max-width:none;width:100%;padding:0}
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] .ss-work-assets{height:420px;display:flex;align-items:center;justify-content:center;background:#000}
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] video{width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;background:#000}
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] figcaption h3{font-size:clamp(28px,2.8vw,42px);line-height:1.12}
main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] figcaption>p:not(.cp-eyebrow){font-size:19px;line-height:1.45}
@media(min-width:701px) and (max-width:1000px){main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"][data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"]>figure.ss-work-landscape:nth-child(n){grid-column:1/-1}main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"]>figure.ss-work-landscape .ss-work-assets{height:auto;aspect-ratio:16/9}}
@media(max-width:700px){main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"][data-count="3"]{grid-template-columns:minmax(0,1fr);gap:48px}main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] .ss-work-assets{height:auto}main.lp0711:not([data-case-preview])[data-render-contract="influencer-cases-v1"][data-page-id="digital-influencer-marketing"] .ss-films[data-layout="mixed"] video{height:auto;max-height:560px;aspect-ratio:var(--ss-work-ratio);width:100%}}

/* Social Media Marketing 2.1.4: retain the reviewed square hero composition only here. */
main.lp0711:not([data-case-preview])[data-render-contract="social-marketing-cases-v1"][data-page-id="digital-social-media-marketing"]{background:#000}
main.lp0711:not([data-case-preview])[data-render-contract="social-marketing-cases-v1"][data-page-id="digital-social-media-marketing"] .ss-service-hero{max-width:1440px;margin-inline:auto}
main.lp0711:not([data-case-preview])[data-render-contract="social-marketing-cases-v1"][data-page-id="digital-social-media-marketing"] .ss-service-hero-art[data-service-artwork="0711-service-artwork-square"]{align-self:center;justify-self:center;width:min(calc(100% - 96px),600px);aspect-ratio:1;height:auto;margin-block:128px 48px;background:#000}
main.lp0711:not([data-case-preview])[data-render-contract="social-marketing-cases-v1"][data-page-id="digital-social-media-marketing"] .ss-service-hero-art[data-service-artwork="0711-service-artwork-square"]>img{object-fit:contain}
@media(max-width:800px){main.lp0711:not([data-case-preview])[data-render-contract="social-marketing-cases-v1"][data-page-id="digital-social-media-marketing"] .ss-service-hero-art[data-service-artwork="0711-service-artwork-square"]{width:min(100%,600px);margin-block:0}}


/* Performance samples 3.2.4: compact original video samples after the service explanation. */
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"]{background:#000}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-service-hero{max-width:1440px;margin-inline:auto}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin-inline:auto}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample{min-width:0;margin:0;padding:0}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample video{display:block;width:100%;height:clamp(240px,30vw,360px);object-fit:contain;object-position:center;background:#090909;border-radius:10px}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample figcaption{margin-top:12px}
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample figcaption>p:not(.cp-eyebrow){max-width:42ch;margin-top:6px;font-size:16px;line-height:1.4;color:#fff}
@media(max-width:700px){main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:420px}main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample video{height:auto;max-height:560px;aspect-ratio:var(--ss-work-ratio)}}

/* Keep the Performance sample captions legible on their black section background. */
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample figcaption,
main.lp0711:not([data-case-preview])[data-render-contract="performance-marketing-cases-v1"][data-page-id="digital-performance-marketing"][data-page-version="3.2.4-performance-samples-20261018"] .ss-work-samples .ss-sample figcaption>p{color:#fff;font-style:normal}