/* Matching editorial openings for the main public overviews. */
body:has(.site-header25){--sas-banner-height:320px}
body:has(.site-header25) .t4x.home28>section.home-opening-scene{--sas-banner-height:440px}
/* Stable overview openings; article bodies and tool panels are not banners. */
body:has(.site-header25) main :is(.pf-hero,.branch-banner,.cases-intro,.px-intro),
body:has(.site-header25) .jx-page>:is(.jx-intro,.ce-intro),
body:has(.site-header25) .scenario-overview-banner>.jx-intro,
body:has(.site-header25) .ce-page>.ce-intro,
body:has(.site-header25) main.site-page>.site-intro,
body:has(.site-header25) .t4x.home28>section.home-opening-scene{
 height:auto!important;min-height:var(--sas-banner-height)!important;box-sizing:border-box;display:flex;align-items:center;padding-block:28px!important
}
body:has(.site-header25) main :is(.pf-hero,.branch-banner,.cases-intro,.px-intro) h1,
body:has(.site-header25) .jx-page>:is(.jx-intro,.ce-intro) h1,
body:has(.site-header25) .scenario-overview-banner>.jx-intro h1,
body:has(.site-header25) .ce-page>.ce-intro h1{font-size:36px!important;line-height:1.2!important}
body:has(.site-header25) main :is(.pf-hero,.branch-banner,.cases-intro,.px-intro) :is(.pf-lead,.ce-lead,.site-hero-copy>p),
body:has(.site-header25) .jx-page>:is(.jx-intro,.ce-intro) :is(.ce-lead,p:not(.ce-kicker)),
body:has(.site-header25) .scenario-overview-banner>.jx-intro .ce-lead,
body:has(.site-header25) .ce-page>.ce-intro .ce-lead{font-size:15px!important;line-height:1.7!important}
body:has(.site-header25) .px-intro .px-promise{font-size:20px!important;line-height:1.4!important;margin-block:12px!important}
body:has(.site-header25) .home-opening-scene .home-opening-layout{min-height:0!important;height:100%;padding-block:0!important}
body:has(.site-header25) .t4x.home28>section.home-opening-scene{height:440px!important}
body:has(.site-header25) .regie-hero{min-height:var(--sas-banner-height);padding-block:21px}
/* These intros contain the text directly, rather than a single inner shell. */
body:has(.site-header25) .jx-page>.jx-intro,
body:has(.site-header25) .scenario-overview-banner>.jx-intro,
body:has(.site-header25) main.cases-page>.cases-intro,
body:has(.site-header25) main.site-page>.site-intro{flex-direction:column;align-items:flex-start;justify-content:center}
body:has(.site-header25) :is(.jx-page>.jx-intro,main.cases-page>.cases-intro,main.site-page>.site-intro)>*{flex-shrink:0;min-width:0}
body:has(.site-header25) main :is(.tx-intro,.cc-intro){height:auto!important;min-height:var(--sas-banner-height)!important;display:flex;align-items:center;box-sizing:border-box;padding-block:28px!important}
body:has(.site-header25) .cc-intro-inner{padding-block:0!important}
body:has(.site-header25) main :is(.tx-intro,.cc-intro) h1{font-size:36px!important;line-height:1.2!important}
@media(max-width:760px){
 body:has(.site-header25) main :is(.pf-hero,.branch-banner,.cases-intro,.px-intro),body:has(.site-header25) .jx-page>:is(.jx-intro,.ce-intro),body:has(.site-header25) .ce-page>.ce-intro,body:has(.site-header25) main.site-page>.site-intro,body:has(.site-header25) .t4x.home28>section.home-opening-scene{height:auto!important;min-height:320px!important}
 body:has(.site-header25) main :is(.pf-hero,.branch-banner,.cases-intro,.px-intro) h1,body:has(.site-header25) .jx-page>:is(.jx-intro,.ce-intro) h1,body:has(.site-header25) .ce-page>.ce-intro h1{font-size:28px!important}
 body:has(.site-header25) .home-opening-scene .home-opening-layout{height:auto;padding-block:24px!important}
 body:has(.site-header25) main :is(.tx-intro,.cc-intro){height:auto!important;min-height:320px!important}
 body:has(.site-header25) main :is(.tx-intro,.cc-intro) h1{font-size:28px!important}
}
@media(min-width:761px) and (max-width:850px){body:has(.site-header25) .cc-intro-inner{grid-template-columns:minmax(0,1.5fr) minmax(180px,.65fr);gap:24px}body:has(.site-header25) .cc-intro-visual{border-top:0;padding-top:0}}
main.platform-page:has(#platformkracht) .pf-hero{--main-hero:url('/sas-portal/assets/media/main-heroes/platform.jpg')}
main.platform-page--features .pf-hero{--main-hero:url('/sas-portal/assets/media/main-heroes/features.jpg')}
main.platform-page:has(.pf-nav a[href*="platform-development.php"][aria-current]) .pf-hero{--main-hero:url('/sas-portal/assets/media/main-heroes/development.jpg')}
main.platform-page:has(.pf-nav a[href*="pricing.php"][aria-current]) .pf-hero{--main-hero:url('/sas-portal/assets/media/main-heroes/pricing.jpg')}
.jx-page:has(.ce-discovery)>.jx-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/solutions.jpg')}
.jx-page:has(.ix-catalog)>.ce-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/integrations.jpg')}
.ce-page:has(.px-nav) .px-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/partners.jpg')}
main.cases-page:has(.cases-library)>.cases-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/stories.jpg')}
.ce-page:has(.rx-agenda)>.ce-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/events.jpg')}
.ce-page:has(.ce-trust-hero)>.ce-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/trust.jpg')}
.ce-page:has(.ce-brand-intro)>.ce-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/scope.jpg')}
main.site-page:has(.site-branch-grid)>.site-intro{--main-hero:url('/sas-portal/assets/media/main-heroes/branches.jpg')}
.branch-banner-gemeenten{--branch-banner:url('/sas-portal/assets/media/theme4/sector-overheid-v121.png')}
.branch-banner-zorg{--branch-banner:url('/sas-portal/assets/media/theme4/sector-zorg-v121.png')}
.branch-banner-onderwijs{--branch-banner:url('/sas-portal/assets/media/theme4/sector-onderwijs-v121.png')}
.branch-banner-msp{--branch-banner:url('/sas-portal/assets/media/theme4/sector-msp-v121.png')}
body:has(.site-header25) main.site-page>.branch-banner{display:flex;align-items:center;box-sizing:border-box;width:100%;max-width:none;min-height:400px;margin:0;padding:50px max(24px,calc((100% - 1200px)/2));background-image:linear-gradient(90deg,rgba(244,250,250,.99) 0%,rgba(244,250,250,.96) 36%,rgba(244,250,250,.73) 55%,rgba(244,250,250,.06) 100%),var(--branch-banner);background-color:#e9f4f6;background-size:cover;background-position:center;border-bottom:1px solid #cbdfe5}
body:has(.site-header25) main.site-page>.branch-banner .site-hero-copy{max-width:620px;padding:0}
body:has(.site-header25) main.site-page>.branch-banner .site-hero-copy h1{max-width:600px}
body:has(.site-header25) main.site-page>.branch-banner .site-hero-copy p{max-width:580px}
body:has(.site-header25) main.site-page>.branch-banner .site-hero-media{display:none}

body:has(.site-header25) :is(
 main.platform-page:has(#platformkracht) .pf-hero,
 main.platform-page--features .pf-hero,
 main.platform-page:has(.pf-nav a[href*="platform-development.php"][aria-current]) .pf-hero,
 main.platform-page:has(.pf-nav a[href*="pricing.php"][aria-current]) .pf-hero,
 .jx-page:has(.ce-discovery)>.jx-intro,
 .jx-page:has(.ix-catalog)>.ce-intro,
 .ce-page:has(.px-nav) .px-intro,
 main.cases-page:has(.cases-library)>.cases-intro,
 .ce-page:has(.rx-agenda)>.ce-intro,
 .ce-page:has(.ce-trust-hero)>.ce-intro,
 .ce-page:has(.ce-brand-intro)>.ce-intro,
 main.site-page:has(.site-branch-grid)>.site-intro
){background-image:linear-gradient(90deg,rgba(244,250,250,.99) 0%,rgba(244,250,250,.97) 36%,rgba(244,250,250,.78) 55%,rgba(244,250,250,.05) 100%),var(--main-hero);background-color:#eef8f8;background-size:cover;background-position:center 50%;background-repeat:no-repeat;border-bottom:1px solid #cbdfe5}

main.platform-page:has(#platformkracht) .pf-hero,
main.platform-page--features .pf-hero,
main.platform-page:has(.pf-nav a[href*="platform-development.php"][aria-current]) .pf-hero,
main.platform-page:has(.pf-nav a[href*="pricing.php"][aria-current]) .pf-hero,
.jx-page:has(.ce-discovery)>.jx-intro,
.jx-page:has(.ix-catalog)>.ce-intro,
.ce-page:has(.px-nav) .px-intro,
main.cases-page:has(.cases-library)>.cases-intro,
.ce-page:has(.rx-agenda)>.ce-intro,
.ce-page:has(.ce-trust-hero)>.ce-intro,
.ce-page:has(.ce-brand-intro)>.ce-intro,
main.site-page:has(.site-branch-grid)>.site-intro{min-height:var(--sas-banner-height);padding-block:28px!important}

@media(min-width:761px){
 body:has(.site-header25) main.platform-page .pf-hero>.pf-shell:has(.pf-hero-logo){grid-template-columns:140px minmax(0,1fr);column-gap:28px}
 body:has(.site-header25) main.platform-page .pf-hero .pf-hero-logo{width:140px;max-height:82px}
}

body:has(.site-header25) .ce-page:has(.ce-brand-intro) .ce-hero-logo,
body:has(.site-header25) .ce-page:has(.ce-trust-hero) .ce-trust-hero>img{display:none}
body:has(.site-header25) .ce-page:has(.ce-brand-intro) .ce-brand-intro,
body:has(.site-header25) .ce-page:has(.ce-trust-hero) .ce-trust-hero{display:block}

body:has(.site-header25) main.platform-page .pf-hero :is(h1,.pf-lead){max-width:600px}
body:has(.site-header25) .jx-page:has(.ce-discovery)>.jx-intro,
body:has(.site-header25) main.cases-page:has(.cases-library)>.cases-intro,
body:has(.site-header25) main.site-page:has(.site-branch-grid)>.site-intro{width:100%;max-width:none;margin:0;padding-inline:max(24px,calc((100% - 1200px)/2))!important;box-sizing:border-box}
body:has(.site-header25) .scenario-overview-banner>.jx-intro{width:100%;max-width:none;margin:0;padding-inline:max(24px,calc((100% - 1200px)/2))!important;text-align:left}
body:has(.site-header25) .scenario-overview-banner>.jx-intro :is(h1,p){max-width:600px}
body:has(.site-header25) .jx-page:has(.ce-discovery)>.jx-intro :is(h1,p),
body:has(.site-header25) main.cases-page:has(.cases-library)>.cases-intro :is(h1,p),
body:has(.site-header25) main.site-page:has(.site-branch-grid)>.site-intro :is(h1,p){max-width:600px}
body:has(.site-header25) .ce-page:has(.px-nav) .px-intro .ce-shell> :is(h1,p),
body:has(.site-header25) .ce-page:has(.rx-agenda) .ce-intro .ce-shell> :is(h1,p),
body:has(.site-header25) .ce-page:has(.ce-trust-hero) .ce-intro .ce-shell>div,
body:has(.site-header25) .ce-page:has(.ce-brand-intro) .ce-intro .ce-shell>div,
body:has(.site-header25) .jx-page:has(.ix-catalog) .ce-intro .ce-shell> :is(h1,p,.ix-actions){max-width:600px}

@media(max-width:760px){
 body:has(.site-header25) main.site-page>.branch-banner{min-height:350px;padding:36px 24px;background-image:linear-gradient(90deg,rgba(244,250,250,.97),rgba(244,250,250,.80)),var(--branch-banner);background-position:65% center}
 body:has(.site-header25) :is(main.platform-page:has(#platformkracht) .pf-hero,main.platform-page--features .pf-hero,main.platform-page:has(.pf-nav a[href*="platform-development.php"][aria-current]) .pf-hero,main.platform-page:has(.pf-nav a[href*="pricing.php"][aria-current]) .pf-hero,.jx-page:has(.ce-discovery)>.jx-intro,.jx-page:has(.ix-catalog)>.ce-intro,.ce-page:has(.px-nav) .px-intro,main.cases-page:has(.cases-library)>.cases-intro,.ce-page:has(.rx-agenda)>.ce-intro,.ce-page:has(.ce-trust-hero)>.ce-intro,.ce-page:has(.ce-brand-intro)>.ce-intro,main.site-page:has(.site-branch-grid)>.site-intro){background-image:linear-gradient(90deg,rgba(244,250,250,.97),rgba(244,250,250,.83)),var(--main-hero);background-position:68% center}
 main.platform-page:has(#platformkracht) .pf-hero,main.platform-page--features .pf-hero,main.platform-page:has(.pf-nav a[href*="platform-development.php"][aria-current]) .pf-hero,main.platform-page:has(.pf-nav a[href*="pricing.php"][aria-current]) .pf-hero,.jx-page:has(.ce-discovery)>.jx-intro,.jx-page:has(.ix-catalog)>.ce-intro,.ce-page:has(.px-nav) .px-intro,main.cases-page:has(.cases-library)>.cases-intro,.ce-page:has(.rx-agenda)>.ce-intro,.ce-page:has(.ce-trust-hero)>.ce-intro,.ce-page:has(.ce-brand-intro)>.ce-intro,main.site-page:has(.site-branch-grid)>.site-intro{min-height:240px;padding-block:32px!important}
}