/* Production: same service identity, with an emphasis on moving images. */
.s-production .c-hero{padding-block:38px 0}
.s-production .c-hero h1{font-size:clamp(60px,8.8vw,132px);line-height:1.04;letter-spacing:-.035em}
.s-production .c-hero h1>span{color:var(--pink)}
.s-production .c-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:6vw;margin-block:32px 65px}
.s-production .c-hero-bottom>p{max-width:51ch;margin:0}
.s-production .c-chain{display:flex;justify-content:space-between;border-block:1px solid #0003;padding-block:22px;gap:20px}
.s-production .c-chain a{font:clamp(20px,2.3vw,34px)/1.2 Anton;text-decoration:none}
.s-production .c-chain [aria-current]{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:4px;text-underline-offset:10px}
.s-production .c-chain a:is(:hover,:focus-visible),.s-production .s-next>a:is(:hover,:focus-visible),.s-production .c-hero .s-cta:is(:hover,:focus-visible),.s-production .c-inline:is(:hover,:focus-visible){color:var(--pink)}
.s-production .s-next>a{transition:color .25s}
.s-production .s-close .s-cta:is(:hover,:focus-visible){color:#000}
.s-production .c-eyebrow{font-size:13px;margin:0 0 22px}
.s-production .c-question{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;padding-block:100px}
.s-production .c-question h2{font-size:clamp(40px,4.8vw,70px);margin-bottom:28px}
.s-production .c-question>div>p:last-child{max-width:40ch}
.s-production .c-questions details{border-top:1px solid #0003;padding-block:22px}
.s-production .c-questions details:last-child{border-bottom:1px solid #0003}
.s-production .c-questions summary{position:relative;padding-right:42px;list-style:none;font:clamp(24px,2.45vw,36px)/1.2 Anton;cursor:pointer}
.s-production summary::-webkit-details-marker{display:none}
.s-production .c-questions summary>span{position:absolute;right:0;top:0;transition:transform .25s}
.s-production .c-questions details[open] summary>span{transform:rotate(45deg)}
.s-production .c-questions summary:is(:hover,:focus-visible){color:var(--pink)}
.s-production .c-questions details p{margin:20px 0 14px;font-size:15px}
.s-production .c-questions small{font-size:11px}
.s-production .c-output{background:var(--pink);padding-block:75px}
.s-production .c-output-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:7vw;margin-bottom:55px}
.s-production .c-output-heading h2{font-size:clamp(40px,5vw,76px)}
.s-production .c-output-heading h2 span{-webkit-text-stroke:1px #000;color:transparent}
.s-production .c-output-heading p{margin:0;font-size:15px}
.s-production .c-deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.s-production .c-deliverables article{border-top:1px solid #0006;padding-top:24px}
.s-production .c-deliverables h3{font:clamp(25px,2.7vw,40px)/1.15 Anton;margin:0 0 20px}
.s-production .c-deliverables p{font-size:14px}
.s-production .c-deliverables small{display:block;font-size:12px;font-weight:700;line-height:1.6;margin-top:22px}
.s-production .c-method{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-block:100px}
.s-production .c-method-heading{position:sticky;top:150px;align-self:start}
.s-production .c-method-heading h2{font-size:clamp(48px,6vw,86px)}
.s-production .c-method-heading>p:not(.c-eyebrow){margin-block:26px}
.s-production .c-inline{font-size:14px;text-underline-offset:6px;line-height:1.8}
.s-production .c-method-steps{border-left:3px solid var(--pink);padding-left:40px}
.s-production .c-method-steps article{position:relative;padding:0 0 65px}
.s-production .c-method-steps article:last-child{padding-bottom:12px}
.s-production .c-dot{position:absolute;width:15px;height:15px;left:-49px;top:4px;border:3px solid var(--pink);background:#fff;border-radius:50%}
.s-production .c-method-steps .c-eyebrow{margin-bottom:15px}
.s-production .c-method-steps h3{font:clamp(29px,3.3vw,47px)/1.15 Anton;margin:0 0 22px}
.s-production .c-method-steps p{font-size:15px}
.s-production .c-method-steps strong{display:block;font-size:12px;border-top:1px solid #0002;padding-top:18px;margin-top:24px}
.s-production .c-practice{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding-block:0 90px}
.s-production .c-practice figure{margin:0;overflow:hidden;height:520px}
.s-production .c-practice video{width:100%;height:100%;object-fit:cover}
.s-production .c-practice h2{font-size:clamp(40px,4.6vw,66px);margin-bottom:25px}
.s-production .c-practice p{font-size:15px}
.s-production .s-progress-top{background:var(--pink)}
.s-production #beratung,.s-production #prozess{scroll-margin-top:115px}
@media(max-width:1000px){
.s-production .c-hero-bottom{align-items:start;flex-direction:column;gap:25px}
.s-production .c-deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.s-production .c-practice figure{height:420px}
}
@media(max-width:700px){
.s-production .c-hero{padding-top:25px}
.s-production .c-hero h1{font-size:clamp(43px,10.9vw,75px);letter-spacing:-.025em}
.s-production .c-hero-bottom{margin-block:25px 38px}
.s-production .c-hero-bottom>p{font-size:15px}
.s-production .c-chain{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-block:24px}
.s-production .c-chain a{font-size:24px}
.s-production .c-question,.s-production .c-output-heading,.s-production .c-method,.s-production .c-practice{grid-template-columns:1fr;gap:35px}
.s-production .c-question,.s-production .c-method{padding-block:60px}
.s-production .c-question h2{font-size:42px}
.s-production .c-questions summary{font-size:27px}
.s-production .c-output{padding-block:48px}
.s-production .c-output-heading{margin-bottom:35px}
.s-production .c-output-heading h2{font-size:41px}
.s-production .c-deliverables{grid-template-columns:1fr;gap:28px}
.s-production .c-deliverables h3{font-size:33px;margin-bottom:12px}
.s-production .c-deliverables small{margin-top:12px}
.s-production .c-method-heading{position:static}
.s-production .c-method-heading h2{font-size:55px}
.s-production .c-method-steps{padding-left:28px;margin-left:7px}
.s-production .c-dot{left:-37px}
.s-production .c-method-steps article{padding-bottom:45px}
.s-production .c-method-steps h3{font-size:34px}
.s-production .c-practice{padding-bottom:50px}
.s-production .c-practice figure{height:300px}
.s-production .c-practice h2{font-size:42px}
}
@media(max-width:360px){
.s-production .c-hero h1{font-size:10.8vw}
.s-production .c-hero .s-cta{font-size:21px;gap:15px;padding-inline:22px}
}

.s-production .p-reel{position:relative;height:clamp(350px,55vw,680px);margin-top:35px;background:#111;overflow:hidden}
.s-production .p-reel>video{display:block;width:100%;height:100%;object-fit:cover}
.s-production .p-reel-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:25px;align-items:end;padding:65px var(--s-gutter) 30px;background:linear-gradient(transparent,#000b);color:#fff}
.s-production .p-reel-caption>span{font:clamp(23px,3vw,45px)/1.15 Anton;max-width:18ch}
.s-production .p-reel-caption a{font-size:14px;text-underline-offset:6px}
.s-production .p-reel-caption a:is(:hover,:focus-visible){color:var(--pink)}
.s-production .p-insights{padding-bottom:85px}
.s-production .p-insights-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}
.s-production .p-insights-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.s-production .p-insights figure{margin:0;aspect-ratio:1.45;overflow:hidden;background:#111}
.s-production .p-insights figure:last-child{margin-top:65px}
.s-production .p-insights video{width:100%;height:100%;object-fit:cover;display:block}
.s-production .p-caption{font-size:12px;margin-top:18px}
.s-production .p-media{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;border-block:1px solid #0003;padding-block:60px}
.s-production .p-media h2{font-size:clamp(37px,4.5vw,65px)}
.s-production .p-media p{font-size:15px;margin-top:0}
.s-production #produktion{scroll-margin-top:115px}
@media(max-width:700px){
.s-production .p-reel{margin-top:25px;height:400px}
.s-production .p-reel-caption{align-items:start;flex-direction:column;gap:18px;padding-bottom:24px}
.s-production .p-reel-caption>span{font-size:30px}
.s-production .p-insights{padding-bottom:50px}
.s-production .p-insights-head{display:block}
.s-production .p-insights-head h2{margin-bottom:20px}
.s-production .p-insights-grid{grid-template-columns:1fr;gap:16px}
.s-production .p-insights figure:last-child{margin-top:0}
.s-production .p-media{grid-template-columns:1fr;gap:25px;padding-block:42px}
.s-production .p-media h2{font-size:39px}
}

/* Production motion: shared typography, footage framing and edit rhythm. */
body.s-production .c-motion-line{display:block;overflow:clip;perspective:750px;padding-bottom:.08em;margin-bottom:-.08em}
body.s-production .c-motion-wordline{display:block;transform-origin:center bottom}
body.s-production .c-hero h1>.c-motion-line,body.s-production .c-output-heading h2 .c-motion-line,body.s-production .c-output-heading h2 .c-motion-wordline{color:#000;-webkit-text-stroke:0}
body.s-production .c-hero h1 .c-motion-wordline>span{color:#f0b4bd}
body.s-production .c-hero h1 .c-motion-line:nth-child(2){transform:translateX(calc(var(--c-hero-drift,0)*16px))}
body.s-production .c-chain a{transition:transform .45s cubic-bezier(.16,1,.3,1),color .25s;transform-origin:left center}
body.s-production .c-chain a:is(:hover,:focus-visible){transform:translateY(-3px) scale(1.06)}
body.s-production .c-questions summary{transition:font-size .5s cubic-bezier(.16,1,.3,1),color .25s,padding .5s;padding-bottom:8px}
body.s-production .c-questions summary:after{content:'';position:absolute;left:0;bottom:0;height:6px;width:75%;background:#f0b4bd;clip-path:polygon(0 50%,15% 20%,60% 35%,100% 0,95% 60%,35% 100%,0 85%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
body.s-production .c-questions summary:is(:hover,:focus-visible){font-size:clamp(26px,2.8vw,40px);color:#f0b4bd;padding-bottom:17px}
body.s-production .c-questions summary:is(:hover,:focus-visible):after{transform:scaleX(1)}
body.s-production .c-questions details[open] summary>span{color:#f0b4bd}
body.s-production .c-deliverables article{transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}
body.s-production .c-deliverables article:hover{transform:translateY(-9px)}
body.s-production .c-deliverables h3{transition:transform .5s cubic-bezier(.16,1,.3,1);transform-origin:left}
body.s-production .c-deliverables article:hover h3{transform:scale(1.04)}
body.s-production .c-method-steps{position:relative;border-left-color:#f0b4bd35}
body.s-production .c-method-steps:before{content:'';position:absolute;top:0;bottom:0;left:-3px;width:3px;background:#f0b4bd;transform:scaleY(var(--c-progress,0));transform-origin:top}
body.s-production .c-dot{transition:background .3s,box-shadow .5s}
body.s-production .c-reached .c-dot{background:#f0b4bd}
body.s-production .c-active .c-dot{box-shadow:0 0 0 10px #f0b4bd30}
body.s-production .c-method-steps h3{transition:transform .6s cubic-bezier(.16,1,.3,1);transform-origin:left}
body.s-production .c-active h3{transform:translateX(7px) scale(1.035)}
body.s-production .c-method-steps .c-eyebrow{display:inline-block;background:linear-gradient(#f0b4bd,#f0b4bd) left bottom/0 45% no-repeat;transition:background-size .5s}
body.s-production .c-active .c-eyebrow{background-size:100% 45%}
body.s-production .s-next>a{display:inline-block;transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1),color .25s}
body.s-production .s-next>a:is(:hover,:focus-visible){transform:translateX(10px) scale(1.035);color:#f0b4bd}
@media(max-width:700px){body.s-production .c-questions summary:is(:hover,:focus-visible){font-size:29px}body.s-production .c-active h3{transform:translateX(3px)}body.s-production .c-deliverables article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body.s-production .c-chain a,body.s-production .c-questions summary,body.s-production .c-questions summary:after,body.s-production .c-deliverables article,body.s-production .c-deliverables h3,body.s-production .c-dot,body.s-production .c-method-steps h3,body.s-production .c-method-steps .c-eyebrow,body.s-production .s-next>a{transition:none}body.s-production .c-hero h1 .c-motion-line:nth-child(2){transform:none}}
body.s-production.motion-paused .c-hero h1 .c-motion-line:nth-child(2){transform:none}

body.s-production .p-reel>video,body.s-production .p-insights video{transform:translateY(var(--p-pan,0px)) scale(1.08)}
body.s-production .p-insights figure{transition:box-shadow .5s}
@media(hover:hover){body.s-production .p-insights figure:hover{box-shadow:10px 10px 0 #f0b4bd}}
body.s-production.motion-paused .p-reel>video,body.s-production.motion-paused .p-insights video{transform:none}
@media(prefers-reduced-motion:reduce){body.s-production .p-reel>video,body.s-production .p-insights video{transform:none}body.s-production .p-insights figure{transition:none}}

/* Complete the page through questions and the invitation, using existing elements. */
body.s-production .s-close .c-motion-wordline{transform-origin:left bottom}
body.s-production .s-faq summary{transition:color .25s,padding-left .35s}
body.s-production .s-faq summary:is(:hover,:focus-visible){color:#f0b4bd;padding-left:8px}
body.s-production .s-close .s-cta:is(:hover,:focus-visible){color:#000}

body.s-production .p-insights figure{transform:rotate(var(--frame-turn,0deg));transform-origin:center;transition:box-shadow .5s}
body.s-production .p-media{position:relative}
body.s-production .p-media:before{content:'';position:absolute;left:0;right:0;top:-2px;height:3px;background:#f0b4bd;transform:scaleX(var(--transfer,0));transform-origin:left}
body.s-production .p-media .c-inline{display:inline-block;text-decoration-color:#f0b4bd;text-decoration-thickness:2px;transition:transform .4s,color .25s}
body.s-production .p-media .c-inline:is(:hover,:focus-visible){transform:translateX(7px);color:#f0b4bd}
@media(max-width:700px){body.s-production .p-insights figure{transform:none}}

@media(prefers-reduced-motion:reduce){body.s-production .s-faq summary{transition:none}}

body.s-production .p-reel{height:auto;aspect-ratio:16/9}body.s-production .p-reel>video{object-fit:contain;transform:none}
.p-insights-grid figure>a{display:block;position:relative;height:100%;color:#fff}.production-case-label{position:absolute;bottom:0;left:0;right:0;padding:35px 22px 20px;background:linear-gradient(transparent,#000b);font:clamp(24px,3vw,38px)/1.1 Anton}