.home-work,.home-steps,.home-industries{padding:85px 0}.home-work{background:#202329;scroll-margin-top:110px}.home-work h2,.home-steps h2,.home-industries h2{font:800 clamp(36px,4.5vw,66px)/.98 'League Spartan',sans-serif;letter-spacing:-.035em;margin:18px 0 25px}.home-work h2 span,.home-steps h2 span,.home-industries h2 span{color:#ffda2f}.home-work-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:40px}.home-work-heading>p{max-width:490px;line-height:1.7;color:#c8c9ce}.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.home-work-card{min-width:0;border:1px solid #686345;border-radius:22px;overflow:hidden;background:#292c32;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.home-work-card:hover{border-color:#ffda2f;transform:translateY(-4px)}.home-work-image{display:block;position:relative;padding:8px;border-bottom:1px solid #686345;background:#17191e}.home-work-image img{width:100%;height:245px;object-fit:cover;display:block;border-radius:15px}.home-work-card--pixel .home-work-image img{object-fit:contain}.home-work-image>span{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffda2f;color:#202329;font-size:26px}.home-work-body{padding:26px;display:flex;flex-direction:column;flex:1}.home-work-kicker{color:#ffda2f!important;text-transform:uppercase;font-size:11px!important;font-weight:700;letter-spacing:.07em}.home-work-body h3{font:800 33px/1.1 'League Spartan',sans-serif;margin:12px 0}.home-work-body p{font-size:16px;line-height:1.55;color:#d3d4d7}.home-work-title{font-weight:700;color:white!important;min-height:50px}.home-work-fact{border-top:1px solid #56574f;padding-top:18px;font-size:14px!important;color:#ffda2f!important;margin-top:auto}.home-work-link{color:#ffda2f;font-weight:700;text-decoration:underline;text-underline-offset:5px;display:inline-block;line-height:1.5}.home-work-note{font-size:13px;color:#bfc1c6;line-height:1.65;margin:22px 0}.home-work-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:40px}.home-work-next p{font-size:24px;font-weight:700}.home-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:38px 0}.home-steps-grid b{color:#ffda2f;font-size:13px}.home-steps-grid h3{font-size:26px;line-height:1.2}.home-steps-grid p{color:#c8c9ce;line-height:1.65}.home-industries{background:#202329}.home-industry-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.home-industry-links a{padding:25px 20px;border:1px solid #69654c;border-radius:14px;font-weight:700;line-height:1.4}.home-industry-links a:hover{background:#ffda2f;color:#202329}.team-bts{padding:65px 0!important}.team-bts__grid{max-width:800px;margin:30px 0!important}.team-bts__card img{max-height:300px!important;object-position:center 30%!important}.team-bts__lead{max-width:750px}.team-bts .home-work-link{margin-top:20px}
@media(max-width:900px){.home-work-grid{gap:16px}.home-work-body{padding:19px}.home-work-heading{gap:25px}.home-work-image img{height:210px}.home-industry-links{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.home-work,.home-steps,.home-industries{padding:55px 0}.home-work-heading,.home-work-grid,.home-steps-grid{grid-template-columns:1fr;gap:25px}.home-work-heading{gap:0}.home-work-image img{height:240px}.home-work-body{padding:25px}.home-work-title{min-height:0}.home-work-next{align-items:start;flex-direction:column}.home-work-next .button{white-space:normal;text-align:center;max-width:100%}.home-industry-links{grid-template-columns:1fr}.home-work h2,.home-steps h2,.home-industries h2{font-size:36px}.home-work-note{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.home-work-card{transition:none}.home-work-card:hover{transform:none}}
.home-services,.home-choice{padding:85px 0}.home-services h2,.home-choice h2{font:800 clamp(36px,4.5vw,66px)/1 'League Spartan',sans-serif;letter-spacing:-.035em;margin:18px 0 25px}.home-services h2 span,.home-choice h2 span{color:#ffda2f}.home-service-intro{max-width:850px}.home-service-intro>p:last-child{max-width:740px;font-size:19px;line-height:1.7;color:#d3d4d7}.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:45px}.home-service-grid article{border-top:2px solid #ffda2f;padding:30px 0 0;display:flex;flex-direction:column}.home-service-number{font-size:12px;letter-spacing:.1em;color:#ffda2f;font-weight:700}.home-service-grid h3{font-size:27px;line-height:1.15;margin:22px 0 8px}.home-service-grid p,.home-choice p{color:#d3d4d7;line-height:1.7}.home-service-grid a{margin-top:auto;padding-top:15px;color:#ffda2f;text-underline-offset:5px;font-weight:700;line-height:1.5}.home-choice{background:radial-gradient(ellipse at top left,#ffda2f0c,transparent 65%),#202329;border-block:1px solid #ffffff15}.home-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.home-choice-options article{padding:0 0 20px 24px;border-left:2px solid #ffda2f;margin-bottom:26px}.home-choice-options h3{font-size:25px;margin-top:0}.home-choice .button{white-space:normal;line-height:1.4}.home-choice-note{font-size:14px}.home-steps-grid article{padding:24px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(150deg,#ffda2f0b,transparent)}.home-work-card:focus-within{border-color:#ffda2f}.home-work-image img{transition:filter .25s}.home-work-card:hover img{filter:brightness(1.08)}
@media(max-width:800px){.home-service-grid,.home-choice-grid{grid-template-columns:1fr;gap:30px}.home-services,.home-choice{padding:55px 0}.home-service-grid article{padding-top:22px}.home-service-grid h3{margin-top:15px}.home-choice .button{width:100%;text-align:center}.home-service-intro>p:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.home-work-image img{transition:none}}
.home-mittelstand{padding:90px 0;background:#ffda2f;color:#202329;position:relative;overflow:hidden}.home-mittelstand-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.home-mittelstand .eyebrow{color:#363728;line-height:1.6}.home-mittelstand .eyebrow:before{background:#202329}.home-mittelstand h2{font:800 clamp(42px,5.6vw,80px)/.96 'League Spartan',sans-serif;letter-spacing:-.04em;margin:25px 0 0}.home-mittelstand h2 span{display:block;margin-top:20px;color:#202329}.home-mittelstand-copy p{font-size:17px;line-height:1.7;color:#292b28}.home-mittelstand-copy .home-mittelstand-lead{font-size:clamp(23px,2.3vw,31px);line-height:1.25;font-weight:800}.home-mittelstand .button{background:#202329;color:#fff;border:1px solid #202329;white-space:normal;line-height:1.4;text-align:center;margin-top:15px}.home-mittelstand .button:hover{background:#353941;color:#fff}.home-mittelstand-link{display:block;margin-top:20px;font-weight:700;text-decoration:underline;text-underline-offset:5px;color:#202329}.home-mittelstand a:focus-visible{outline:3px solid #202329;outline-offset:5px}@media(max-width:800px){.home-mittelstand{padding:55px 0}.home-mittelstand-grid{grid-template-columns:1fr;gap:25px}.home-mittelstand h2{font-size:clamp(38px,9vw,62px)}.home-mittelstand .button{width:100%}}
/* Consistent section rhythm and landscape project cards. */
:root{--home-section-space:clamp(56px,7vw,96px)}
.home-work,.home-services,.home-steps,.home-choice,.home-industries,.home-mittelstand{padding-block:var(--home-section-space)}
.team-bts{padding-block:var(--home-section-space)!important}
.home-work-image img,.home-work-card--pixel .home-work-image img{height:auto;aspect-ratio:3/2;object-fit:cover}
.home-mittelstand{background:#202329;color:#f8f6ed;border-top:1px solid #ffda2f44;border-bottom:1px solid #ffda2f44;overflow:visible}
.home-mittelstand .eyebrow,.home-mittelstand h2 span{color:#ffda2f}.home-mittelstand .eyebrow:before{background:#ffda2f}.home-mittelstand-copy p{color:#d3d4d7}.home-mittelstand-copy .home-mittelstand-lead{color:#fff}.home-mittelstand .button{background:#ffda2f;color:#202329}.home-mittelstand .button:is(:hover,:active,:focus-visible){background:#fff;color:#202329}.home-mittelstand-link{color:#ffda2f}.home-mittelstand a:focus-visible{outline-color:#ffda2f}
.home-mittelstand h2{font-size:clamp(38px,4.9vw,70px)}.home-mittelstand h2 span{margin-top:10px}.home-mittelstand-grid{gap:48px}
.mittelstand-photos{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}.mittelstand-photos figure{margin:0;padding:7px;border:1px solid #9f8a3c;border-radius:18px;background:#272a31;min-width:0}.mittelstand-photos img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:11px}.mittelstand-photos figcaption{padding:20px 16px;font-size:20px;font-weight:700;line-height:1.4}.mittelstand-photos figcaption span{display:block;color:#ffda2f;font-size:11px;letter-spacing:.1em;margin-bottom:7px}
@media(max-width:700px){.mittelstand-photos{grid-template-columns:1fr;gap:22px}.home-mittelstand-grid{gap:22px}.home-mittelstand h2{font-size:clamp(34px,8vw,52px)}}
/* Repeat the existing sage tone to give the homepage a clear visual rhythm. */
.home-mittelstand,.home-choice,.team-bts.team-bts--editorial{background:var(--sage);border:0}
.home-mittelstand h2,.home-mittelstand h2 span,.home-mittelstand .eyebrow,.home-mittelstand-copy p,.home-mittelstand-copy .home-mittelstand-lead,.home-mittelstand-link,.home-choice h2,.home-choice h2 span,.home-choice .eyebrow,.home-choice p{color:#171d19}
.home-mittelstand .eyebrow:before,.home-choice .eyebrow:before{background:#202329}
.home-mittelstand h2 span{color:#fffdf7}.home-mittelstand .button,.home-choice .button{background:#202329;color:#fffdf7;box-shadow:none}
.home-mittelstand .button:is(:hover,:active,:focus-visible),.home-choice .button:is(:hover,:active,:focus-visible){background:#fffdf7;color:#202329}
.home-choice-options article{border-left-color:#293c2e}.home-choice-options h3{color:#171d19}
.team-bts.team-bts--editorial .display,.team-bts.team-bts--editorial .eyebrow,.team-bts.team-bts--editorial .team-bts__lead,.team-bts.team-bts--editorial>.container>.home-work-link{color:#171d19}
.team-bts.team-bts--editorial .display .yellow{color:#fffdf7}
.team-bts.team-bts--editorial .team-bts__card{background:#292d35}
.team-bts.team-bts--editorial .team-bts__grid{max-width:960px;margin-inline:auto!important}
.team-bts.team-bts--editorial .team-bts__card:nth-child(2){margin-top:0}

/* Separate brand panels keep logos legible without covering project photos. */
.home-project-brand{height:150px;margin:16px 16px 0;padding:18px 26px;display:flex;align-items:center;justify-content:center;background:#f7f4ea;border:1px solid #d7ceb9;border-radius:12px;overflow:hidden}
.home-project-brand img{display:block;max-width:100%;width:auto;height:114px;object-fit:contain;filter:none!important}
.home-project-brand--mc{background:#141619;border-color:#44464b}
.home-project-brand--mc img{height:108px}
.home-project-brand--pixel img{width:260px;height:auto;max-height:114px}
@media(max-width:700px){.home-project-brand{height:140px;margin:14px 14px 0;padding:15px 24px}.home-project-brand img{max-height:108px}}
/* Transparent logos sit directly on the project card. */
.home-project-brand{background:transparent;border:0;border-radius:0;margin:10px 20px 0;padding:16px 18px;height:142px;overflow:visible}
.home-project-brand--mc{background:transparent;border:0}
.home-project-brand--pixel img{filter:drop-shadow(0 1px 1px #0003)!important}
@media(max-width:700px){.home-project-brand{margin:8px 20px 0;padding:14px 18px;height:132px}}
.home-project-brand--jfg img{filter:brightness(1.35)!important}
.home-project-brand--pixel img{filter:brightness(1.55)!important}

/* Compact brand signatures alongside project names. */
.home-project-heading{display:flex;align-items:center;gap:18px;margin-bottom:14px;min-height:86px}
.home-project-heading>div:last-child{min-width:0;flex:1}
.home-project-heading .home-project-brand{flex:0 0 76px;width:76px;height:76px;margin:0;padding:0;background:none;border:0}
.home-project-heading .home-project-brand img{max-width:76px;max-height:76px;width:auto;height:auto;object-fit:contain}
.home-project-heading .home-project-brand--jfg img{height:76px}
.home-project-heading .home-project-brand--mc img{width:70px}
.home-project-heading .home-project-brand--pixel img{width:76px}
.home-project-heading .home-work-kicker{margin:0 0 8px;font-size:10px!important;line-height:1.5}
.home-project-heading h3{font-size:28px;margin:0;line-height:1.1}
@media(min-width:701px) and (max-width:1000px){.home-project-heading{gap:12px}.home-project-heading .home-project-brand{flex-basis:55px;width:55px}.home-project-heading .home-project-brand img{max-width:55px}.home-project-heading h3{font-size:24px}}

/* Restored reach chart: content remains visible without JavaScript. */
#social-media-reichweite{background:#252830;padding:clamp(56px,7vw,96px) 0}
#social-media-reichweite .social-reach__panel{background:#f3f1e9;box-shadow:none}
#social-media-reichweite .social-reach__copy h2{font-size:clamp(36px,4.6vw,64px);line-height:1.02}
#social-media-reichweite .social-reach__copy h2 span{color:#796000}
#social-media-reichweite .social-reach__row,#social-media-reichweite .social-reach__label span{opacity:1;transform:none}
#social-media-reichweite .social-reach__track i{transform:scaleX(var(--reach));transition:none}
#social-media-reichweite .social-reach__note{color:#555860;font-size:12px;line-height:1.6}
@keyframes reach-fill{from{transform:scaleX(0)}to{transform:scaleX(var(--reach))}}
@media(prefers-reduced-motion:no-preference){#social-media-reichweite .experience-entered .social-reach__track i{animation:reach-fill .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reach-delay,0s)}}
@media(max-width:760px){#social-media-reichweite .social-reach__panel{width:calc(100% - 32px);padding:26px 22px}#social-media-reichweite .social-reach__note{grid-column:1}}
/* Reach statistics in the site's dark and yellow palette. */
#social-media-reichweite .social-reach__panel{background:radial-gradient(ellipse at top left,#ffda2f0c,transparent 65%),#202329;border-color:#77704a;color:#f7f5ec}
#social-media-reichweite .social-reach__copy .eyebrow{color:#ffda2f}
#social-media-reichweite .social-reach__copy h2 span{color:#ffda2f}
#social-media-reichweite .social-reach__copy>p:last-child{color:#d3d4d7}
#social-media-reichweite .social-reach__track{background:#ffffff16}
#social-media-reichweite .social-reach__label strong small{color:#c8c9ce}
#social-media-reichweite .social-reach__note{color:#bec1c8}
#social-media-reichweite .social-reach__note a{color:#ffda2f}
#social-media-reichweite .social-reach__note a:is(:hover,:focus-visible){color:#fff}
/* One-time reveal with a brief highlight across each completed bar. */
#social-media-reichweite .social-reach__track i{position:relative;overflow:hidden}
@keyframes reach-arrive{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes reach-glint{0%{transform:translateX(-160%);opacity:0}20%{opacity:.85}100%{transform:translateX(450%);opacity:0}}
@keyframes reach-number{from{transform:translateY(5px);color:#ffda2f}to{transform:translateY(0);color:#f7f5ec}}
@media(prefers-reduced-motion:no-preference){
#social-media-reichweite .experience-entered .social-reach__row{animation:reach-arrive .6s ease both;animation-delay:var(--reach-delay)}
#social-media-reichweite .experience-entered .social-reach__track i{animation:reach-fill 1.15s cubic-bezier(.16,.8,.25,1) both;animation-delay:var(--reach-delay)}
#social-media-reichweite .experience-entered .social-reach__track i:after{content:"";position:absolute;inset:0 auto 0 0;width:28%;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:reach-glint .85s ease both;animation-delay:calc(var(--reach-delay) + .85s)}
#social-media-reichweite .experience-entered .social-reach__label span{animation:reach-number .5s ease both;animation-delay:calc(var(--reach-delay) + .6s)}
}