/* Four stable service slots share the Services catalogue in every business. */
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-service-picker>[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero .ser-impact .ser-impact-context{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero .ser-impact .ser-impact-context>.ser-reference-context{grid-area:1/1;grid-template-columns:minmax(0,1fr);min-height:48px}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero .ser-impact .ser-impact-context>.ser-service-insight{grid-area:2/1}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero .ser-impact .ser-impact-context>.ser-service-insight>header.ser-release-sr{position:absolute}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-reference>div{flex:1;min-width:0}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-reference>[aria-hidden]{margin-left:auto}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-project-choice{display:grid;min-width:0;align-items:center}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-project-choice>*{grid-area:1/1;min-width:0}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-project-choice>a[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-project-choice>select[hidden]{display:block!important;visibility:hidden;pointer-events:none}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] [data-ser-case-project]{width:100%;box-sizing:border-box;min-height:32px;padding:3px 24px 3px 0;border:0;background:transparent;color:var(--ser-ink);font:inherit;font-size:12.5px;line-height:1.5;cursor:pointer}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] [data-ser-case-project]:focus-visible{outline:2px solid var(--ser-accent);outline-offset:3px;border-radius:4px}
html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-service-insight[hidden]{display:block!important;visibility:hidden;pointer-events:none}

/* Keep the complete selection and metrics visible on shorter desktop screens. */
@media(min-width:851px) and (max-height:780px){
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero{padding-top:0}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-release-hero .ser-impact{padding:14px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-heading{align-items:center;padding-bottom:8px;gap:10px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-heading h2{font-size:18px;line-height:1.3}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-barber-market{flex-direction:row;align-items:center;gap:6px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-barber-market>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-barber-market [data-barber-market]{padding:4px 7px;min-height:26px;font-size:10px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-layout,
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-stage{gap:10px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-chooser{padding-bottom:10px;gap:16px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-selector-heading{min-height:24px;margin-bottom:3px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-selector-label h2{font-size:12px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-service-column{padding:7px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-service-picker,
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-sector-picker{grid-auto-rows:minmax(32px,auto);gap:3px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-service-picker button,
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-sector-picker button{min-height:32px;padding:5px 8px;font-size:13px;line-height:1.35}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact[data-ser-impact-sector] .ser-impact-values dt{font-size:11px;min-height:30px;margin-bottom:6px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact[data-ser-impact-sector] .ser-impact-values dd{font-size:38px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact .ser-impact-context{padding-top:8px;gap:8px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact .ser-impact-context>.ser-reference-context{min-height:40px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-reference>img{width:42px;height:34px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-reference{gap:10px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-home-reference a,
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] [data-ser-case-project]{font-size:11.5px;line-height:1.4}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] [data-ser-case-project]{min-height:28px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-insight-values{gap:14px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-insight-values>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-insight-values dt{font-size:10.5px;line-height:1.35;min-block-size:2.7em;margin:0;display:grid;align-content:center}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-insight-values dd{min-block-size:0}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-extra-value{font-size:24px}
 html[data-ser-style="modern"] #ser-design[data-active-view="home"] .ser-impact-actions{margin-top:2px}
}