/* Mobile composition from Website-5. Desktop styles remain untouched. */
.mobile-brand,.mobile-page-title,[data-mhero]{display:none!important}
@media(max-width:760px){
 html body [data-ld-app]>header[data-hero-clear]{height:60px!important;margin-bottom:0!important;border-bottom:1px solid var(--primary-500)!important;backdrop-filter:blur(20px);z-index:80}
 html body [data-ld-app]>header>div{height:60px!important;padding:8px 20px!important;gap:16px!important;max-width:none}
 html body [data-ld-app]>header>div>button:not(.mobile-brand):not(.menu-toggle){display:none!important}
 .mobile-brand{display:grid!important;place-items:center;flex:none;border:0;background:none;padding:0;width:28px;height:44px;cursor:pointer}
 .mobile-brand img{height:36px;width:auto;max-width:none}
 .mobile-page-title{display:block!important;flex:1;min-width:0;font-family:Archivo,Helvetica,sans-serif;font-size:24px;font-weight:600;line-height:1.16;letter-spacing:-.03em;color:var(--text-strong)}
 html body [data-ld-app] .menu-toggle{display:grid;place-items:center;flex:none;order:5;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent;color:var(--text-strong);z-index:3}
 .menu-cross{display:none}
 html body [data-ld-app]>header>div>div:last-child{display:none!important}
 html body [data-ld-app]>header[data-menu-open="true"]{position:fixed!important;inset:0;height:100dvh!important;overflow-y:auto;border:0!important;background:var(--surface-card)!important}
 html body [data-ld-app]>header[data-menu-open="true"]>div{height:100%!important;min-height:520px;display:block!important;padding:8px 20px 32px!important}
 header[data-menu-open="true"] .mobile-brand{position:absolute;left:20px;top:8px}
 header[data-menu-open="true"] .mobile-page-title{display:none!important}
 header[data-menu-open="true"] .menu-toggle{position:absolute;top:8px;right:20px}
 header[data-menu-open="true"] .menu-bars{display:none}
 header[data-menu-open="true"] .menu-cross{display:block}
 html body [data-ld-app] header[data-menu-open="true"] nav{display:flex!important;position:absolute;top:60px;bottom:170px;left:12px;right:12px;height:auto!important;justify-content:center;align-items:stretch;gap:4px!important;padding:16px 0 0!important;box-shadow:none;background:transparent}
 html body [data-ld-app] header[data-menu-open="true"] nav button{display:flex!important;justify-content:center;min-height:60px;font-family:Archivo,Helvetica,sans-serif;font-size:24px!important;font-weight:600;letter-spacing:-.018em;border:0;background:transparent;color:var(--text-strong);cursor:pointer}
 html body [data-ld-app] header[data-menu-open="true"] nav button:has(>span[aria-hidden]){color:var(--primary-600)!important}
 header[data-menu-open="true"] nav button>span[aria-hidden]{display:none}
 html body [data-ld-app]>header[data-menu-open="true"]>div>div:last-child{display:contents!important}
 html body [data-ld-app] header[data-menu-open="true"] [data-hdr-langgroup]{position:absolute;left:64px;top:8px;margin:0!important;height:40px;border:0;border-radius:11px;background:var(--surface-active);display:flex!important}
 html body [data-ld-app] header[data-menu-open="true"] [data-hdr-cta], html body [data-ld-app] header[data-menu-open="true"] [data-hdr-join]{display:flex!important;position:absolute;left:20px;right:20px;width:calc(100% - 40px);height:56px!important;min-height:56px!important;justify-content:center;font-size:17px!important}
 header[data-menu-open="true"] [data-hdr-cta]{bottom:98px}
 header[data-menu-open="true"] [data-hdr-join]{bottom:32px}
 html:has(header[data-menu-open="true"]){overflow:hidden}
 html body [data-ld-app] [data-home-hero]{display:flex!important;flex-direction:column;min-height:0!important;border:0!important}
 [data-home-hero]>[data-hero-b-img],[data-home-hero]>[data-hero-b-diag],[data-home-hero]>[data-hero-b-dithwrap],[data-home-hero]>[data-hero-b-grid],[data-home-hero]>[data-hero-line]{display:none!important}
 html body [data-ld-app] [data-hero-b-txt]{order:0;padding:26px 20px 18px!important;display:block!important}
 [data-hero-b-txt]>div,[data-hero-b-txt]>div>div{max-width:none!important;gap:14px!important}
 [data-hero-b-txt] img[data-logo]{display:none!important}
 [data-hero-b-txt]>div>div>div{gap:14px!important}
 html body [data-ld-app] [data-hero-b-txt] h1{font-size:40px!important;line-height:1.02!important;padding-right:8px}
 [data-hero-b-txt] h1>span{white-space:normal!important}
 [data-hero-b-txt] p{font-size:21px!important;line-height:1.26!important}
 html body [data-ld-app] [data-mhero]{display:block!important;order:1;flex:none;height:284px!important;margin:10px 0 0!important;clip-path:none!important;border-radius:5px 5px 5px 40px!important}
 #what-value-looks-like>div{padding:26px 20px 24px!important}
 #what-value-looks-like>div>div:first-child{gap:12px!important;margin-bottom:18px!important;max-width:none!important}
 #what-value-looks-like h2{font-size:28px!important;line-height:1.1!important}
 html body [data-ld-app] [data-value-journey]{display:flex!important;flex-direction:column;gap:24px!important;padding-left:30px}
 [data-value-journey]::before{content:'';position:absolute;left:4px;top:8px;bottom:0;width:1px;background:linear-gradient(var(--border-subtle) 78%,transparent)}
 html body [data-ld-app] [data-value-journey]>div:not([aria-hidden]){padding:0!important;gap:8px!important;width:100%}
 [data-value-journey]>div:not([aria-hidden])::before{content:'';position:absolute;left:-26px;top:13px;width:18px;height:3px;background:var(--primary-500)}
 [data-value-journey] [data-vnum]{display:none!important}
 [data-value-journey] h3{font-size:22px!important;line-height:1.14!important}
 [data-value-journey] p{font-size:20px!important;line-height:1.5!important}
 html body [data-ld-app] [data-cta-diag]{min-height:130px!important;padding:18px!important;gap:14px!important}
 html body [data-ld-app] [data-cta-diag]>span:nth-child(2)>span:first-child{font-size:24px!important;line-height:1.08!important}
 html body [data-ld-app] [data-diag-edge]{padding:16px!important;gap:6px!important}
 html body [data-ld-app] [data-diag-edge]>span:nth-child(2)>span:first-child{font-size:22px!important;line-height:1.12!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1){min-height:0!important;max-height:none!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div:not([aria-hidden]){padding:26px 20px 24px!important;gap:14px!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1) h1{font-size:32px!important;line-height:1.04!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1) p{font-size:20px!important;line-height:1.55!important}
 /* The mobile intro uses one quiet vertical rule and a short accent. */
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div[aria-hidden]:not([data-hero-line]){display:block!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div[aria-hidden]:not([data-hero-line])>span{display:none!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div[aria-hidden]:not([data-hero-line])>span:first-child{display:block!important;width:44%!important;height:100%!important;border-radius:0 0 60px 0!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div[aria-hidden]:not([data-hero-line])::after{content:'';position:absolute;left:44%;top:0;bottom:0;width:1px;background:var(--border-subtle)}
 html body [data-ld-app] section:not([data-home-hero]):has(h1)>div[aria-hidden]:not([data-hero-line])::before{content:'';position:absolute;left:calc(44% - 12px);bottom:0;width:24px;height:3px;background:var(--primary-500);z-index:1}
 html body [data-ld-app] section:not([data-home-hero]):has(h1) [style*="grid-template-columns"]{gap:14px!important}
 html body [data-ld-app] section:not([data-home-hero]):has(h1) [style*="margin-top"]:has(>[data-diag-edge]){margin-top:24px!important}
 [data-diag-edge]~span,html body [data-ld-app] section:has(h1) div:has(>[data-diag-edge])>span{display:none!important}
 html body [data-ld-app] footer{padding:32px 0 28px!important}
 html body [data-ld-app] footer>div{padding:0 20px!important;gap:28px!important}
 html body [data-ld-app] footer img[data-logo]{width:140px!important;height:auto!important}
 html body [data-ld-app] footer p{font-size:20px!important;line-height:1.55!important}
 html body [data-ld-app] footer [data-appearance-control]{width:100%;display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important}
 html body [data-ld-app] footer [data-appear-group]{display:flex;width:100%}
 html body [data-ld-app] footer [data-appear]{flex:1;min-height:44px;font-size:16px!important}
 html body [data-ld-app] [data-page="careers"]{min-width:0}
 html body [data-ld-app][data-page="careers"] section:has(h1)>div:not([aria-hidden]),html body [data-ld-app][data-page="contact"] section:has(h1)>div:not([aria-hidden]){display:flex!important;flex-direction:column!important;padding:0 0 16px!important}
 html body [data-ld-app][data-page="careers"] section:has(h1) [data-photo-fade],html body [data-ld-app][data-page="contact"] section:has(h1) [data-photo-fade]{order:-1;min-height:200px!important;height:200px;width:100%;border-radius:5px 5px 5px 40px!important}
 html body [data-ld-app][data-page="careers"] section:has(h1)>div>div:not([data-photo-fade]),html body [data-ld-app][data-page="contact"] section:has(h1)>div>div:not([data-photo-fade]){padding:4px 20px 0!important;gap:14px!important}
 #who-thrives>div{padding:20px!important;gap:24px!important}
 #who-thrives h3{font-size:22px!important}
 #who-thrives p{font-size:20px!important}
 html body [data-ld-app] section:has(.contact-form)>div{padding-top:24px!important;padding-bottom:32px!important}
 html body [data-ld-app] section:has(.contact-form) [data-photo-fade]{min-height:240px!important}
 html body [data-ld-app] [data-comment-anchor="c39c45d805-div"]{padding-top:22px!important;padding-bottom:28px!important}
}
@media(max-width:760px){
 html:has(header[data-menu-open="true"]) .access-launcher{display:none!important}
 [data-ld-app]:has(>header[data-menu-open="true"])::before{content:'';display:block;height:60px}
}
@media(max-width:760px){
 html body [data-ld-app] .mobile-accordion{padding:8px 0!important;background:var(--surface-card)}
 html body [data-ld-app] .mobile-accordion button{scroll-margin-top:76px}
 html body [data-ld-app] #delivery-approach,html body [data-ld-app] #create-value{scroll-margin-top:76px;background:var(--surface-card)!important}
 html body [data-ld-app] section[data-diag="band"]{min-height:0!important;margin:24px 12px;border-radius:20px 5px;overflow:hidden}
 html body [data-ld-app] section[data-diag="band"]>div{padding:20px!important;gap:12px!important}
 html body [data-ld-app] section[data-diag="band"] h2{font-size:24px!important}
 html body [data-ld-app] section[data-diag="band"] p{font-size:20px!important}
 html body [data-ld-app] #case-catalogue>div{padding:16px 20px 32px!important}
 html body [data-ld-app] #open-positions>div{padding:24px 20px!important}
 html body [data-ld-app] #open-positions h3{font-size:22px!important}
 html body [data-ld-app] [data-page="detail"] h1{font-size:30px!important}
}
@media(max-width:760px){
 html body [data-ld-app][data-page="careers"] section:has(h1),html body [data-ld-app][data-page="contact"] section:has(h1){display:flex!important;flex-direction:column!important}
 html body [data-ld-app][data-page="careers"] section:has(h1)>[data-hero-line],html body [data-ld-app][data-page="contact"] section:has(h1)>[data-hero-line]{display:none!important}
 html body [data-ld-app][data-page="careers"] section:has(h1) img[data-logo]{display:none!important}
 html body [data-ld-app][data-page="careers"] section:has(h1) [data-photo-fade],html body [data-ld-app][data-page="contact"] section:has(h1) [data-photo-fade]{padding:0!important;clip-path:none!important;flex:none;margin-bottom:12px}
 html body [data-ld-app][data-page="careers"] section:has(h1) [data-photo-fade]::before{content:'';display:block;position:absolute;left:26%;width:1px;top:0;bottom:0;background:rgba(12,38,41,.32);z-index:1}
 html body [data-ld-app][data-page="contact"] section:has(h1) [data-photo-fade]::before{display:none!important}
 html body [data-ld-app] [data-case-filters]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important;gap:0!important;overflow:visible!important}
 html body [data-ld-app] [data-case-filters]>button{height:auto!important;min-height:56px!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important;text-align:left!important;padding:10px 14px!important;border-right:1px solid var(--border-subtle)!important;border-bottom:1px solid var(--border-subtle)!important;overflow-wrap:anywhere}
 html body [data-ld-app] [data-case-filters]>button:first-child{grid-column:1 / -1!important}
 html body [data-ld-app] #case-catalogue>div:has([data-case-filters]),html body [data-ld-app] #case-catalogue>div:has([data-case-filters])>div{padding:0!important}
 /* Match the 60px mobile header instead of the 96px desktop offset. */
 html body [data-ld-app] #case-catalogue>div:has([data-case-filters]){top:60px!important}
 html body [data-ld-app] #case-catalogue h3{font-size:22px!important;line-height:1.24!important}
 html body [data-ld-app] #case-catalogue p{font-size:17px!important;line-height:1.5!important}
 html body [data-ld-app][data-page="careers"] section:has(h1) h1{font-size:30px!important;line-height:1.12!important}
 html body [data-ld-app][data-page="contact"] section:has(h1) h1{font-size:28px!important;line-height:1.16!important}
}

@media(max-width:760px){html body [data-ld-app] [data-diag~='contact-photo']{margin-top:0!important}}
/* Final mobile CTA cards and client grid from the reference composition. */
@media(max-width:760px){
 html body [data-ld-app][data-page="home"] [data-cta-diag]{height:auto!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)!important}
 html body [data-ld-app][data-page="home"] [data-cta-diag]>span:nth-child(2){min-height:0!important;align-items:center!important;width:100%}
 html body [data-ld-app] [data-comment-anchor="c39c45d805-div"]>[style*="grid-template-columns"]:not([data-hero-b]):not([data-stage-grid]){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 16px!important;margin-top:32px!important}
 html body [data-ld-app] [data-comment-anchor="c39c45d805-div"]>[style*="grid-template-columns"]>div{width:100%!important;min-width:0;height:72px!important}
 html body [data-ld-app] [data-comment-anchor="c39c45d805-div"]>[style*="grid-template-columns"] img{max-width:min(100%,64px)!important;max-height:64px!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"]{background:var(--surface-sunken)!important;border-radius:20px 5px 20px 5px!important;corner-shape:bevel round bevel round;clip-path:none!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"]::before{display:none!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"] [data-band-line]{display:none!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"]>div{align-items:stretch!important;text-align:left!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"] h2{font-size:22px!important;line-height:1.24!important;letter-spacing:-.018em!important;color:var(--text-strong)!important;max-width:none!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"] p{color:var(--text-body)!important;line-height:1.55!important;max-width:none!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"] button{width:100%!important;min-height:44px!important;height:auto!important;padding:12px 16px!important;background:var(--primary-500)!important;border-color:var(--primary-500)!important;color:var(--text-inverse)!important}
 html body [data-ld-app]:is([data-page="competencies"],[data-page="cases"]) section[data-diag="band"] button:hover{background:var(--primary-600)!important}
}
/* German compound words must fit narrow case-study detail views. */
@media(max-width:760px){
 html[lang="de"] [data-ld-app][data-page="detail"]{overflow-wrap:anywhere;hyphens:auto}
}
/* Compact mobile footer rhythm; appearance precedes the legal links. */
@media(max-width:760px){
 html body [data-ld-app] footer [data-cols="4"]{gap:32px!important;padding-bottom:32px!important}
 html body [data-ld-app] footer>div>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px!important;border-top:0!important;padding:0 0 64px!important;align-items:center!important}
 html body [data-ld-app] footer [data-appearance-control]{grid-column:1 / -1;grid-row:1;position:static!important;transform:none!important;margin:0 0 8px!important;padding-bottom:28px;border-bottom:1px solid var(--border-subtle)}
 html body [data-ld-app] footer>div>div:last-child>[data-consent-open]{grid-column:1 / -1;justify-self:start;text-align:left;min-height:32px}
 html body [data-ld-app] footer>div>div:last-child>span{grid-column:1 / -1;margin-left:0!important}
}
/* Let the surrounding section show through the blue bands' cut corners. */
@media(max-width:760px){
 html body [data-ld-app]:not([data-page="competencies"]):not([data-page="cases"]) section[data-diag="band"]{background:transparent!important}
 html body [data-ld-app][data-page="detail"] section[data-diag="band"]+section>div{padding-top:24px!important;padding-bottom:32px!important;gap:24px!important}
}
@media(max-width:760px){
 /* Careers used a painted corner; cut the whole card to reveal its real backdrop. */
 html body [data-ld-app][data-page="careers"] section[data-diag="band"]{clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
 html body [data-ld-app][data-page="careers"] section[data-diag="band"]>span[aria-hidden="true"]{display:none!important}
}