/* Three local services: one width, typography and interaction contract. */
@font-face{font-family:ServiceFA;src:url('fonts/fontawesome7/fa-solid-900.woff2') format('woff2');font-weight:900;font-display:block}
@font-face{font-family:ServiceBrands;src:url('fonts/fontawesome7/fa-brands-400.woff2') format('woff2');font-weight:400;font-display:block}
.svc-page.svc-page .fa-solid{font-family:ServiceFA!important;font-weight:900}.svc-page.svc-page .fa-brands{font-family:ServiceBrands!important;font-weight:400}
.svc-page.svc-page{--service-ink:#101117;--service-panel:#21212d;--service-muted:#c7ced9;font-family:Effra,sans-serif}
.svc-page.svc-page :is(h1,h2,h3,h4){}
.svc-page.svc-page h1{}.svc-page.svc-page h2{}.svc-page.svc-page h3{}.svc-page.svc-page p{font:400 17px/1.6 Effra,sans-serif}.svc-page.svc-page a{text-decoration:none!important}.svc-page a:focus-visible,.svc-page button:focus-visible,.svc-page summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.svc-page .svc-cases,.svc-page .svc-social-offer{background:#101117}.svc-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:42px}.svc-section-heading h2{margin:0}.svc-section-heading p,.svc-intro{color:#c7ced9;max-width:800px}.svc-page .svc-button{}
.svc-page.svc-page .svc-read-more{display:inline-grid;place-items:center;background:none!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:14px!important;font-size:25px!important;border-radius:0!important;min-width:50px;min-height:50px}.svc-trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;font:400 15px Effra,sans-serif;margin:45px 0 0}.svc-trust>a,.svc-trust>span{display:inline-flex;align-items:center;gap:9px;color:inherit}.svc-stars{display:inline-flex;gap:4px;font-size:14px;color:#f4df6b}.svc-page .ws-hero .svc-trust{position:absolute;bottom:45px;left:20px;right:20px;color:#f5f5f2}.svc-page .br-hero .svc-trust{margin:35px 0}.svc-page .br-hero__intro .svc-read-more{margin-top:8px}@keyframes service-reviews{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.svc-page.svc-page .svc-phases{list-style:none;padding:0;margin:40px 0 0;position:relative;--svc-progress:0}.svc-phases::before,.svc-phases::after{content:'';position:absolute;left:31px;top:62px;bottom:62px;width:2px;background:#21212d;transform-origin:top}.svc-phases::after{background:#f5f5f2;transform:scaleY(var(--svc-progress));transition:transform .12s linear}.svc-page.svc-page .svc-phases>li{display:grid;grid-template-columns:64px 1fr;gap:55px;min-height:240px;padding:30px 0;position:relative}.svc-page.svc-page .svc-phases>li::before,.svc-page.svc-page .svc-phases>li::after{display:none!important}.svc-phases>li>span{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#21212d;color:#f5f5f2;border:1px solid #ffffff28;font:900 23px 'Graphik Super',sans-serif}.svc-phases>li.is-current>span{background:#f5f5f2;color:#101117}.svc-phases h3{margin:0 0 16px}.svc-phases p{max-width:740px;color:#c7ced9}
.svc-social-hero{padding-top:180px!important}.svc-social-hero h1{margin:0 0 28px}.svc-social-hero figure{margin:0;align-self:center}.svc-page img{max-width:100%;height:auto}.svc-goals{display:grid;grid-template-columns:1fr 1fr;gap:22px}.svc-goals article{background:#21212d}.svc-service-links article{padding:30px;background:#21212d;border-radius:12px}.svc-goals h3{margin:24px 0 16px}.svc-goals ul{padding:0;list-style:none;font-size:16px;color:#c7ced9}.svc-goals li{padding:5px 0}.svc-goals li:before,.svc-goals li:after{display:none!important}.svc-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#13131c;color:white}.svc-service-links{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.svc-service-links h3{margin:0 0 20px}.svc-page .svc-logos{background:#101117;color:#f5f5f2}.svc-page .svc-logos .copy-muted{color:#c7ced9}.svc-page .svc-logos img{filter:brightness(0) invert(1)}
@media(max-width:1000px){.svc-section-heading{gap:35px}}
@media(max-width:767px){.svc-section-heading,.svc-goals,.svc-service-links{grid-template-columns:1fr;gap:25px}.svc-social-hero{padding-top:140px!important}.svc-trust{font-size:13px;gap:16px}.svc-stars{font-size:12px}.svc-phases::before,.svc-phases::after{left:21px;top:46px;bottom:100px}.svc-page.svc-page .svc-phases>li{grid-template-columns:43px 1fr;gap:22px;min-height:290px}.svc-phases>li>span{width:43px;height:43px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.svc-phases::after{transform:scaleY(1);transition:none}}
.svc-page.svc-page .ws-offer-panel{margin:0;padding:52px 0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:55px;align-items:center}.svc-page.svc-page .ws-offer-panel figure{aspect-ratio:1.2;max-width:100%;margin:0}.svc-page.svc-page .ws-offer-panel h3{}.svc-page.svc-page .ws-offer-panel p{margin-bottom:20px}.svc-technology{display:flex;align-items:center;gap:9px;font:400 15px Effra,sans-serif;color:#c7ced9;margin-top:20px}.svc-technology i{font-size:25px}.svc-page.svc-page .br-hero__grid{max-width:none}.svc-page.svc-page .br-intro__grid{padding-inline:40px}.svc-page .br-offer__layout{width:100%}.svc-page .br-hero h1 span{}.svc-page .br-hero__intro{max-width:540px}
@media(max-width:767px){.svc-page.svc-page .ws-offer-panel{grid-template-columns:1fr;gap:25px;padding:35px 0}.svc-page.svc-page .br-intro__grid{padding-inline:18px}}

/* Ben’s explicit three-service hero labels; no additional headings. */
.svc-page.svc-page .svc-hero-label{font:400 17px/1.4 Effra,sans-serif!important;letter-spacing:0;text-transform:none;margin:0 0 18px;color:inherit;opacity:.8}.svc-page--branding .br-hero__grid>.svc-hero-label{grid-column:1/-1;margin-bottom:-10px}

/* Ben: use the entire container, or equal explicit columns; no narrower copy caps. */
.svc-page.svc-page :is(h1,h2,h3,h4,p,header,.svc-intro,.br-hero__intro,.br-collaboration__story,.br-collaboration__story h2,.br-collaboration__story p,.ws-hero__copy,.ws-hero__copy>p,.ws-care-intro,.ws-offer header p,.ws-offer-note,.ws-service-direction__story p,.ws-service-direction h3,.ws-service-directions__contact p){max-width:none!important}
.svc-page.svc-page :is(.svc-section-heading,.br-hero__grid,.br-intro__grid,.br-offer__layout,.ws-service-direction,.ws-split,.ws-logos .grid-layout){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.svc-page.svc-page .ws-offer header{max-width:none!important;width:100%!important}.svc-page.svc-page .br-collaboration__story{width:100%!important}
@media(max-width:767px){.svc-page.svc-page :is(.svc-section-heading,.br-hero__grid,.br-intro__grid,.br-offer__layout,.ws-service-direction,.ws-split,.ws-logos .grid-layout){grid-template-columns:minmax(0,1fr)!important}}
/* Container is the agreed outer boundary, not an additional reading-width cap. */
/* Long service headings stay inside their column at 320px without shrinking type. */
.svc-page.svc-page :is(h1,h2){min-width:0!important;max-width:100%!important;height:auto!important;overflow:visible!important;overflow-wrap:anywhere;word-break:normal}
.svc-page.svc-page :is(.svc-section-heading,.br-hero__grid) > *{min-width:0}

/* Three dark surfaces only; icons are white on an approved dark circle. */
.svc-page.svc-page :is(.svc-icon,.ws-icon-circle,.br-process-step__icon){background:#13131c!important;color:#fff!important;box-shadow:none!important}
/* FAQ answer breathing room belongs to the animated body, including the final item. */
/* Shared service-section theme changes only surfaces/contrast, never geometry. */
.svc-page .svc-section--dark{--svc-bg:#13131c;--svc-fg:#f5f5f2;--svc-muted:#c7ced9;--svc-panel:#21212d}
.svc-page .svc-section--light{--svc-bg:#f5f5f2;--svc-fg:#101117;--svc-muted:#4e535a;--svc-panel:#fff}
.svc-page.svc-page :is(.svc-section--light,.svc-section--dark){background:var(--svc-bg)!important;color:var(--svc-fg)!important}
.svc-page.svc-page :is(.svc-section--light,.svc-section--dark) :is(.svc-intro,.svc-phases p){color:var(--svc-muted)!important}
.svc-page.svc-page :is(.svc-section--light,.svc-section--dark) :is(details,.svc-phases>li>span){background:var(--svc-panel)!important;color:var(--svc-fg)!important}
.svc-page .svc-section--light .svc-phases::before{background:#e6e6e2}.svc-page .svc-section--light .svc-phases::after{background:#101117}.svc-page .svc-section--light .svc-phases>li.is-current>span{background:#101117!important;color:#fff!important}
/* Service content shares the exact outer container contract, independent of CTA selectors. */
/* Service base remains independent of delegated review components. */
.svc-page.svc-page .svc-section{padding-block:95px!important}
.svc-page.svc-page .svc-section:not(.svc-section--light){background:#13131c!important;color:#f5f5f2!important}
.svc-page.svc-page .svc-section :is(h1,h2,h3){color:inherit!important}
.svc-page.svc-page .svc-social-hero{padding-top:180px!important}
@media(max-width:767px){.svc-page.svc-page .svc-section{padding-block:65px!important}.svc-page.svc-page .svc-social-hero{padding-top:140px!important}}
/* Ben's explicit desktop exception: only supporting service-hero paragraphs. */
.svc-page.svc-page .ws-hero__copy>p:not(.svc-hero-label),.svc-page.svc-page .br-hero__intro>p,.svc-page.svc-page .svc-social-hero .svc-section-heading>div>p:not(.svc-hero-label){width:100%!important;max-width:none!important;margin-inline:auto!important}
@media(min-width:1024px){.svc-page.svc-page .ws-hero__copy>p:not(.svc-hero-label),.svc-page.svc-page .br-hero__intro>p,.svc-page.svc-page .svc-social-hero .svc-section-heading>div>p:not(.svc-hero-label){width:50%!important;margin-inline:auto!important}}
/* Same photo-hero treatment as Websites, with a unique approved source per service. */
.svc-photo-hero{position:relative;isolation:isolate;overflow:hidden;min-height:820px;display:flex;align-items:center;padding:180px 0 155px;background:#101117!important;color:#f5f5f2!important}
.svc-photo-hero__image{position:absolute;inset:0;z-index:-3;width:100%;height:100%!important;object-fit:cover;object-position:50% 42%}
.svc-photo-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101117d9,#101117b8 55%,#101117d9)}
.svc-photo-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101117,transparent 45%,#10111733)}
.svc-page.svc-page .svc-photo-hero h1{color:#f5f5f2!important;text-align:center;margin:0 0 35px}
.svc-photo-hero__copy{text-align:center}.svc-page.svc-page .svc-photo-hero__copy>p:not(.svc-hero-label){font:400 18px/1.6 Effra,sans-serif;color:#f5f5f2!important;margin:0 auto 20px;width:100%;max-width:none}
.svc-photo-hero .svc-trust{position:absolute;bottom:45px;left:18px;right:18px;margin:0}.svc-photo-hero .svc-read-more{margin-top:18px;color:#fff!important}.svc-brand-photo-section{background:#f5f5f2;padding:35px 0 70px}.svc-page--socials .svc-photo-hero__image{object-position:75% 40%}
.svc-technical-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px}.svc-technical-offer{display:grid;margin-top:35px}.svc-technical-offer article{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:35px 0}.svc-technical-offer article>div:first-child{display:flex;align-items:flex-start;gap:22px}.svc-technical-offer h3{margin:8px 0 0}.svc-technical-offer ul{list-style:none;padding:0;margin:20px 0;color:#c7ced9;font:400 16px/1.5 Effra,sans-serif}.svc-technical-offer li{padding:5px 0}.svc-technical-offer li::before,.svc-technical-offer li::after{display:none!important}.svc-technical-links{display:flex;flex-wrap:wrap;gap:16px}
@media(min-width:1024px){.svc-page.svc-page .svc-photo-hero__copy>p:not(.svc-hero-label){width:50%!important}}
@media(max-width:767px){.svc-photo-hero{min-height:900px;padding:140px 0 180px}.svc-photo-hero .svc-trust{bottom:35px}.svc-page.svc-page .svc-photo-hero__copy>p:not(.svc-hero-label){font-size:17px;width:100%!important}.svc-technical-summary,.svc-technical-offer article{grid-template-columns:1fr;gap:25px}.svc-technical-offer article{padding:30px 0}.svc-brand-photo-section{padding:20px 0 55px}}
.svc-page.svc-page .svc-photo-hero .br-own-word{color:#f5f5f2!important}

/* Vier altijd zichtbare processtappen; verbinding eindigt op laatste marker. */
.svc-process .svc-phases::before,.svc-process .svc-phases::after{display:none}
.svc-page.svc-page .svc-process .svc-phases>li{display:grid;min-height:180px;position:relative}
.svc-page.svc-page .svc-process .svc-phases>li:not(:last-child)::after{display:block!important;content:'';position:absolute;left:31px;top:62px;bottom:-62px;width:2px;background:#21212d;z-index:0}
.svc-process .svc-phases>li>span,.svc-process .svc-phases>li>div{position:relative;z-index:1}
@media(max-width:767px){.svc-page.svc-page .svc-process .svc-phases>li:not(:last-child)::after{left:21px;top:51px;bottom:-51px}}

/* Volle sitebreedte voor label en titel; alleen begeleidende alinea’s zijn smaller. */
.svc-page.svc-page .svc-photo-hero__copy{width:100%!important;max-width:1280px!important;box-sizing:border-box;margin-inline:auto;display:block}
.svc-page.svc-page .svc-photo-hero__copy>h1,.svc-page.svc-page .svc-photo-hero__copy>.svc-hero-label{width:100%!important;max-width:none!important;min-width:0}

/* Eén verwante-dienstenblok: twee viewporthelften, geen kaartcontainer. */
.svc-cross-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;background:#13131c;color:#f5f5f2}
.svc-cross-services__half{min-width:0;padding:75px max(40px,calc((100vw - 1200px)/4));background:#13131c}
.svc-cross-services__half:nth-child(2){background:#21212d}
.svc-page.svc-page .svc-cross-services__content :is(h2,p,li){color:#f5f5f2!important;max-width:none}
.svc-cross-services__content ul{padding-left:20px;margin:24px 0 30px}
.svc-cross-services__half>img{display:block;width:100%;height:270px;object-fit:cover;object-position:center;margin-top:35px}
@media(max-width:767px){.svc-cross-services{grid-template-columns:1fr}.svc-cross-services__half{padding:50px 18px}.svc-cross-services__half>img{height:230px}}

.svc-page.svc-page .svc-process .svc-phases h3{min-width:0;overflow-wrap:anywhere;max-width:100%!important}
.svc-page.svc-page .svc-process .svc-phases>li>div{min-width:0}

/* Shared local cycle variant: one caller-owned four-step narrative. */
.wab-cycle{padding:80px 0;background:#f5f5f2;color:#101117}.wab-cycle--dark{background:#13131c;color:#fff}.wab-cycle h2{margin-bottom:30px}.wab-cycle__diagram{position:relative;margin-top:48px}.wab-cycle__diagram:before{content:"";position:absolute;inset:40px 12%;border:1px solid #0056dc55;border-radius:50%;pointer-events:none}.wab-cycle__list{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px 120px;list-style:none!important;margin:0!important;padding:0!important}.wab-cycle__step{position:relative;min-width:0;background:#f5f5f2;padding:22px 0 0!important;margin:0!important}.wab-cycle--dark .wab-cycle__step{background:#13131c}.wab-cycle__step:before,.wab-cycle__step:after{display:none!important}.wab-cycle__step:nth-child(3){grid-column:2;grid-row:2}.wab-cycle__step:nth-child(4){grid-column:1;grid-row:2}.wab-cycle__point{display:grid;place-items:center;width:40px;height:40px;background:#0056dc;color:#fff;border-radius:50%;margin-bottom:20px;font:700 18px/1 Effra,sans-serif}.wab-cycle__step h3{margin-bottom:16px}.wab-cycle__step p{margin:0 0 18px}.wab-cycle__outcomes{display:flex;flex-wrap:wrap;gap:8px;list-style:none!important;padding:0!important;margin:0!important}.wab-cycle__outcomes li{padding:6px 14px!important;margin:0!important;border:1px solid #10111722;border-radius:999px;font:400 14px/1.3 Effra,sans-serif}.wab-cycle__outcomes li:before,.wab-cycle__outcomes li:after{display:none!important}.wab-cycle__return{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#0056dc;font:400 48px/1 Effra,sans-serif}.wab-cycle--dark .wab-cycle__outcomes li{border-color:#ffffff40}
@media(max-width:767px){.wab-cycle{padding-block:55px}.wab-cycle__diagram{margin-top:32px}.wab-cycle__diagram:before{inset:20px auto 20px 19px;border:0;border-left:1px solid #0056dc55;border-radius:0}.wab-cycle__list{grid-template-columns:minmax(0,1fr);gap:32px}.wab-cycle__step{padding:0 0 0 60px!important}.wab-cycle__point{position:absolute;left:0;top:0}.wab-cycle__step:nth-child(3),.wab-cycle__step:nth-child(4){grid-column:auto;grid-row:auto}.wab-cycle__return{display:none}}

/* Round cycle refinement: four panels at cardinal positions over a true circular path. */
@media(min-width:1001px){
.wab-cycle__diagram{min-height:1360px}
.wab-cycle__diagram:before{display:none}
.wab-cycle__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:auto;aspect-ratio:1;color:#0056dc80;pointer-events:none}
.wab-cycle__list{display:block;position:relative;min-height:1360px}
.wab-cycle__list>.wab-cycle__step{position:absolute;width:39%;box-sizing:border-box;padding:26px!important;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgb(16 17 23 / .045)}
.wab-cycle__list>.wab-cycle__step:nth-child(1){left:30.5%;top:0}
.wab-cycle__list>.wab-cycle__step:nth-child(2){right:0;top:38%}
.wab-cycle__list>.wab-cycle__step:nth-child(3){left:30.5%;bottom:0}
.wab-cycle__list>.wab-cycle__step:nth-child(4){left:0;top:38%}
.wab-cycle__point{margin-bottom:16px}
.wab-cycle__return{font-size:40px}
}
.wab-cycle__ring{pointer-events:none}
@media(max-width:1000px){
.wab-cycle__ring{display:none}.wab-cycle__diagram{min-height:0}.wab-cycle__diagram:before{inset:20px auto 20px 19px;border:0;border-left:1px solid #0056dc55;border-radius:0}
.wab-cycle__list{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}
.wab-cycle__list>.wab-cycle__step{position:relative;width:auto;top:auto;left:auto;right:auto;bottom:auto;padding:0 0 0 60px!important;background:transparent}
.wab-cycle__point{position:absolute;left:0;top:0}
.wab-cycle__list>.wab-cycle__step:nth-child(3),.wab-cycle__list>.wab-cycle__step:nth-child(4){grid-column:auto;grid-row:auto}
.wab-cycle__return{display:none}
}

/* Concentric orbit language replaces directional decoration; outcomes read as useful sentences. */
.wab-cycle__return{font:900 clamp(25px,3vw,38px)/1.15 WABSanukBlack,Effra,sans-serif;text-align:center;color:#101117;letter-spacing:-.025em}
.wab-cycle__result{font:400 16px/1.45 Effra,sans-serif;color:#46525f;padding-top:14px;margin-bottom:0!important}
.wab-cycle__result strong{color:#0056dc}

.wab-cycle__result>.fa-check{color:#0056dc;margin-right:8px}
.wab-photo-section--plain.br-collaboration{padding:0;background:none;overflow:hidden}
.wab-photo-section--plain .br-collaboration__scene{position:relative;display:block;height:auto;min-height:0;padding:0;isolation:auto}
.wab-photo-section--plain .br-collaboration__scene:after{display:none!important}
.wab-photo-section--plain .br-collaboration__background{position:static!important;display:block;width:100%;height:auto;max-height:650px;object-fit:cover;opacity:1!important;transform:none}
@media(min-width:1001px){.wab-cycle__ring{transform:translate(-50%,-50%) rotate(-20deg)}.wab-cycle__list>.wab-cycle__step:nth-child(1){left:17%;right:auto;top:0;bottom:auto}.wab-cycle__list>.wab-cycle__step:nth-child(2){left:auto;right:0;top:28%;bottom:auto}.wab-cycle__list>.wab-cycle__step:nth-child(3){left:44%;right:auto;top:auto;bottom:35px}.wab-cycle__list>.wab-cycle__step:nth-child(4){left:0;right:auto;top:55%;bottom:auto}}

/* Compact equal-radius positions; card text remains upright. */
@media(min-width:1001px){
.wab-cycle__diagram{width:min(100%,1100px);min-height:1100px;margin:40px auto 0}
.wab-cycle__list{min-height:1100px}
.wab-cycle__ring{width:84%;top:50%;left:50%}
.wab-cycle__list>.wab-cycle__step{width:40%;transform:translate(-50%,-50%)}
.wab-cycle__list>.wab-cycle__step:nth-child(1){left:32%;top:22%;right:auto;bottom:auto}
.wab-cycle__list>.wab-cycle__step:nth-child(2){left:78%;top:32%;right:auto;bottom:auto}
.wab-cycle__list>.wab-cycle__step:nth-child(3){left:68%;top:78%;right:auto;bottom:auto}
.wab-cycle__list>.wab-cycle__step:nth-child(4){left:22%;top:68%;right:auto;bottom:auto}
}

/* New service photography: keep one face intact in narrow portrait crops. */
@media(max-width:767px){
body.wab-local-ui-contract .svc-page--branding .svc-photo-hero__image{object-position:25% 42%}
body.wab-local-ui-contract .svc-page--websites .svc-photo-hero__image{object-position:64% 42%}
body.wab-local-ui-contract .svc-page--socials .svc-photo-hero__image{object-position:30% 40%}
body.wab-local-ui-contract .svc-page--systemen .svc-photo-hero__image{object-position:78% 42%}
}

/* Narrow screens retain both people in a landscape band; text continues on dark ink. */
@media(max-width:767px){
body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero{min-height:0!important;padding:220px 0 54px!important;align-items:start}
body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero__image{inset:0 0 auto!important;width:100%!important;height:auto!important;aspect-ratio:1672/941;object-fit:cover!important;object-position:50% 42%!important}
body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero:before{background:linear-gradient(180deg,#10111755 0,#10111722 100px,#101117 230px)!important}
body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero:after{background:none!important}
}

@media(max-width:767px){body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero{--svc-photo-top:90px;padding-top:calc(var(--svc-photo-top) + 100vw * 941 / 1672 + 24px)!important}body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero__image{top:var(--svc-photo-top)!important}body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero:before{background:linear-gradient(180deg,#101117 0,var(--svc-photo-top),#10111722 calc(var(--svc-photo-top) + 60px),#101117 calc(var(--svc-photo-top) + 100vw * 941 / 1672 + 8px))!important}}
@media(max-width:485px){body.wab-local-ui-contract :is(.svc-page--websites,.svc-page--branding,.svc-page--systemen) .svc-photo-hero{--svc-photo-top:134px}}

/* Desktop face-safe area: retain the photo, centered copy and existing mobile separation. */
@media(min-width:768px){body.wab-local-ui-contract .svc-page--websites .svc-photo-hero{padding-top:420px!important;min-height:900px!important;align-items:start!important}body.wab-local-ui-contract .svc-page--websites .svc-photo-hero__image{object-position:50% 20%!important}body.wab-local-ui-contract .svc-page--websites .svc-photo-hero:before{background:linear-gradient(180deg,#10111744 0,#10111755 300px,#101117d9 440px,#101117ed 100%)!important}}